body {
    padding: 0;
    margin: 0;
}

img {
    display: none;
}

img[src] {
    display: inline-block;
}


h1, h2, h3, h4, p, div[data-elementtype="TITLE"], div[data-elementtype="SUBTITLE"], div[data-elementtype="BODY"] {
    font-smooth: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    word-break: break-word;
}

[data-elementtype="SUBTITLE"] a,
[data-elementtype="BODY"] a {
    text-decoration: underline!important;
}

div[data-elementtype="TITLE"], 
div[data-elementtype="SUBTITLE"], 
div[data-elementtype="BODY"]
{
    display: inline-block;
    padding: 0px;
    margin: 0;
    font-weight: normal;
}


h1 {
    display: inline-block;
    padding: 0px;
    margin: 0;
    font-weight: normal;
}

h2 {
    display: inline-block;
    padding: 0px;
    font-weight: normal;
}

h3 {
    display: inline-block;
    padding: 0px;
    margin: 0;
    font-weight: normal;
}

h4 {
    display: inline-block;
    padding: 0px;
    margin: 0;
    font-weight: normal;
}

p {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0;
    font-weight: normal;
    max-width: 500px;
}

.element[data-elementtype="TITLE"] p,
.element[data-elementtype="SUBTITLE"] p {
    max-width: inherit;
}

div[data-elementtype="BODY"] p {
    max-width: initial;
}

div[data-elementtype="BODY"] h4,
div[data-elementtype="BODY"] h3,
div[data-elementtype="BODY"] h2,
div[data-elementtype="BODY"] h1 {
    padding-left: 0px;
}


.element[data-elementtype="TITLE"] ul li p,
.element[data-elementtype="TITLE"] ol li p,
.element[data-elementtype="SUBTITLE"] ul li p,
.element[data-elementtype="SUBTITLE"] ol li p,
.element[data-elementtype="BODY"] ul li p,
.element[data-elementtype="BODY"] ol li p {
    max-width: inherit;
    display: block;
}


h1:empty {
    display: none;
}

h2:empty {
    display: none;
}

h3:empty {
    display: none;
}

p:empty {
    display: none;
}

p[contenteditable="true"],
button[contenteditable="true"],
h3[contenteditable="true"],
h2[contenteditable="true"],
h1[contenteditable="true"] {
    display: inline-block !important;
}

img[src=""] {
    display: none;
}

button:empty {
    display: none;
}

.website {
    padding: 0;
    margin: 0;
}


.text-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.text-side .buttons {
    flex-direction: initial;
    cursor: default;
    display: flex;
    align-items: center;
}
.text-side:empty,
.website article .text-side:empty{
    display: none;
}
.text-side .buttons:empty {
    display: none;
}

.element {
    pointer-events: auto;
}

.links div {
    border: none;
    padding: 5px 10px;
    margin: 2px;
    outline: none;
    display: inline-block;
}


div[data-elementtype="BUTTON"], div[data-elementtype="BUTTON2"], div[data-elementtype="BUTTON3"] {
    display: inline-block !important;
    padding: 10px 20px 10px 20px !important;
    margin: 0;
    font-weight: normal;
    max-width: 500px;
    margin-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

hr[data-elementtype="DIVIDER"] {
    height: 2px;
    width: 100%;
    border: none;
    background-color: var(--theme-color-1, #fff);
}


hr[data-elementtype="DIVIDER"][data-variant="divider_variant_1"] {
    height: 1px;
}

hr[data-elementtype="DIVIDER"][data-variant="divider_variant_2"] {
    height: 2px;
}

hr[data-elementtype="DIVIDER"][data-variant="divider_variant_3"] {
    height: 5px;
    max-width: 200px
}

hr[data-elementtype="DIVIDER"][data-variant="divider_variant_4"] {
    height: 10px;
    width: 10px;
}

hr[data-elementtype="DIVIDER"][data-variant="divider_variant_5"] {
    height: 20px;
    width: 2px;
    transform: rotate(45deg);
}


img[data-elementtype="ICON"] {
    height: 80px;
    max-width: 100%;
    min-width: 60px;
    object-fit: contain !important;
}


.buttons {
    margin-top: 10px;
    flex-wrap: wrap;
}


.button_preset_1,
.button_preset_2,
.button_preset_3 {
    text-align: center;
}

.website[menu-collapse="true"] .top_menu .buttons .button_preset_1,
.website[menu-collapse="true"] .top_menu .buttons .button_preset_2,
.website[menu-collapse="true"] .top_menu .buttons .button_preset_3 {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div[data-variant="button_variant_1"],
div[data-variant="button_variant_2"],
div[data-variant="button_variant_3"],
div[data-variant="button_variant_4"],
div[data-variant="button_variant_5"],
div[data-variant="button_variant_6"],
div[data-variant="button_variant_7"],
div[data-variant="button_variant_8"],
div[data-variant="button_variant_9"],
div[data-variant="button_variant_10"],
div[data-variant="button_variant_11"],
div[data-variant="button_variant_12"],
div[data-variant="button_variant_13"],
div[data-variant="button_variant_14"],
div[data-variant="button_variant_15"],
div[data-variant="button_variant_16"],
div[data-variant="button_variant_17"],
div[data-variant="button_variant_18"],
div[data-variant="button_variant_19"] {
    min-width: 50px;
    border: 1.5px solid;
    border-color: var(--button-color-preset-border-color) !important;
    padding: 10px 20px 10px 20px !important;
    margin: 5px !important;
    background-color: var(--button-color-preset-background-color) !important;
    color: var(--button-color-preset-color) !important;
    transition: background-color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

div[data-variant="button_variant_1"]:hover,
div[data-variant="button_variant_2"]:hover,
div[data-variant="button_variant_3"]:hover,
div[data-variant="button_variant_4"]:hover,
div[data-variant="button_variant_5"]:hover,
div[data-variant="button_variant_6"]:hover,
div[data-variant="button_variant_7"]:hover,
div[data-variant="button_variant_8"]:hover,
div[data-variant="button_variant_9"]:hover,
div[data-variant="button_variant_10"]:hover,
div[data-variant="button_variant_11"]:hover,
div[data-variant="button_variant_12"]:hover,
div[data-variant="button_variant_13"]:hover,
div[data-variant="button_variant_14"]:hover,
div[data-variant="button_variant_15"]:hover,
div[data-variant="button_variant_16"]:hover,
div[data-variant="button_variant_17"]:hover,
div[data-variant="button_variant_18"]:hover,
div[data-variant="button_variant_19"]:hover {
    background-color: var(--button-color-preset-background-hover-color) !important;
    color: var(--button-color-preset-hover-color) !important;
}


div[data-variant="button_variant_2"] {
    border-color: transparent !important;
    box-shadow: -1px 3px 5px #0000000a;
}


div[data-variant="button_variant_3"]:hover,
div[data-variant="button_variant_3"] {
    border-color: transparent !important;
    background-color: transparent !important;
}

div[data-variant="button_variant_5"] {
    border-color: transparent !important;
    box-shadow: -1px 3px 5px #0000000a;
    position: relative;
    transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);
}


div[data-variant="button_variant_5"]:hover {
    background-color: transparent !important;
}


div[data-variant="button_variant_5"]::after {
    content: "";
    display: block;
    bottom: 0px;
    height: 0%;
    left: 0px;
    width: 100%;
    position: absolute;
    background-color: var(--button-color-preset-background-hover-color) !important;
    transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);
    z-index: -1;
}

div[data-variant="button_variant_5"]:hover::after {
    height: 100%;
}

div[data-variant="button_variant_4"] {
    border-width: 2px !important;
    border-color: var(--button-color-preset-border-color) !important;
    background-color: transparent !important;
}


div[data-variant="button_variant_4"]:hover::after {
    height: 100%;
}


div[data-variant="button_variant_6"] {
    border-radius: 6px;
}

div[data-variant="button_variant_7"] {
    background-color: transparent !important;
    border-color: transparent !important;
}

div[data-variant="button_variant_7"]::after {
    content: "";
    width: 0px;
    position: relative;
    bottom: 0px;
    height: 2px;
    transform: translate(0px, 6px);
    background-color: var(--button-color-preset-hover-color);
    display: block;
    transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

div[data-variant="button_variant_7"]:hover::after {
    width: 100%;
}


div[data-variant="button_variant_8"] {
    border-radius: 50px;
}

div[data-variant="button_variant_9"] {
    border-radius: 50px;
    margin: 5px !important;
    background-color: transparent !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

div[data-variant="button_variant_9"]:hover {
    border-radius: 50px;
    margin: 5px !important;
    background-color: var(--button-color-preset-background-hover-color) !important;
    color: var(--button-color-preset-hover-color) !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}


div[data-variant="button_variant_10"] {
    border: 2px solid;
    border-color: var(--button-color-preset-border-color) !important;
    border-radius: 100px !important;
    width: 50px !important;
    height: 50px !important;
    padding: 0px !important;
    font-size: 12px !important;
    background-color: var(--button-color-preset-background-color) !important;
    margin: 5px !important;
    text-align: center !important;
    color: var(--button-color-preset-color) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;

}


div[data-variant="button_variant_11"] {
    border-radius: 50px;
}


div[data-variant="button_variant_13"],
div[data-variant="button_variant_12"] {
    background-color: var(--button-color-preset-background-color) !important;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: var(--button-color-preset-color) !important;
    border: solid 1px var(--button-color-preset-border-color) !important;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0 0 0 / 29%)), color-stop(1, rgb(255 255 255 / 28%)));
    box-shadow: inset 0px 1px 0px #fdfdfda3, 0px 1px 0px #ffffff3b;
    border-radius: 5px;
    min-width: 50px;
    padding: 10px 20px 10px 20px !important;
}

div[data-variant="button_variant_13"] {
    border-radius: 50px;
}

div[data-variant="button_variant_14"] {
    background-color: black;
    border-radius: 0px;
    min-width: 50px;
    padding: 10px 20px 10px 20px !important;
    background-color: var(--button-color-preset-background-color) !important;

}


div[data-variant="button_variant_15"] {
    border-radius: 0px;
    border-color: transparent !important;
    min-width: 50px;
    padding: 10px 20px 10px 0px !important;
    color: var(--button-color-preset-color) !important;
    background-color: transparent !important;

}

div[data-variant="button_variant_15"]:hover {
    background-color: transparent !important;
}


div[data-variant="button_variant_15"]::after {
    content: "→";
    transform: translateX(-5px);
    margin-left: 10px;
    font-family: "Arial";
    color: var(--button-color-preset-color) !important;
    display: inline-block;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    background-color: transparent !important;
}

div[data-variant="button_variant_15"]:hover::after {
    content: "→";
    transform: translateX(0px);
    color: var(--button-color-preset-hover-color) !important;
    background-color: transparent !important;
}

div[data-variant="button_variant_16"] {
    border: 2px solid;
    border-color: var(--button-color-preset-border-color) !important;
    border-radius: 100px !important;
    width: 50px !important;
    height: 50px !important;
    padding: 0px !important;
    font-size: 0px !important;
    background-color: var(--button-color-preset-background-color) !important;
    margin: 5px !important;
    text-align: center !important;
    color: var(--button-color-preset-color) !important;

}

div[data-variant="button_variant_16"]::after {
    content: "→";
    position: relative;
    font-family: "Arial";
    color: var(--button-color-preset-color) !important;
    font-size: 20px !important;
    margin: 0px !important;
    padding: 0px !important;
    top: 14px !important;
    letter-spacing: 0em !important;
    line-height: 1em !important;
    background-color: transparent !important;
}

div[data-variant="button_variant_16"]:hover::after {
    color: var(--button-color-preset-hover-color) !important;
}

div[data-variant="button_variant_17"] {
    border: none !important;
    border-radius: 0px !important;
    padding: 5px !important;
    background-color: var(--button-color-preset-background-color) !important;
    padding: 10px 20px 10px 20px !important;
    margin: 5px !important;
    color: var(--button-color-preset-color) !important;
}

div[data-variant="button_variant_17"]::after {
    content: "→";
    position: relative;
    margin-left: 10px;
    font-family: "Arial";
    color: var(--button-color-preset-color) !important;
    font-size: 20px !important;
    background-color: transparent !important;

}

div[data-variant="button_variant_17"]:hover::after {
    color: var(--button-color-preset-hover-color) !important;
}


div[data-variant="button_variant_18"] {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center;
    border: none !important;
    border-radius: 0px !important;
    padding: 5px !important;
    background-color: var(--button-color-preset-background-color) !important;
    padding: 10px 20px 10px 20px !important;
    margin: 5px !important;
    color: var(--button-color-preset-color) !important;
}

div[data-variant="button_variant_18"]::after {
    content: "→";
    position: relative;
    margin-right: 10px;
    font-family: "Arial";
    color: var(--button-color-preset-color) !important;
    font-size: 20px !important;
    padding-bottom: 2px;
    background-color: transparent !important;
}

div[data-variant="button_variant_18"]:hover::after {
    color: var(--button-color-preset-hover-color) !important;
}


div[data-variant="button_variant_19"] {
    border: none !important;
    border-radius: 100px !important;
    padding: 5px !important;
    background-color: var(--button-color-preset-background-color) !important;
    padding: 10px 20px 10px 20px !important;
    margin: 5px !important;
    color: var(--button-color-preset-color) !important;
}

div[data-variant="button_variant_19"]::after {
    content: "→";
    position: relative;
    margin-left: 10px;
    font-family: "Arial";
    color: var(--button-color-preset-color) !important;
    font-size: 20px !important;
    background-color: transparent !important;

}

div[data-variant="button_variant_19"]:hover::after {
    color: var(--button-color-preset-hover-color) !important;
}


/*backward compatibility  */


div[data-variant="button_variant_1_invert"] {
    border-radius: 0px;
    min-width: 50px;
    outline-offset: -2px !important;
    padding: 10px 20px 10px 20px !important;
    outline: 2px solid var(--button-color-preset-border-color) !important;
    background-color: var(--button-color-preset-background-color) !important;
    color: var(--button-color-preset-color) !important;

}

div[data-variant="button_variant_1_accent"] {
    border-radius: 0px;
    min-width: 50px;
    border: 0px solid var(--button-color-preset-border-color) !important;
    padding: 10px 20px 10px 20px !important;
    background-color: var(--button-color-preset-background-color) !important;
    color: var(--button-color-preset-color) !important;
}

div[data-variant="button_variant_1_accent"]:hover {
    background-color: var(--button-color-preset-background-hover-color) !important;
    color: var(--button-color-preset-hover-color) !important;
}


div[data-variant="button_variant_1_accent2"] {
    border-radius: 0px;
    min-width: 50px;

    padding: 10px 20px 10px 20px !important;
    border: 0px solid var(--theme-color-2) !important;
    background-color: var(--button-color-preset-background-color) !important;
    color: var(--button-color-preset-color) !important;

}

div[data-variant="button_variant_1_accent2_semiround"] {
    border-radius: 5px;
    min-width: 50px;
    padding: 10px 20px 10px 20px !important;
    color: var(--button-color-preset-color) !important;
    background-color: var(--button-color-preset-background-color) !important;
}

div[data-variant="button_variant_1_accent2_semiround_acc1"] {
    border-radius: 5px;
    min-width: 50px;
    padding: 10px 20px 10px 20px !important;
    border: 2px solid var(--theme-color-2) !important;
    background-color: var(--button-color-preset-background-color) !important;
    color: var(--button-color-preset-color) !important;
}

div[data-variant="button_variant_1_accent2_semiround_acc2"] {
    border-radius: 5px;
    min-width: 50px;
    padding: 10px 20px 10px 20px !important;
    border: 0px solid var(--theme-color-1) !important;
    box-shadow: 0px 2px 2px #00000010;
    color: var(--button-color-preset-color) !important;
    background-color: var(--button-color-preset-background-color) !important;

}

div[data-variant="button_variant_1_accent3"] {
    border-radius: 0px;
    min-width: 50px;
    border: 0px solid var(--theme-color-6) !important;
    padding: 10px 20px 10px 20px !important;
    background-color: var(--button-color-preset-background-color) !important;
    color: var(--button-color-preset-color) !important;
}

div[data-variant="button_variant_1_accent4"] {
    border-radius: 0px;
    min-width: 50px;
    border: 0px solid var(--theme-color-6) !important;
    padding: 10px 20px 10px 20px !important;
    background-color: var(--button-color-preset-background-color) !important;
    color: var(--button-color-preset-color) !important;
}


div[data-variant="button_variant_2_invert"] {
    border-radius: 100px !important;
    min-width: 50px;
    border: 2px solid var(--theme-color-2) !important;
    padding: 10px 20px 10px 20px !important;
    color: var(--button-color-preset-color) !important;
    background-color: var(--button-color-preset-background-color) !important;
}

div[data-variant="button_variant_2_solid"] {
    border-radius: 100px !important;
    min-width: 50px;
    border: 0px solid var(--theme-color-2) !important;
    padding: 10px 20px 10px 20px !important;
    color: var(--button-color-preset-color) !important;
    background-color: var(--button-color-preset-background-color) !important;
    box-shadow: 0px 2px 2px #00000010;
}

div[data-variant="button_variant_2_solid_invert"] {
    border-radius: 100px !important;
    min-width: 50px;
    border: 0px solid var(--theme-color-1) !important;
    padding: 10px 20px 10px 20px !important;
    color: var(--button-color-preset-color) !important;
    background-color: var(--button-color-preset-background-color) !important;
    box-shadow: 0px 2px 2px #00000010;
}


/* embedded video */
div[data-elementtype="VIDEO"] {
    overflow: hidden;
    position: relative;
    height: 0;
}

div[data-elementtype="VIDEO"] iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* SOCIAL */
.social {
    display: flex;
    flex-wrap: wrap;
}

.social[data-variant="button_variant_8"] {

}

div[data-elementtype="SOCIAL"] {
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    display: flex;
}

div[data-elementtype="SOCIAL"] svg {
    width: 80%;
    height: 100%;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_1"] svg {
    fill: #b3b3b3;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_2"] svg {
    fill: white;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_3"] svg {
    fill: black;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_4"] {
    background-color: white;
    border-radius: 900px;

}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_4"] svg {
    fill: black;
    position: relative;
    width: 50%;
    height: 100%;
    left: 25%;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_5"] {
    background-color: black;
    border-radius: 900px;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_5"] svg {
    fill: white;
    position: relative;
    width: 50%;
    height: 100%;
    left: 25%;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"] {
    background-color: dodgerblue;
    border-radius: 900px;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"] svg {
    fill: white;
    position: relative;
    width: 50%;
    height: 100%;
    left: 25%;
}


div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: dodgerblue;
    border-radius: 0px;
}

div.facebook[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.facebook[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.facebook[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #3b5998;
}

div.yelp[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.yelp[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.yelp[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #D32323;

}


div.twitter[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.twitter[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.twitter[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #1da1f2;
}

div.linkedin[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.linkedin[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.linkedin[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #007bb5;
}

div.whatsapp[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.whatsapp[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.whatsapp[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #25d366;
}

div.pinterest[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.pinterest[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.pinterest[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #bd081c;
}

div.youtube[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.youtube[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.youtube[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #ff0000;
}

div.instagram[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.instagram[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.instagram[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #c32aa3;
}

div.vimeo[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before,
div.vimeo[data-elementtype="SOCIAL"][data-socialtheme="social_theme_6"],
div.vimeo[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] {
    background-color: #1ab7ea;
}


div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_7"] svg {
    fill: white;
    position: relative;
    width: 50%;
    height: 100%;
    left: 25%;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"] {
    position: relative;
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]::before {
    content: '';
    background-color: red;
    width: 100%;
    height: 0%;
    position: absolute;
    bottom: 0px;
    transition: height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"]:hover::before {
    height: 100%;
}


div[data-elementtype="SOCIAL"][data-socialtheme="social_theme_8"] svg {
    fill: white;
    position: relative;
    width: 50%;
    height: 100%;
    left: 25%;
}

div[data-elementtype="RATING"] {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px !important;
    margin-right: 0px !important;
}


div[data-elementtype="RATING"] div[data-ratingstars="full"],
div[data-elementtype="RATING"] div[data-ratingstars="half"],
div[data-elementtype="RATING"] div[data-ratingstars="empty"] {
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: contain;
}

div[data-elementtype="RATING"] div[data-ratingstars="full"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E");
}

div[data-elementtype="RATING"] div[data-ratingstars="empty"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"] div[data-ratingstars="half"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_1"] div {

}

div[data-elementtype="RATING"][data-variant="rating_variant_2"] div[data-ratingstars="full"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_2"] div[data-ratingstars="empty"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_2"] div[data-ratingstars="half"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_3"] div[data-ratingstars="full"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_3"] div[data-ratingstars="empty"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_3"] div[data-ratingstars="half"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_3"] div {
    background-color: green;
    box-sizing: border-box;
    background-size: 80%;
    background-repeat: no-repeat;
    margin: 1px;
    padding: 3px;
}

div[data-elementtype="RATING"][data-variant="rating_variant_4"] div[data-ratingstars="full"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_4"] div[data-ratingstars="empty"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_4"] div[data-ratingstars="half"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_4"] div {
    background-color: gold;
    box-sizing: border-box;
    background-size: 80%;
    background-repeat: no-repeat;
    margin: 1px;
    padding: 3px;
}

div[data-elementtype="RATING"][data-variant="rating_variant_5"] div[data-ratingstars="full"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='gold' width='18px' height='18px'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/g%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_5"] div[data-ratingstars="empty"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gold' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}

div[data-elementtype="RATING"][data-variant="rating_variant_5"] div[data-ratingstars="half"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gold' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
}


div[data-elementtype="BODY"] div,
div[data-elementtype="BODY"] p:empty,
div[data-elementtype="BODY"] p {
    white-space: pre-wrap;
    display: inline-block;
    width: 100%;
}

/* RTE elements */

img[data-attribute-image-s] {
    width: 300px;
    max-height: inherit;
}

img[data-attribute-image-m] {
    width: 500px;
    max-height: inherit;
}

img[data-attribute-image-wide] {
    width: 700px;
    max-height: inherit;
}


/* google maps info window */

.maps-info-window_container {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    max-width: 282px;
    background-color: white;
}

.maps-info-window_img {
    flex: 1;
    max-height: 140px;
    display: flex;
    overflow: hidden;
}

.maps-info-window_img img {
    max-height: 140px;
    width: 100%;
    object-fit: cover;
    margin: auto;
}

@media only screen and (max-width: 800px) {
    .maps-info-window_img {
        max-height: 100px;
    }

    .maps-info-window_img img {
        max-height: 100px;
    }
}

.maps-info-window_name {
    font-weight: bold;
    color: black;
    padding-top: 10px;
    white-space: normal;
}

.maps-info-window_address {
    opacity: 1;
    color: gray;
    white-space: normal;
}

.maps-info-window_buttons {
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    outline: none!important;
}

.maps-info-window_call-button {
    background-color: var(--multimap-color-button-background-color);
    color: var(--multimap-color-button-color);
    border: 1px solid #00000029!important;
    outline: none!important;
}

.maps-info-window_call-button:hover {
    background-color: var(--multimap-color-button-background-hover-color);
    color: var(--multimap-color-button-hover-color);
    border: 1px solid #00000029!important;
    outline: none!important;
}

.maps-info-window_call-button, .maps-info-window_call-button a {
    border-radius: 5px;
    opacity: 1;
    display: flex;
    flex: 5;
    outline: none!important;
}

.maps-info-window_phone-svg {
    display: flex;
    padding: 5px;
}

.maps-info-window_call-button svg {
    fill: white;
    margin: auto;
}

.maps-info-window_phone-number {
    margin: auto;
    padding: 5px;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.maps-info-window_phone-number .maps-info-window_phone-icon {
    margin: auto 0;
    flex: 0;
}

.maps-info-window_phone-number svg {
    padding-top: 3px;
    padding-left: 6px;
}

.maps-info-window_phone-number .maps-info-window_phone-text {
    margin: auto 0;
    margin-left: 10px;
    margin-right: 10px;
    flex: 1;
    text-align: center;
}


.maps-info-window_navigate-button svg {
    fill: var(--multimap-color-title-color)!important;
}

.maps-info-window_navigate-button svg:hover {
    fill: var(--multimap-color-title-color)!important;
}
.maps-info-window_navigate-button {
    display: flex;
    padding: 0px;
    padding-left:15px;
    padding-right: 0px;
    flex: 1;
}

.maps-info-window_navigate-button a {
    margin: auto;
    display: flex;
}

.maps-info-window_navigate-button a svg {
    fill: #656565!important;
    margin: auto;
}

/* multimap container */
/*
 <div.multimap-container variant=map_variant_[1,2,3,4]>
    <div.multimap-controls>
        <div.multimap-controls-prev-scroller></div>
        <div.multimap-controls-item-container-wrapper-outer>
            <div.multimap-controls-item-container-wrapper>
                <div.multimap-controls-item-container>
                    <div.multimap-controls-item></div>
                    <div.multimap-controls-item></div>
                </div>
            </div>
        </div>
        <div.multimap-controls-next-scroller></div>
    </div>
    <div.multimap-map>
        <div.multimap-map-container></div>
    </div>
 </div>

 */

.multimap-map-container {
    flex: 1;
    background-color: white;
}


.multimap-container[data-variant=map_variant_1] .multimap-controls {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 220px;
    z-index: 2;
}


.multimap-container[data-variant=map_variant_1] .multimap-controls .multimap-controls-prev-scroller .multimap-controls-prev-scroller-button.up {
    display: block !important;
}

.multimap-container[data-variant=map_variant_1] .multimap-controls .multimap-controls-next-scroller {
}

.multimap-container[data-variant=map_variant_1] .multimap-controls .multimap-controls-next-scroller .multimap-controls-next-scroller-button.down {
    display: block !important;
}

.multimap-container[data-variant=map_variant_2] {
    display: flex;
    flex-direction: column-reverse;
}

.multimap-container[data-variant=map_variant_2] .multimap-controls {
    background-color: var(--multimap-color-background-color);
    flex-direction: row;
}

.multimap-container[data-variant=map_variant_2] .multimap-controls .multimap-controls-prev-scroller {
}

.multimap-container[data-variant=map_variant_2] .multimap-controls .multimap-controls-prev-scroller .multimap-controls-prev-scroller-button.left {
    display: block !important;
}

.multimap-container[data-variant=map_variant_2] .multimap-controls .multimap-controls-next-scroller {
}

.multimap-container[data-variant=map_variant_2] .multimap-controls .multimap-controls-next-scroller .multimap-controls-next-scroller-button.right {
    display: block !important;
}

.multimap-container[data-variant=map_variant_3] .multimap-controls {
    flex-direction: column;
    background-color: var(--multimap-color-background-color);
}

.multimap-container[data-variant=map_variant_3] .multimap-controls .multimap-controls-prev-scroller {
}

.multimap-container[data-variant=map_variant_3] .multimap-controls .multimap-controls-prev-scroller .multimap-controls-prev-scroller-button.up {
    display: block !important;
}

.multimap-container[data-variant=map_variant_3] .multimap-controls .multimap-controls-next-scroller {
}

.multimap-container[data-variant=map_variant_3] .multimap-controls .multimap-controls-next-scroller .multimap-controls-next-scroller-button.down {
    display: block !important;
}

.multimap-container[data-variant=map_variant_4] {
    display: flex;
    flex-direction: column;
}

.multimap-container[data-variant=map_variant_4] .multimap-controls {
    display: flex;
    flex-direction: row;
}

.multimap-container[data-variant=map_variant_4] .multimap-controls {
    background-color: var(--multimap-color-background-color);
}

.multimap-container[data-variant=map_variant_4] .multimap-controls .multimap-controls-prev-scroller {
}

.multimap-container[data-variant=map_variant_4] .multimap-controls .multimap-controls-prev-scroller .multimap-controls-prev-scroller-button.left {
    display: block !important;
}

.multimap-container[data-variant=map_variant_4] .multimap-controls .multimap-controls-next-scroller {
}

.multimap-container[data-variant=map_variant_4] .multimap-controls .multimap-controls-next-scroller .multimap-controls-next-scroller-button.right {
    display: block !important;
}

.multimap-container .multimap-controls {
    display: flex;
    overflow: hidden;
}

.multimap-container .multimap-controls-item-container-wrapper-outer {
    display: block;
    flex: 1;
    overflow: hidden;
    position: relative;
}

.multimap-container .vertical .multimap-controls-item-container-wrapper {
    width: 100%;
    transition: left 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

.multimap-container .horizontal .multimap-controls-item-container-wrapper {
    transition: left 300ms cubic-bezier(0.25, 1, 0.5, 1);
    height: 100%;
}

.multimap-container .multimap-controls-item-container-wrapper {
    display: inline-block;
}

.multimap-container .multimap-controls-item-container {
    height: 100%;
    white-space: nowrap;
}


.multimap-container .vertical .multimap-controls-item-container {
    display: flex;
    flex-direction: column;
}

.multimap-container .vertical .multimap-controls-item {
    width: 100%;
    border: 1px solid #6f6f6f24;
    border-top: none;
}

.multimap-container[data-variant=map_variant_1] .multimap-controls-item {
    margin: 10px;
    margin-bottom: 0px;
    background-color: var(--multimap-color-background-color);
    width: calc(100% - 20px);
}

.multimap-container .horizontal .multimap-controls-item-container {
    display: flex;
    flex-direction: row;
}

.multimap-container .horizontal .multimap-controls-item {
    width: 220px;
    border: 1px solid #6f6f6f24;
    border-left: none;
}

.multimap-container.mobile .multimap-controls {
    min-height: 110px;
}

.multimap-container .multimap-controls-item {
    display: inline-block;
    line-height: 1.35;
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
}

.multimap-container .multimap-controls-item:hover {
    border-radius: 0px;
    cursor: pointer;
    border-left: 5px solid var(--multimap-color-accent-color);
    padding-left: 16px;
    box-shadow: -1px 1px 4px 1px #00000017;
}

.multimap-controls-item.control-selected {
    border-left: 5px solid var(--multimap-color-accent-color)!important;
    padding-left: 16px!important;
}

.multimap-container .multimap-controls-item-name {
    padding: 5px;
    font-size: 14px!important;
    font-weight: bold!important;
    white-space: normal!important;
    letter-spacing: 0px!important;
    color: var(--multimap-color-title-color);
}

.multimap-container .multimap-controls-item-address {
    padding: 0 5px;
    white-space: normal;
    color: var(--multimap-color-color);
    font-size: 12px!important;
    font-weight: normal!important;
    white-space: normal!important;
    letter-spacing: 0px!important;
}

.multimap-container .multimap-controls-item-phone {
    padding: 5px;
    white-space: normal;
    color: var(--multimap-color-color);
    font-size: 12px!important;
    font-weight: normal!important;
    white-space: normal!important;
    letter-spacing: 0px!important;
}

.multimap-container .multimap-map {
    display: flex;
    flex: 5;
}


.multimap-controls-prev-scroller.clickable:hover, .multimap-controls-next-scroller.clickable:hover {
    background-color: var(--multimap-color-button-background-hover-color);
    color: var(--multimap-color-button-hover-color);
}

.multimap-controls-prev-scroller, .multimap-controls-next-scroller {
    display: flex;
    fill: #b3b3b3;
    background-color: #8484840d;
}

.multimap-controls-prev-scroller.hidden, .multimap-controls-next-scroller.hidden {
    display: none;
}

.multimap-controls-prev-scroller.clickable, .multimap-controls-next-scroller.clickable {
    fill: black;
    cursor: pointer;
}


.multimap-controls-prev-scroller-button, .multimap-controls-next-scroller-button {
    margin: auto;
}


/**
google maps fixes
 fix for google maps outline box per
 https://stackoverflow.com/questions/66669173/google-maps-js-api-shows-blue-focus-border
 and another fix here
 https://issuetracker.google.com/issues/163214518?pli=1#comment3
 */

.gm-style {
    overflow-anchor:none;
}

.gm-style iframe + div {
    border: none!important;
}

.gm-style iframe + a {
    border: none!important;
}

.gm-style iframe + span {
    border: none!important;

}

.gm-style *:focus {
    outline: none!important;
}

/*fix for infowindow rtl padding*/

.gm-style .gm-style-iw.gm-style-iw-c {
    padding-bottom: 12px!important;
    padding-left: 13px!important;
    padding-right: 14px!important;
    padding-top: 15px!important;
}

.gm-style .gm-style-iw-d {
    display: inline;
}

/**
end fix
 */

.clamping {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    margin-bottom: 35px !important;
    -webkit-line-clamp: var(--clamp-lines);
}

.unclamper {
    pointer-events: all;
    position: relative;
    top: -25px;
    cursor: pointer;
    opacity: 0.7;
    height: 0px;
    font-size: 14px;
}
.unclamper.hidden{
    display: none;
}

.unclamper:hover {
    opacity: 1;
}