/* ==== INCLUDE: /css/blocks.css ==== */

html {
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    scroll-behavior: smooth;
}

html:not(.editing) body {
    overflow: hidden;
}

/* undo overflow for body when IDX is open, otherwise listing details panels don't scroll */
html body.blocks-site.mrp-idx-inpage {
    overflow: inherit;
}

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

/*ol, ul {*/
/*    font-size: var(--p-font-size);*/
/*    padding-bottom: calc(var(--p-font-size) * var(--body-line-height));*/
/*    padding-left: calc(var(--p-font-size) * var(--body-line-height));*/
/*}*/

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0 0 calc(var(--p-font-size) * var(--body-line-height)) 0;
}

.html-layout {
    background-color: white;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    /*overflow-x: hidden; !* never allow horizontal scroll *!*/
    /*overflow-y: auto; !* allow regular vertical scroll *!*/
    /*perspective: 1px; !* for parallax effects *!*/
    /*perspective-origin: 0 0;*/
    /*transform-style: preserve-3d; !* for parallax effects *!*/
    font-family: sans-serif;
    /*font-size: 0.9em;*/
    /*line-height: 1.1rem;*/
}

body.template #content-well,
body.alt-template #content-well {
    /* ensure a height to be visible */
    min-height: 50vh;
    min-height: 800px;
}

/* these two rules harden the body and wrapper div from janking when scrollbar appears / disappers */
html {
    overflow-x: hidden;
}

body > div[rel=mrp-layout] {
    /*width: 100vw;*/
    width: 100%;
}

body.template #content-well:after,
body.alt-template #content-well:after {
    /* ensure a height to be visible */
    content: "PAGE CONTENT";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba( 0, 0, 0, 0.1 );
    margin: 5vh;
    opacity: 0.7;
    color: orange;
}



#content-well, #mrp-header, #mrp-footer, #mrp-sidebar, #mrp-sidebar2,
#mrp-container1, #mrp-container2, #mrp-container3, #mrp-container4, #mrp-container5, #mrp-container6, #mrp-container7,
#mrp-container8, #mrp-container9, #mrp-container10, #mrp-container11, #mrp-container12, #mrp-container13,
#mrp-container14, #mrp-container15, #mrp-container16, #mrp-container17, #mrp-container18, #mrp-container19,
#mrp-container20 {
    position: relative;
}

.block-layout {
    position: relative;
}

/* panel background */
/* these media queries are done in pixels as they are "canonical" to the image pixel size */
/*@media only screen and (max-width: 1200px) {*/
/*    .block-layout > .with-smart-bg-outer {*/
/*        --bg-image: var(--bg-1200);*/
/*    }*/
/*}*/

/*.block-layout > *,*/
.block-layout > video.video,
.mrp-crea-attribution,
.provider-attribution {
    max-width: var(--max-content-width);
    margin-left: auto;
    margin-right: auto;
}

.block-layout > video.video {
    width: var(--max-content-width);
    display: flex;
}

.provider-attribution {
    padding-top: 4rem;
}

.mrp-crea-attribution,
.provider-attribution  {
    max-width: var(--max-content-width);
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8rem;
    margin-bottom: 4rem;
}

.mrp-crea-attribution {
    padding-top: 4em;
}

.provider-attribution + .mrp-crea-attribution {
    padding-top: 0;
}

.block-layout img,
.block-layout video,
.block-layout iframe,
.block-layout object,
.mrp-weblet-blog.mrp-weblet-blog.mrp-weblet-blog img,
.mrp-weblet-blog.mrp-weblet-blog.mrp-weblet-blog video,
.mrp-weblet-blog.mrp-weblet-blog.mrp-weblet-blog iframe,
.mrp-weblet-blog.mrp-weblet-blog.mrp-weblet-blog object
 {
    max-width: 100%;
}

.blocks-site .blog-entry-list .weblet_blog-entry-image-container {
    z-index: 5;
}

.weblet_blog-entry-heading a {
    display: block;
}

#mrp-header,
#mrp-footer {
    /*min-height: 200px;*/
}

.provider-attribution {
	text-align: center;
}

/* unconfigured weblet styles */
.unconfigured > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(3rem,4vw,4rem) clamp(2rem,10vw, 12rem);
    margin: 20px 0;
    background-color: #eee;
}

.unconfigured > div > * {
    text-align: center;
}

.unconfigured img,
.unconfigured svg {
    width: 7rem;
    margin-bottom: var(--spacing-8);
    color: rgba(0,0,0,0.3);
}

.unconfigured img {
    opacity: 0.3;
}

.unconfigured h1 {
    font-size: clamp(2rem,4vw,4rem);
    line-height: 120%;
    color: #666;
}

.unconfigured h3 {
    font-size: clamp(1.1rem,3vw,2rem);
    line-height: 140%;
    font-weight: normal;
    color: rgba(0,0,0,0.3);
}

.unconfigured h3 strong {
    font-size: clamp(1.1rem,3vw,2rem);
}

.unconfigured a {
    display: block;
    text-transform: uppercase;
    margin-top: 25px;
    font-size: 120%;
    text-decoration: none;
    font-weight: bold;
}

.unconfigured.large > div {
    /*height: 80vh;*/
    /*min-height: 33rem;*/
}

.unconfigured.medium > div {
    /*min-height: 40vh;*/
}

.unconfigured.small > div {
}

.unconfigured .edit-link-wrapper,
.unconfigured .edit-link {
    display: none;
}

html.managed .unconfigured .edit-link-wrapper,
html.managed .unconfigured .edit-link {
    display: initial;
    white-space: nowrap;
}

html.managed .unconfigured .edit-link {
    display: inline-block;
    margin-top: var(--spacing-4);
    text-transform: uppercase;
}

/* START grid layout support */
.grid-order-2-1 {
    grid-auto-flow: dense;
}

.grid-2-reverse > *:nth-child(odd){
    grid-column: 2;
}
.grid-2-reverse > *:nth-child(even){
    grid-column: 1;
}
/* END grid layout support */

/* background 2 support */
.has-bg {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.has-bg-image,
.has-bg-video,
.has-bg-color {
    color: rgba(255,255,255,0.8);
}

.has-light-bg {
    color: inherit;
}

.with-smart-bg-outer {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin-top: -0.2px;
    margin-bottom: -0.2px;
}

.with-smart-bg-outer.with-bg-image,
.with-smart-bg-outer.with-bg-color {
    color: white;
}

.with-smart-bg {
    /*background-color: yellow;*/
    position: absolute;
    z-index: -1;
    left: 0;
    top: -10%;
    right: 0;
    bottom: -10%;
    background-image: var(--bg-image);
    /*background-image: url(http://localhost:8080/w/w=reference-reg8.myrealpagewebsite.com/_media/Images/knt-WaUcTYPfiCU-unsplash.jpg);*/
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
}

.with-smart-bg.with-scroll-fixed {
    background-attachment: fixed;
}
.with-smart-bg.with-scroll-fixed::before {
    background-attachment: fixed;
}
.with-smart-bg.with-scroll-fixed::after {
    background-attachment: fixed;
}

/* global fix for mobile */
@media (max-width: 767px) {
    .with-smart-bg.with-scroll-fixed.with-scroll-fixed {
        background-attachment: scroll;
        position: fixed;
        z-index: -1;
        pointer-events: none;
    }
    .with-smart-bg-outer.with-scroll-fixed-parent {
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    }
    /* this counter-acts issues on mobile safari with erratic scrolling showing portions of fixed div */
    html:not(.editing) .block-layout {
        /* disabling it until we figure it out */
        /*overflow: hidden;*/
        /*overflow-x:hidden;*/
    }
}


/* global fix for iOS */
/*@supports (-webkit-touch-callout: none) {*/
/*    .with-smart-bg.with-scroll-fixed.with-scroll-fixed {*/
/*        background-attachment: scroll;*/
/*        position: inherit;*/
/*        z-index: -1;*/
/*    }*/
/*}*/

@media only screen and (max-width: 1300px) {
    .with-smart-bg {
        --bg-image: var(--bg-1200);
    }
}

@media only screen and (max-width: 700px) {
    .with-smart-bg {
        --bg-image: var(--bg-800);
    }
}

/*
this tries to accommodate mobile browsers where the height is greater than width
since most images will be landscape and object-fit cover, the image becomes too
stretched to fit the height at lower res
*/
@media only screen and  (max-width: 700px) and (min-height: 500px) {
    .with-smart-bg {
        --bg-image: var(--bg-1200);
    }
}

/* bill: scales the image too much for mobile, especially landscape image */
/*@media only screen and (max-width: 400px) {*/
/*    .with-smart-bg {*/
/*        --bg-image: var(--bg-400);*/
/*    }*/
/*}*/

html.editing .with-smart-bg {
    transform: none !important;
}

.with-smart-bg {
    filter: var(--bg-filter);
}

.with-smart-bg.with-bg-video {
    top: 0;
    bottom: 0;
}

.with-smart-bg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.with-texture-effect:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.with-texture-effect.canvas::after {
    background-image: url("/css/textures/canvas.png");
}
.with-texture-effect.dense::after {
    background-image: url("/css/textures/dense.png");
}
.with-texture-effect.fabric::after {
    background-image: url("/css/textures/fabric.png");
}
.with-texture-effect.geometric::after {
    background-image: url("/css/textures/geometric.png");
}
.with-texture-effect.lines::after {
    background-image: url("/css/textures/lines.png");
}
.with-texture-effect.tactile::after {
    background-image: url("/css/textures/tactile.png");
}

.with-texture-effect.cross-stripes::after {
    background-image: url("/css/textures/cross-stripes.png");
}
.with-texture-effect.dark-dot::after {
    background-image: url("/css/textures/dark-dot.png");
}
.with-texture-effect.egg-shell::after {
    background-image: url("/css/textures/egg-shell.png");
}
.with-texture-effect.fake-brick::after {
    background-image: url("/css/textures/fake-brick.png");
}
.with-texture-effect.outlets::after {
    background-image: url("/css/textures/outlets.png");
}
.with-texture-effect.subtle-carbon::after {
    background-image: url("/css/textures/subtle-carbon.png");
}
.with-texture-effect.worn-dots::after {
    background-image: url("/css/textures/worn-dots.png");
}

/*.with-smart-bg.with-color-effect::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background-image: var(--bg-color-effect);*/
/*}*/

.with-smart-bg-outer.with-color-effect::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: var(--bg-color-effect);
}

:root {
    --pan-strength: 10%;
    --zoom-strength: 1.5;
}

@keyframes pan-zoom {
    0% {
        transform: scale(1) translate(0,0);
    }
    50% {
        transform: scale(var(--zoom-strength))  translate( var(--pan-strength),  var(--pan-strength) );
    }
    100% {
        transform: scale(1)  translate(0,0);
    }
}

.with-smart-bg.with-animate-pan-zoom {
    top: calc(-1 * var(--pan-strength));
    bottom:  calc(-1 * var(--pan-strength));
    left:  calc(-1 * var(--pan-strength));
    right: calc(-1 * var(--pan-strength));
    animation: pan-zoom 200s infinite linear;
}

html.editing .with-smart-bg.with-animate-pan-zoom {
    animation: none;
}


/* maps */
.block-map-wrapper {
    position: absolute !important; /* mapbox likes to overwrite it with relative */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.block-map-wrapper .mapboxgl-marker svg {
    display: none;
}
.block-map-wrapper .mapboxgl-marker {
    top: 12px;
    filter:
    drop-shadow(0px 0px 2px rgba(255, 255, 255, 1))
    drop-shadow(0px 0px 4px rgba(255, 255, 255, 1));
}
.block-map-wrapper .mapboxgl-marker:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    pointer-events: none;
    background-color: var(--map-block-icon-color, #c00);
    margin-right: 0;
    -webkit-mask: var(--map-block-icon, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5a2.5 2.5 0 0 1 0 5z'/%3e%3c/svg%3e"));
    -webkit-mask-size: cover;
    mask: var(--map-block-icon, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5a2.5 2.5 0 0 1 0 5z'/%3e%3c/svg%3e"));
    mask-size: cover;
    cursor: pointer;
}

.mapboxgl-popup-content a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: var(--text-color);
    margin: 0 -8px 0 2px;
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='color: rgb(231%2c 150%2c 20)%3b fill: rgb(231%2c 150%2c 20)%3b' data-color='rgb(231%2c 150%2c 20)'%3e%3cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'%3e%3c/path%3e%3c/svg%3e");
    -webkit-mask-size: cover;
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='color: rgb(231%2c 150%2c 20)%3b fill: rgb(231%2c 150%2c 20)%3b' data-color='rgb(231%2c 150%2c 20)'%3e%3cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'%3e%3c/path%3e%3c/svg%3e");
    mask-size: cover;
    opacity: 0.5;
}
.block-map-wrapper .mapboxgl-popup-content .mapboxgl-popup-close-button {
    display: none;
}

.block-map-wrapper .mapboxgl-popup {
    z-index: 1;
}

.block-map-wrapper .mapboxgl-popup-content {
    font-size: 1rem;
    padding: 10px 20px;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.2));
    text-align: center;
}

.block-map-wrapper .mapboxgl-popup-content .mapboxgl-popup-close-button {
    right: 5px;
    color: #ccc;
}

.block-map-wrapper .mapboxgl-popup-content .mapboxgl-popup-close-button:focus {
    outline: none;
}

.block-map-wrapper .mapboxgl-popup-content .mapboxgl-popup-close-button:hover {
    background-color: inherit;
}

.map-block-grayscale canvas {
    filter: grayscale(0.9);
}

/* this needs to be global to prevent flash */
nav.vmenu.initial {
    display: none;
}

.responsive-embed-outer {
    position: relative;
}

.responsive-embed-inner {
    width: 100%;
    height: 0;
    /*padding-top: var(--ratio-percent);*/
    padding-top: max(var(--ratio-percent, 0px), 250px);
    position: relative;
}

.responsive-embed-outer .responsive-embed-inner iframe {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

.block-layout .box {
    position: relative;
    padding: var(--box-margin,0);
    color: var(--box-color,currentColor);
    border-radius: var(--box-border-radius,0);
}

.block-layout .box .box-inner {
    position: relative;
    background-color: var(--box-bg-color);
    padding: var(--box-padding,0);
    border-color: var(--box-border-color);
    border-width: var(--box-border-width,0);
    border-style: solid;
    border-radius: calc(var(--box-border-radius,0rem) - var(--box-margin,0rem) );
}

.ti-cursor {
    display: inline-block !important;
    font-weight: 200 !important;
    padding-left: 5px !important;
    transform: scale(1.4) translateY(-2px) !important;
}


/* toggle switch */
.toggle-switch-c-wrapper {

    --color: #777;
    --color-checked: #777;
    --color-unchecked: #777;
    --line: var(--color);
    --dot: var(--color-checked);
    --circle: var(--color-unchecked);
    --duration: .3s;
    --text: var(--color);
    cursor: pointer;
    z-index: 0;

    --factor: 2;
    --size: calc(1px * var(--factor));
    --dim: calc(var(--size) * 7);


    display: grid;
    grid-template-columns: min-content min-content min-content;
    grid-gap: calc(var(--size) * 4 );
    align-items: center;
    justify-content: center;
    /* consider regular 1rem to be appropriate for factor 3 */
    font-size: calc(1rem * var(--factor) / 3);
}

.toggle-switch-c {

    width: calc(var(--dim) * 2);
    height: var(--dim);
}

.toggle-switch-c label {
    padding: 0;
}

.toggle-switch-c input {
    display: none;
}

.toggle-switch-c input + div {
    position: relative;
}

.toggle-switch-c input + div::before,
.toggle-switch-c input + div::after {
    --s: 1;
    content: '';
    position: absolute;
    height: var(--size);
    top: calc(var(--dim) / 2 - 1px);
    width: var(--dim);
    background: var(--line);
    -webkit-transform: scaleX(var(--s));
    transform: scaleX(var(--s));
    -webkit-transition: -webkit-transform var(--duration) ease;
    transition: -webkit-transform var(--duration) ease;
    /*transition: transform var(--duration) ease;*/
    transition: transform var(--duration) ease, -webkit-transform var(--duration) ease;
}

.toggle-switch-c input + div::before {
    --s: 0;
    left: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    border-radius: 2px 0 0 2px;
}

.toggle-switch-c input + div::after {
    left: var(--dim);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    border-radius: 0 2px 2px 0;
}

.toggle-switch-c input + div span {
    /*padding-left: 56px;*/
    line-height: var(--dim);
    color: var(--text);
}

.toggle-switch-c input + div span::before {
    --x: 0;
    --b: var(--circle);
    --s: 4px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: var(--dim);
    height: var(--dim);
    border-radius: 50%;
    box-shadow: inset 0 0 0 var(--s) var(--b);
    -webkit-transform: translateX(var(--x));
    transform: translateX(var(--x));
    -webkit-transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
    /*transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;*/
    /*transition: box-shadow var(--duration) ease, transform var(--duration) ease;*/
    transition: box-shadow var(--duration) ease, transform var(--duration) ease, -webkit-transform var(--duration) ease;
    z-index: 1;
}

.toggle-switch-c input + div span:not(:empty) {
    padding-left: 64px;
}

.toggle-switch-c input:checked + div::before {
    --s: 1;
}

.toggle-switch-c input:checked + div::after {
    --s: 0;
}

.toggle-switch-c input:checked + div span::before {
    --x: var(--dim);
    --s: var(--dim);
    --b: var(--dot);
}

/* toggle switch */

/* quick message */
.quick-message {
    padding: 2rem 3rem;
    background-color: rgba(34,139,34, 0.9 );
    color: white;
    font-size: 1.8rem;
    line-height: 1.2;
    text-align: center;
    position: fixed;
    z-index: 20000;
    /*top: 50%;*/
    top: 3rem;
    left: 50%;
    transform: translate(-50%,0%);
    transition: opacity 0.5s linear;
    opacity: 0;
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
    cursor: pointer;
}

.quick-message.error {
    background-color: rgba(220,53,69, 0.8 );
}


/* three dot pulse progress */
/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
    /*--pulse-color: #9880ff;*/
    --pulse-color: #666;
    --size: 10px; /* not adjustable, adjust scale in parent element */
    position: relative;
    left: -9999px;
    width: var(--size);
    height: var(--size);
    border-radius: calc(var(--size) / 2);
    background-color: var(--pulse-color);
    color:var(--pulse-color) ;
    box-shadow: 9999px 0 0 calc(var(--size) / 2 * -1) var(--pulse-color);
    -webkit-animation: dot-pulse 1.5s infinite linear;
    animation: dot-pulse 1.5s infinite linear;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}

.dot-pulse::before, .dot-pulse::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: var(--size);
    height: var(--size);
    border-radius: calc(var(--size) / 2);
    background-color: var(--pulse-color);
    color: var(--pulse-color);
}

.dot-pulse::before {
    box-shadow: 9980px 0 0 calc(var(--size) / 2 * -1) var(--pulse-color);
    -webkit-animation: dot-pulse-before 1.5s infinite linear;
    animation: dot-pulse-before 1.5s infinite linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.dot-pulse::after {
    box-shadow: 10020px 0 0 calc(var(--size) / 2 * -1) var(--pulse-color);
    -webkit-animation: dot-pulse-after 1.5s infinite linear;
    animation: dot-pulse-after 1.5s infinite linear;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

@-webkit-keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px var(--pulse-color);
    }
    30% {
        box-shadow: 9984px 0 0 2px var(--pulse-color);
    }
    60%,
    100% {
        box-shadow: 9984px 0 0 -5px var(--pulse-color);
    }
}

@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px var(--pulse-color);
    }
    30% {
        box-shadow: 9984px 0 0 2px var(--pulse-color);
    }
    60%,
    100% {
        box-shadow: 9984px 0 0 -5px var(--pulse-color);
    }
}

@-webkit-keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px var(--pulse-color);
    }
    30% {
        box-shadow: 9999px 0 0 2px var(--pulse-color);
    }
    60%,
    100% {
        box-shadow: 9999px 0 0 -5px var(--pulse-color);
    }
}

@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px var(--pulse-color);
    }
    30% {
        box-shadow: 9999px 0 0 2px var(--pulse-color);
    }
    60%,
    100% {
        box-shadow: 9999px 0 0 -5px var(--pulse-color);
    }
}

@-webkit-keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px var(--pulse-color);
    }
    30% {
        box-shadow: 10014px 0 0 2px var(--pulse-color);
    }
    60%,
    100% {
        box-shadow: 10014px 0 0 -5px var(--pulse-color);
    }
}

@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px var(--pulse-color);
    }
    30% {
        box-shadow: 10014px 0 0 2px var(--pulse-color);
    }
    60%,
    100% {
        box-shadow: 10014px 0 0 -5px var(--pulse-color);
    }
}


/* accent colours */

.block-layout.block-layout.inverted {
    color: var(--g-inverted-text-color);
}

.block-layout.block-layout.accent-bg {
    background-color: var(--g-accent-color);
    color: var(--g-accent-text-color);
}


.block-layout.block-layout .accent-bg {
    background-color: var(--g-accent-color);
    color: var(--g-accent-text-color);
}

.block-layout.block-layout .accent-bg .button {
    background-color: var(--g-accent-text-color);
    border-color: var(--g-accent-text-color);
    color: var(--g-accent-color);
}

.block-layout .mrp-dynamic-form button.btn,
.block-layout .button {
    border-radius: var(--button-radius,0.3rem);
}

.block-layout .grayscale {
    filter: grayscale(1);
}
/* button-list */

.block-layout .button-list .button {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    border-radius: var(--button-radius, 0);
    color: var(--fl-button-label-color, var(--panel-color, var(--g-accent-color)));
    padding: var(--button-padding);
    background-color: var(--fl-button-bg-color, var(--panel-color, var(--g-accent-color)));
    margin: 0;
    transition: all 0.2s linear;
    font-size: var(--button-font-size);
    display: flex;
    gap: 0.5em;
    --button-font-size: clamp(0.9rem, calc(0.9rem + ((1vw - 0.45rem) * 0.1333)), 1rem);
    --button-padding: 0.75em 1.5em;
}
.block-layout .button-list .button.no-label:not(.plain) {
    padding: 1em;
}
.block-layout .button-list .button:hover {
    transform: scale(1.05);
}
.block-layout .button-list.no-text-transform .button {
    text-transform: none;
}
.block-layout .button-list {
    display: inline-flex;
    flex-wrap: wrap;
    margin: var(--gap) 0 0 0; /* NEW */
    width: 100%;
    --gap: 1rem;
    gap: var(--gap);
    align-items: center;
}
.block-layout .button-list label {
    padding: 0;
    line-height: 1.25em;
    cursor: pointer;
    color: var(--fl-button-label-color,var(--panel-color,var(--g-accent-text-color)));
}
.block-layout .button-list :not(.filled) label {
    color: var(--fl-button-label-color,var(--panel-color,var(--g-accent-color)));
}
.block-layout .button-list svg {
    fill: var(--fl-button-bg-color,var(--panel-color,var(--g-accent-color)));
    height: 1.25em;
    width: auto;
    min-width: 1.25em;
}
.block-layout .button-list :not(.filled) svg {
    fill: var(--fl-button-label-color,var(--panel-color,var(--g-accent-color)));
}
.block-layout .button-list .button.filled {
    border: 1px solid transparent;
}
.block-layout .button-list.filled label,
.block-layout .button-list .filled label {
    color: var(--fl-button-label-color,var(--g-inverted-text-color));
}
.block-layout .button-list .filled svg {
    fill: var(--fl-button-label-color,var(--g-inverted-text-color));
}
.block-layout .button-list img + label,
.block-layout .button-list svg + label {
    padding: 0;
}
.block-layout .button-list.icon-reverse img + label,
.block-layout .button-list.icon-reverse svg + label {
    padding: 0;
}
.block-layout .button-list.icon-reverse .button {
    flex-direction: row-reverse;
}
.block-layout .button-list .outlined {
    border-color: var(--fl-button-bg-color,var(--panel-color,var(--g-accent-color)));
    background-color: transparent;
}
.block-layout .button-list.button-list.left {
    justify-content: start;
}
.block-layout .button-list.button-list.center {
    justify-content: center;
}
.block-layout .button-list.button-list.right {
    justify-content: flex-end;
}
.block-layout .button-list.x-small {
    --gap: 1.15rem;
}
.block-layout .button-list a.x-small *,
.block-layout .button-list.x-small a {
    font-size: clamp(0.585rem, calc(0.585rem + ((1vw - 0.45rem) * 0.0867)), 0.65rem);
}
.block-layout .button-list.small {
    --gap: 1.25rem;
}
.block-layout .button-list a.small *,
.block-layout .button-list.small a {
    font-size: clamp(0.675rem, calc(0.675rem + ((1vw - 0.45rem) * 0.1)), 0.75rem);
}
.block-layout .button-list.medium {
    --gap: 1.5rem;
}
.block-layout .button-list a.medium *,
.block-layout .button-list.medium a {
    font-size: clamp(0.9rem, calc(0.9rem + ((1vw - 0.45rem) * 0.1333)), 1rem);
}
.block-layout .button-list.large {
    --gap: 1.65rem;
}
.block-layout .button-list a.large *,
.block-layout .button-list.large a {
    font-size: clamp(1.125rem, calc(1.125rem + ((1vw - 0.45rem) * 0.1667)), 1.25rem);
}
.block-layout .button-list.x-large {
    --gap: 2rem;
}
.block-layout .button-list a.x-large *,
.block-layout .button-list.x-large a {
    font-size: clamp(1.35rem, calc(1.35rem + ((1vw - 0.45rem) * 0.2)), 1.5rem);
}
.block-layout .button-list * {
    font-size: 100%;
}
.block-layout .button-list a.plain {
    padding: 0;
    background: none;
    border-radius: 0;
}
.block-layout .button-list.with-shadow .button:not(.plain) {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.25);
}
.block-layout .button-list.with-shadow .button:not(.plain):hover {
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.2);
}
.button-list .button.button.plain:hover,
.button-list .button.button.plain {
    box-shadow: none;
}
.button-list .button {
    white-space: normal;
}


.block-layout .button-list img {
    height: 100%;
}
.block-layout .button-list a.x-small img,
.block-layout .button-list.x-small img {
    max-height: 1rem;
}
.block-layout .button-list a.small img,
.block-layout .button-list.small img {
    max-height: 1.5rem;
}
.block-layout .button-list a.medium img,
.block-layout .button-list.medium img,
.block-layout .button-list img {
    max-height: 2rem;
}
.block-layout .button-list a.large img,
.block-layout .button-list.large img {
    max-height: 2.5rem;
}
.block-layout .button-list a.x-large img,
.block-layout .button-list.x-large img {
    max-height: 3rem;
}
.block-layout .button-list a.x-small.plain img,
.block-layout .button-list.x-small.plain img {
    max-height: 1rem;
}
.block-layout .button-list a.small.plain img,
.block-layout .button-list.small.plain img {
    max-height: 2rem;
}
.block-layout .button-list a.medium.plain img,
.block-layout .button-list.medium.plain img,
.block-layout .button-list.plain img {
    max-height: 3rem;
}
.block-layout .button-list a.large.plain img,
.block-layout .button-list.large.plain img {
    max-height: 4rem;
}
.block-layout .button-list a.x-large.plain img,
.block-layout .button-list.x-large.plain img {
    max-height: 5rem;
}




/* accent-bg */
.accent-bg .button-list .filled svg {
    fill: var(--fl-button-label-color,var(--panel-color,var(--g-accent-color)));
}
.accent-bg .button-list :not(.filled) label,
.accent-bg .button-list label {
    color: var(--fl-button-label-color,var(--panel-color,var(--g-inverted-text-color)));
}
.accent-bg .button-list :not(.filled) svg,
.accent-bg .button-list svg {
    fill: var(--fl-button-label-color,var(--panel-color,var(--g-inverted-text-color)));
}
.block-layout.block-layout .accent-bg .button-list a.plain,
.accent-bg .button-list a.plain {
    background: none;
}
.accent-bg .button-list .filled label {
    color: var(--fl-button-label-color,var(--panel-color,var(--g-accent-color)));
}
.accent-bg .button-list .button {
    background-color: var(--fl-button-bg-color,var(--panel-color,var(--g-inverted-text-color)));
    color: var(--fl-button-label-color,var(--panel-color,var(--g-inverted-text-color)));
}
.block-layout.block-layout .accent-bg .button-list .outlined.button,
.accent-bg .button-list .outlined {
    border-color: var(--fl-button-bg-color,var(--panel-color,var(--g-inverted-text-color)));
    background-color: transparent;
}

/* accent-bg + inverted */
.inverted .button-list .filled svg,
.has-dark-bg .button-list .filled svg,
.accent-bg .button-list .filled svg {
    fill: var(--fl-button-label-color,var(--g-accent-color));
}
.inverted .button-list :not(.filled) label,
.inverted .button-list label,
.accent-bg .button-list :not(.filled) label,
.accent-bg .button-list label,
.has-dark-bg .button-list :not(.filled) label,
.has-dark-bg .button-list label {
    color: var(--fl-button-label-color,var(--panel-color,var(--g-inverted-text-color)));
}
.inverted .button-list :not(.filled) svg,
.inverted .button-list svg,
.accent-bg .button-list :not(.filled) svg,
.accent-bg .button-list svg,
.has-dark-bg .button-list :not(.filled) svg,
.has-dark-bg .button-list svg {
    fill: var(--fl-button-label-color,var(--panel-color,var(--g-inverted-text-color)));
}
.inverted .button-list a.plain,
.block-layout.block-layout .accent-bg .button-list a.plain,
.accent-bg .button-list a.plain,
.has-dark-bg .button-list a.plain {
    background: none;
}
.inverted .button-list .filled label,
.accent-bg .button-list .filled label,
.has-dark-bg .button-list .filled label  {
    color: var(--fl-button-label-color,var(--g-accent-color));
}
.inverted .button-list .button,
.accent-bg .button-list .button,
.has-dark-bg .button-list .button {
    background-color: var(--fl-button-bg-color,var(--panel-color,var(--g-inverted-text-color)));
    color: var(--fl-button-label-color,var(--panel-color,var(--g-inverted-text-color)));
}
.inverted .button-list .outlined,
.block-layout.block-layout .accent-bg .button-list .outlined.button,
.accent-bg .button-list .outlined,
.has-dark-bg  .button-list .outlined {
    border-color: var(--fl-button-bg-color,var(--panel-color,var(--g-inverted-text-color)));
    background-color: transparent;
}

/* when 2 button lists */

.button-list + .button-list {
    margin-top: calc(var(--p-font-size) * var(--body-line-height)) !important;
}

/* icon button */

.block-layout .button-list.icon-only .filled svg {
    fill: #fff;
}
.block-layout .button-list.icon-only .filled {
    background: var(--fl-button-label-color,var(--text-color));
    border-color: transparent;
}
.block-layout .button-list.icon-only .plain svg,
.block-layout .button-list.icon-only .outlined svg {
    fill: var(--fl-button-label-color,var(--text-color));
}
.block-layout .button-list.icon-only .outlined {
    border-color: var(--fl-button-label-color,var(--text-color));
}
.inverted .button-list.icon-only .filled {
    background: var(--fl-button-label-color,rgba(255,255,255,0.25));
}
.inverted .button-list.icon-only .plain svg,
.inverted .button-list.icon-only .outlined svg {
    fill: var(--fl-button-label-color,var(--g-inverted-text-color));
}
.inverted .button-list.icon-only .outlined {
    border-color: var(--fl-button-label-color,var(--g-inverted-text-color));
}

/* end of button-list */


.form-single-line-invalid {
    color: red;
}

/* PROTO FORMS  v2 */

.block-layout .box-form {
    position: relative;
}

@media (min-width:22rem) {

.block-layout .box-form .form-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5rem;
}

}
.block-layout div + .box-form {
    margin-top: 1rem;
}
.block-layout .buttons + .box-form {
    margin-top: 2rem;
}
.block-layout .box-form .form-group {
    display: flex;
    position: relative;
    margin: 0 0 0.75rem;
    padding: 0;
    flex-direction: column;
    font-size: var(--text-size2);
}
.block-layout .box-form .form-group {
    width: 100%;
}
.block-layout .box-form :not(.half-width) + .half-width {
    grid-column-start: 1;
}
.block-layout .box-form.sm .half-width,
.block-layout .box-form .title,
.block-layout .box-form :not(.half-width),
.block-layout .box-form .form-buttons,
.block-layout .block-layout-4-1 .block-column:nth-child(2n+2) .box-form .form-group.half-width,
.block-layout .block-layout-3-1 .block-column:nth-child(2n+2) .box-form .form-group.half-width,
.block-layout .block-layout-1-4 .block-column:nth-child(2n+1) .box-form .form-group.half-width,
.block-layout .block-layout-1-3 .block-column:nth-child(2n+1) .box-form .form-group.half-width,
.block-layout .block-layout-4 .box-form .form-group.half-width,
.block-layout .block-layout-5 .box-form .form-group.half-width {
    grid-column: 1 / 3;
}
.block-layout .box-form .title {
    text-align: left;
    font-size: var(--text-size5);
    margin: 0;
    padding: 0;
}
.block-layout .box-form input::placeholder,
.block-layout .box-form textarea::placeholder {
    color: transparent;
    opacity: 1;
}
.block-layout .box-form input.custom-placeholder::placeholder,
.block-layout .box-form textarea.custom-placeholder::placeholder {
    color: #aaa;
}
.block-layout .box-form .form-group.required > label::after {
    content: "*";
    color: var(--form-required-color, red);
    margin-left: 5px;
}
.quick-message.error {
    display: none;
}
.block-layout .box-form .form-group.has-error.form-group.has-error select,
.block-layout .box-form:not(.form-single-line) .form-group.has-error.form-group.has-error input,
.block-layout .box-form .form-group.has-error.form-group.has-error textarea {
    border-color: #f00;
}
.block-layout .box-form .form-group .control-error {
    display: block;
    width: 100%;
    padding: 0;
    order: 1;
    margin: 0;
}
.block-layout .box-form .form-group .control-error span {
    display: inline-block;
    text-align: left;
    padding: 2px 6px;
    color: #fff;
    background: #f00;
    border-radius: 5px;
    margin: 10px 10px 0 0;
    position: relative;
    font-size: 14px;
    left: 0;
}
.block-layout .box-form .control-error span:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid red;
    position: absolute;
    top: -6px;
    left: 2px;
}
.block-layout .box-form.form-single-line .has-error:before {
    content: "!";
    position: absolute;
    left: 15px;
    font-size: 15px;
    bottom: 15px;
    width: 20px;
    line-height: 20px;
    background: red;
    color: #fff;
    border-radius: 20px;
    text-align: center;
}
.block-layout .box-form.form-single-line .control-error {
    display: none;
}
.block-layout .box-form.form-single-line .has-error input.form-control {
    text-indent: 30px !important;
}
.block-layout .box-form.form-left-label:not(.sm) .control-error span {
    margin-left: max(100px, var(--label-width));
}
.block-layout .box-form .form-group > .control-wrapper select option[value=""] {
    color: #aaa;
}
.block-layout .box-form .form-group > .control-wrapper select option {
    color: var(--form-text-color, var(--text-color));
}
.block-layout .box-form .form-group > .control-wrapper select {
    border: 1px solid var(--form-outline-color, #aaa);
    background-color: var(--form-input-color, #fff);
    padding: 0 50px 0 10px;
    -webkit-padding-end: 50px !important;
    -webkit-padding-start: 10px !important;
    line-height: 48px;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    background-image: none;
    cursor: pointer;
    color: var(--form-text-color, var(--text-color));
    border-radius: var(--button-radius,0.3rem);
}
.block-layout .box-form .form-group.form-group-select .control-wrapper span {
    position: relative;
    display: inline-block;
    width: 100%;
}
.block-layout .box-form .form-group.form-group-select .control-wrapper span:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20%3b' xml:space='preserve'%3e %3cpolygon points='10%2c15 18%2c5 2%2c5 '%3e%3c/polygon%3e %3c/svg%3e");
    -webkit-mask-size: cover;
    mask: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20%3b' xml:space='preserve'%3e %3cpolygon points='10%2c15 18%2c5 2%2c5 '%3e%3c/polygon%3e %3c/svg%3e");
    mask-size: cover;
    background-color: var(--form-accent-color, var(--g-accent-color));
    position: absolute;
    right: 16px;
    margin-top: 16px;
    pointer-events: none;
}
.block-layout .box-form .dynamic-form-separator {
    border-bottom: 1px solid var(--form-separator-color, #aaa);
    margin: 0.25rem 0 1rem;
    padding: 0 0 0.5rem 0;
    font-family: var(--title-font-family);
    font-size: var(--form-separator-text-size, var(--text-size3));
    text-align: left;
    counter-increment: separatorCounter;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}
.block-layout .box-form.form-separator-numbered .dynamic-form-separator:not(:empty)::before {
    content: counter(separatorCounter) " ";
    width: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    background: var(--form-button-color, var(--g-accent-color));
    margin-right: 10px;
    color: var(--form-button-label-color,var(--g-inverted-text-color));
    border-radius: 20px;
    font-family: var(--body-font-family);
    font-size: var(--text-size1);
}
.block-layout .box-form .dynamic-form-separator:empty {
    margin: 0.75rem 0 1rem;
    padding: 0;
}
.block-layout .box-form .dynamic-form-separator.only-space {
    border: none;
}
.block-layout .box-form .form-group .dynamic-form-comment,
.block-layout .box-form .form-group .dynamic-form-comment * {
    font-size: var(--text-size1);
    padding: 0;
    line-height: var(--body-line-height);
}
.block-layout .box-form input[type="radio"],
.block-layout .box-form input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    height: 20px;
    width: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    margin-top: 0.15em;
    position: absolute;
    left: 0;
    background-color: var(--form-input-color, #fff);
    cursor: pointer;
    border: 1px solid var(--form-outline-color, #aaa);
}
.block-layout .box-form input[type="checkbox"] {
    border-radius: 3px;
}
.block-layout .box-form input[type="checkbox"]:checked:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20%3b' xml:space='preserve'%3e %3cpolygon points='15.9%2c4 7.4%2c12.4 4.1%2c9.1 2.3%2c10.9 7.4%2c16 17.7%2c5.8 '%3e%3c/polygon%3e %3c/svg%3e");
    -webkit-mask-size: cover;
    mask: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20%3b' xml:space='preserve'%3e %3cpolygon points='15.9%2c4 7.4%2c12.4 4.1%2c9.1 2.3%2c10.9 7.4%2c16 17.7%2c5.8 '%3e%3c/polygon%3e %3c/svg%3e");
    mask-size: cover;
    background-color: var(--form-accent-color, var(--g-accent-color));
    position: absolute;
}
.block-layout .box-form input[type="radio"] {
    border-radius: 10px;
}
.block-layout .box-form input[type="radio"]:checked:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18%3b' xml:space='preserve'%3e %3ccircle cx='9' cy='9' r='5'%3e%3c/circle%3e %3c/svg%3e");
    -webkit-mask-size: cover;
    mask: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18%3b' xml:space='preserve'%3e %3ccircle cx='9' cy='9' r='5'%3e%3c/circle%3e %3c/svg%3e");
    mask-size: cover;
    background-color: var(--form-accent-color, var(--g-accent-color));
    position: absolute;
}
.block-layout .box-form .form-group label {
    display: flex;
    font-weight: normal;
    font-size: var(--form-label-text-size, var(--text-size1_5));
}
.block-layout .box-form .form-group .radio label,
.block-layout .box-form .form-group .checkbox label {
    padding: 0 0 0.5rem 1.85rem;
    position: relative;
    cursor: pointer;
}
.block-layout .box-form .form-group .radio label:last-child,
.block-layout .box-form .form-group .checkbox label:last-child {
    padding-bottom: 0;
}
.block-layout .box-form .form-group .radio,
.block-layout .box-form .form-group .checkbox {
    display: flex;
    flex-direction: column;
}
.block-layout .box-form .form-group.single-line .radio,
.block-layout .box-form .form-group.single-line .checkbox {
    flex-direction: row;
    column-gap: 1rem;
    flex-wrap: wrap;
}
.block-layout .box-form .form-group.form-group-optin > label,
.block-layout .box-form .form-buttons .buttons-left,
.block-layout .box-form.form-title-hide .title {
    display: none;
}
.block-layout .box-form .form-group > label {
    padding: 0 0 0.5rem 0;
}
.block-layout .box-form .form-buttons .buttons-left,
.block-layout .box-form .form-buttons .buttons-right,
.block-layout .box-form .form-group > .control-wrapper {
    padding: 0;
	display: block;
	width: 100%
}
.block-layout .box-form .buttons-right,
.block-layout .box-form.form-button-right .buttons-right {
    text-align: right;
}
.block-layout .box-form.form-button-center .buttons-right {
    text-align: center;
}
.block-layout .box-form.form-button-left .buttons-right {
    text-align: left;
}
.block-layout .box-form.form-button-full-width .buttons-right button.btn {
    width: 100%;
}
.block-layout.inverted .block-column:not(.has-dark-bg).has-bg .box-form .mrp-dynamic-form button.btn,
.block-layout.accent-bg .block-column:not(.has-dark-bg).has-bg .box-form .mrp-dynamic-form button.btn,
.block-layout .box-form .mrp-dynamic-form button.btn {
    padding: 0 1.5rem;
    line-height: 50px;
    font-size: clamp(0.9rem, calc(0.9rem + ((1vw - 0.45rem) * 0.1333)), 1rem);
    letter-spacing: 0.1rem;
    background-color: var(--form-button-color,var(--g-accent-color));
    color: var(--form-button-label-color,var(--g-inverted-text-color));
}
.block-layout.inverted .box-form .mrp-dynamic-form button.btn,
.block-layout.accent-bg .box-form .mrp-dynamic-form button.btn {
    background-color: var(--form-button-color,var(--g-inverted-text-color));
    color: var(--form-button-label-color,var(--g-accent-color));
}
.block-layout.inverted .block-column:not(.has-dark-bg).has-bg .box-form.form-button-outlined .mrp-dynamic-form button.btn,
.block-layout.accent-bg .block-column:not(.has-dark-bg).has-bg .box-form.form-button-outlined .mrp-dynamic-form button.btn,
.block-layout .box-form.form-button-outlined .mrp-dynamic-form button.btn {
    background-color: transparent;
    color: var(--form-button-label-color,var(--g-accent-color));
    border: 1px solid var(--form-button-color,var(--g-accent-color));
}
.block-layout.inverted .box-form.form-button-outlined .mrp-dynamic-form button.btn,
.block-layout.accent-bg .box-form.form-button-outlined .mrp-dynamic-form button.btn {
    background-color: transparent;
    color: var(--form-button-label-color,var(--g-inverted-text-color));
    border: 1px solid var(--form-button-color,var(--g-inverted-text-color));
}
.block-layout .box-form .mrp-dynamic-form button.btn {
    transition: all 0.2s linear;
}
.block-layout .box-form:not(.form-single-line) .mrp-dynamic-form button.btn:hover {
    transform: scale(1.05);
}
.block-layout .box-form .form-group > .control-wrapper > input.form-control,
.block-layout .box-form .form-group > .control-wrapper > textarea.form-control {
    border: 1px solid var(--form-outline-color, #aaa);
    border-radius: var(--button-radius,0.3rem);
    padding: 8px 14px;
    color: var(--form-text-color, var(--text-color));
    min-width: 5rem;
    background-color: var(--form-input-color, #fff);
    min-height: 50px;
}
.block-layout .box-form .form-group.form-group-long-text textarea.form-control {
    min-height: 150px;
}
.block-layout .box-form .form-group.form-group-long-text.short textarea.form-control {
    min-height: 100px;
}
.block-layout .box-form .form-group.form-group-long-text.medium textarea.form-control {
    min-height: 200px;
}
.block-layout .box-form .form-group.form-group-long-text.tall textarea.form-control {
    min-height: 300px;
}
.block-layout .box-form.has-button-icon .button.btn.submit-button .icon {
    width: 20px;
    height: 20px;
    pointer-events: none;
    background-color: var(--form-button-icon-color,var(--form-button-label-color,var(--g-inverted-text-color)));
    margin-right: 0.5em;
    -webkit-mask: var(--form-button-icon);
    -webkit-mask-size: cover;
    mask: var(--form-button-icon);
    mask-size: cover;
}
.block-layout.inverted .box-form.has-button-icon .button.btn.submit-button .icon,
.block-layout.accent-bg .box-form.has-button-icon .button.btn.submit-button .icon {
    background-color: var(--form-button-icon-color,var(--form-button-label-color,var(--g-accent-color)));
}
.block-layout .box-form.form-button-outlined .button.btn.submit-button .icon {
    background-color: var(--form-button-icon-color,var(--form-button-label-color,var(--g-accent-color)));
}
.block-layout .box-form.button-icon-reverse .button.btn.submit-button {
    flex-direction: row-reverse;
}
.block-layout .box-form.button-icon-reverse .button.btn.submit-button .icon {
    margin-left: 0.5em;
    margin-right: 0;
}
.block-layout .box-form .button.submitting,
.block-layout .box-form .button.submitting:hover {
    animation: submit-button-feedback 2s infinite;
    color: transparent !important;
    background: #666 !important;
    border-color: #666 !important;
}
.block-layout .box-form .button.submitting .icon {
    background-color: transparent !important;
}
.block-layout .box-form .button.submitting:before {
    content: "";
    animation: submit-button-spinning 1.5s linear infinite;
    position: absolute;
    text-indent: 0;
    width: 25px;
    height: 25px;
    -webkit-mask: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18%3b' xml:space='preserve'%3e %3cg%3e %3cpath d='M7.7%2c3.7v1.5l3.6-2.3L7.7%2c0.6v1.8C4.6%2c3%2c2.3%2c5.7%2c2.3%2c9c0%2c1.8%2c0.7%2c3.5%2c2%2c4.8l0.9-0.9c-1-1-1.6-2.4-1.6-3.9 C3.5%2c6.4%2c5.3%2c4.3%2c7.7%2c3.7z'%3e%3c/path%3e %3cpath d='M15.7%2c9c0-1.8-0.7-3.5-2-4.8l-0.9%2c0.9c1%2c1%2c1.6%2c2.4%2c1.6%2c3.9c0%2c2.6-1.8%2c4.7-4.2%2c5.3v-1.5l-3.6%2c2.3l3.6%2c2.3v-1.8 C13.4%2c15%2c15.7%2c12.3%2c15.7%2c9z'%3e%3c/path%3e %3c/g%3e %3c/svg%3e");
    -webkit-mask-size: cover;
    mask: url("data:image/svg+xml,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18%3b' xml:space='preserve'%3e %3cg%3e %3cpath d='M7.7%2c3.7v1.5l3.6-2.3L7.7%2c0.6v1.8C4.6%2c3%2c2.3%2c5.7%2c2.3%2c9c0%2c1.8%2c0.7%2c3.5%2c2%2c4.8l0.9-0.9c-1-1-1.6-2.4-1.6-3.9 C3.5%2c6.4%2c5.3%2c4.3%2c7.7%2c3.7z'%3e%3c/path%3e %3cpath d='M15.7%2c9c0-1.8-0.7-3.5-2-4.8l-0.9%2c0.9c1%2c1%2c1.6%2c2.4%2c1.6%2c3.9c0%2c2.6-1.8%2c4.7-4.2%2c5.3v-1.5l-3.6%2c2.3l3.6%2c2.3v-1.8 C13.4%2c15%2c15.7%2c12.3%2c15.7%2c9z'%3e%3c/path%3e %3c/g%3e %3c/svg%3e");
    mask-size: cover;
    background-color: #fff !important;
}

@keyframes submit-button-spinning {
	to {
		transform: rotate(360deg);
	}
}
@keyframes submit-button-feedback {
	0% {
		opacity: 0.9;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 0.9;
	}
}

/* ----------- LEFT LABEL FORM ----------- */

@media (min-width:22rem) {

.block-layout .box-form.form-left-label {
    --label-width: min(30%,15rem);
}
.block-layout .box-form.form-left-label .has-half-width {
    --label-width: 10rem;
}
.block-layout .box-form.form-left-label.md .has-half-width {
    --label-width: min(30%,15rem);
}
.block-layout .box-form .form-group > label {
    line-height:normal;
}
.block-layout .box-form.form-left-label .form-group {
    margin: 0 0 1rem;
    padding: 0;
}
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .form-group > label {
    display: flex;
    width: var(--label-width);
    justify-content: flex-end;
    padding: 0 1rem 0 0;
    text-align: right;
}
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .form-group {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .form-group-text > label,
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .form-group-long-text > label,
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .form-group-select > label {
    height: 50px;
    align-items: center;
}
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .form-group > .control-wrapper,
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .form-group.form-group-text.half-width .control-wrapper {
    width: calc(100% - var(--label-width));
}
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .form-buttons,
.block-layout .container:not(.block-layout-4):not(.block-layout-5) .box-form.form-left-label:not(.sm) .title {
    padding-left: var(--label-width);
}
.block-layout .container .box-form.form-left-label.md .form-group.form-group {
    grid-column: 1 / 3;
}

.block-layout .box-form.form-left-label .title.title[style*="text-align: center"] {
    padding-left: 0 !important;
}

}

/* ----------- NO LABEL FORM ----------- */

.block-layout .box-form.form-no-label .form-inner {
    grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
    column-gap: 1rem;
}
.block-layout .box-form.form-no-label .form-group-select label,
.block-layout .box-form.form-no-label .form-group-long-text label,
.block-layout .box-form.form-no-label .form-group-text label {
    display: none;
}
.block-layout .box-form.form-no-label input::placeholder,
.block-layout .box-form.form-no-label textarea::placeholder {
    color: #aaa;
}
.block-layout .box-form.form-no-label .form-buttons {
    margin-top: 0;
}
.block-layout .box-form.form-no-label .form-group {
    margin: 0 0 1rem;
    padding: 0;
}
.block-layout .box-form.form-no-label .form-group-checkbox + .form-buttons,
.block-layout .box-form.form-no-label .form-group-radio + .form-buttons {
    margin-top: 0.75rem;
}
.block-layout .box-form.form-no-label .dynamic-form-separator:empty {
    margin: 0 0 1rem;
}

/* ----------- SINGLE LINE FORM ----------- */

.block-layout .box-form.form-single-line .title,
.block-layout .box-form.form-single-line .dynamic-form-separator,
.block-layout .box-form.form-single-line .form-group:not(.form-group-text),
.block-layout .box-form.form-single-line .form-group-long-text label,
.block-layout .box-form.form-single-line .form-group-text label {
    display: none;
}
.block-layout .box-form.form-single-line input::placeholder,
.block-layout .box-form.form-single-line textarea::placeholder {
    color: #aaa;
}
.block-layout .box-form.form-single-line .mrp-dynamic-form button.btn {
    width: 100%;
    height: 50px;
}
.block-layout .box-form.form-single-line.form-button-outlined .mrp-dynamic-form button.btn {
    line-height: 48px;
}
.block-layout .box-form.form-single-line .form-group input {
	padding-right: 0;
}
.block-layout .box-form.form-single-line .form-inner {
    display: flex;
    gap: 0;
}
.block-layout .box-form.form-single-line .mrp-dynamic-form button.btn {
    border-radius: 0 var(--button-radius,0.3rem) var(--button-radius,0.3rem) 0;
}
.block-layout .box-form.form-single-line.form-button-icon .form-buttons,
.block-layout .box-form.form-single-line.md .form-buttons {
    width: 50px;
    display: block;
    bottom: 0;
    right: 0;
}
.block-layout .box-form.form-single-line.form-button-icon .button.btn.submit-button .label,
.block-layout .box-form.form-single-line.md .button.btn.submit-button .label {
    display: none;
}
.block-layout .box-form.form-single-line.form-button-icon .button.btn.submit-button .icon,
.block-layout .box-form.form-single-line.md .button.btn.submit-button .icon {
    width: 20px;
    height: 20px;
    pointer-events: none;
    background-color: var(--form-button-icon-color,var(--form-button-label-color,var(--g-inverted-text-color)));
    position: absolute;
    -webkit-mask: var(--form-button-icon, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z'/%3e%3c/svg%3e"));
    -webkit-mask-size: cover;
    mask: var(--form-button-icon, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z'/%3e%3c/svg%3e"));
    mask-size: cover;
    margin: 0;
}
.block-layout .box-form.form-single-line.form-button-outlined .button.btn.submit-button .icon {
    background-color: var(--form-button-icon-color,var(--form-button-label-color,var(--g-accent-color)));
}
.block-layout .box-form.form-single-line.sm .form-buttons {
    position: absolute;
    margin: 0 0 0.75rem;
}
.block-layout .box-form.form-single-line.sm .form-inner {
    flex-direction: column;
}
.block-layout .box-form.form-single-line.sm .form-group:nth-last-child(2) {
    width: calc(100% - 50px);
}
.block-layout .box-form.form-single-line.sm .form-group:nth-last-child(2) input.form-control {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.block-layout .box-form.form-single-line.form-center:not(.sm) .form-inner,
.block-layout .content-center .box-form.form-single-line:not(.sm) .form-inner {
    justify-content: center;
}
.block-layout .box-form.form-single-line.form-left:not(.sm) .form-inner,
.block-layout .content-left .box-form.form-single-line:not(.sm) .form-inner {
    justify-content: flex-start;
}
.block-layout .box-form.form-single-line.form-right:not(.sm) .form-inner,
.block-layout .content-right .box-form.form-single-line:not(.sm) .form-inner {
    justify-content: flex-end;
}
.block-layout .box-form.form-single-line:not(.sm) .form-buttons,
.block-layout .box-form.form-single-line:not(.sm) .form-group {
    width: auto;
    margin: 0;
    padding: 0;
}
.block-layout .box-form.form-single-line:not(.sm) .form-group > .control-wrapper > input.form-control,
.block-layout .box-form.form-single-line:not(.sm) .form-group > .control-wrapper > textarea.form-control {
    border-radius: 0;
	border-left: none;
	border-right: none;
}
.block-layout .box-form.form-single-line:not(.sm) .form-group:first-of-type input.form-control {
    border-radius: var(--button-radius,0.3rem) 0 0 var(--button-radius,0.3rem);
    border-left: 1px solid var(--form-outline-color, #aaa);
}
.block-layout .box-form.form-single-line:not(.sm) textarea:focus,
.block-layout .box-form.form-single-line:not(.sm) input:focus {
    outline: none;
}

/* END OF PROTO FORMS v2 */


/* Forms200c */

.forms-200c .titles + .text {
    margin-top: 1rem;
}
.forms-200c .sub-title,
.forms-200c .title {
    margin-bottom: 1rem;
}
.forms-200c .sub-title {
    font-family: unset;
    letter-spacing: 0.1rem;
}
.forms-200c .sub-title:not(.text-size) {
    font-size: var(--text-small);
}
.forms-200c .title-underline .sub-title {
    line-height: 1.5;
}
.forms-200c .title-underline .title:after {
    content: "";
    width: 8rem;
    height: 2px;
    background-color: var(--title-underline-color, var(--g-accent-color));
    display: block;
    margin-top: 1rem;
}
.forms-200c .title-reverse {
    display: flex;
    flex-direction: column-reverse;
}
.forms-200c .title-underline .title.title[style*="center"]:after,
.forms-200c .content-center .title-underline .title:after {
    margin-left: auto;
    margin-right: auto;
}
.forms-200c .title-underline .title.title[style*="right"]:after,
.forms-200c .content-right .title-underline .title:after {
    margin-left: auto;
    margin-right: 0;
}
.forms-200c .title-underline .title.title[style*="left"]::after,
.forms-200c .content-left .title-underline .title:after {
    margin-left: 0;
    margin-right: auto;
}

/* ALIGNMENT */

.forms-200c .content-left {
    text-align: left;
}
.forms-200c .content-center {
    text-align: center;
}
.forms-200c .content-right {
    text-align: right;
}

/* LAYOUT */

@media (min-width:45rem) {

    .forms-200c .form-content-3-4.container {
        max-width: calc(var(--max-content-width) * 0.75);
    }
    .forms-200c .form-content-2-3.container {
        max-width: calc(var(--max-content-width) * 0.66);
    }
    .forms-200c .form-content-1-2.container {
        max-width: calc(var(--max-content-width) * 0.5);
    }
    .forms-200c .form-content-1-3.container {
        max-width: calc(var(--max-content-width) * 0.33);
    }

}



.block-layout.block-layout .block-form .dynamic-form-comment .text-size1 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size1 {
    font-size: var(--text-size1);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size2 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size2 {
    font-size: var(--text-size2);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size3 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size3 {
    font-size: var(--text-size3);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size4 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size4 {
    font-size: var(--text-size4);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size5 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size5 {
    font-size: var(--text-size5);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size6 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size6 {
    font-size: var(--text-size6);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size7 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size7 {
    font-size: var(--text-size7);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size8 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size8 {
    font-size: var(--text-size8);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size9 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size9 {
    font-size: var(--text-size9);
}
.block-layout.block-layout .block-form .dynamic-form-comment .text-size10 *,
.block-layout.block-layout .block-form .dynamic-form-comment .text-size10 {
    font-size: var(--text-size10);
}

/* end of forms v2 */


/* text fixes */
.text ol,
.text ul {
    font-size: var(--p-font-size);
    /*padding-bottom: calc(var(--p-font-size) * var(--body-line-height));*/
    /*margin-left: calc(var(--p-font-size) * var(--body-line-height));*/
    padding: 0;
    margin: 0 0 1.2em 1em;
}

.text > ul,
.text > ol {
    /*margin-left: 0;*/
}

.text li {
    list-style-position: outside;
}

.text ol:last-child,
.text ul:last-child {
    padding-bottom: 0;
}
.text h1:last-child, .text h2:last-child, .text h3:last-child, .text h4:last-child, .text h5:last-child, .text h6:last-child,
p:last-child {
    margin-bottom: 0;
}

.block-layout .text:not(:last-child) {
    /*margin-bottom: calc(var(--p-font-size) * var(--body-line-height));*/
    margin-bottom: 1.2em;
}

.text p {
    margin-bottom: 1em;
}

.text p:last-child,
.text ol:last-child,
.text ul:last-child {
    margin-bottom: 0;
}

.block-layout .block-top-shadow {
    box-shadow: inset 0 30px 30px -30px rgba(0, 0, 0, 0.25);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none;
    height: 30px;
}
.block-layout .block-bottom-shadow {
    box-shadow: inset 0 -30px 30px -30px rgba(0, 0, 0, 0.25);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none;
    height: 30px;
}
/* fix for mapbox two fingure overlay warning */
.mapboxgl-touch-pan-blocker {
    z-index: 2;
}


/* correction for idx height in safari */

html.idx-hosted-mode:not(.editing) body > .html-layout.html-layout {
    height: 100%;
    max-height: 100%;
}

.weblet_blog-entry-text ul,
.weblet_blog-entry-text ol {
    padding: revert;
    margin: revert;
}

/*
===============================

 FOR ALL BLOCKS

===============================
*/

/* BUTTONS FILLED */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .filled label,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .filled label {
    color: var(--fl-button-label-color, var(--g-inverted-text-color, white));
}

/* BUTTONS FILLED SVG */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .filled svg,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .filled svg {
    fill: var(--fl-button-label-color, var(--g-inverted-text-color, white));
}

/* BUTTONS INDIVIDUAL FILLED */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .button.filled,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .button.filled {
    background-color: var(--fl-button-bg-color, var(--panel-color, var(--g-accent-color, black)));
    color: var(--fl-button-label-color, var(--panel-color, var(--g-accent-color, black)));
}

/* BUTTONS OUTLINED */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .outlined label,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .outlined label {
    color: var(--fl-button-label-color, var(--g-accent-color, black));
}

/* BUTTONS OUTLINED SVG */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .outlined svg,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .outlined svg {
    fill: var(--fl-button-label-color, var(--g-accent-color, black));
}

/* BUTTONS INDIVIDUAL OUTLINED */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .button.outlined,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .button.outlined {
    background-color: transparent;
    color: var(--fl-button-label-color, var(--panel-color, var(--g-inverted-text-color, white)));
    border-color: var(--fl-button-bg-color, var(--panel-color, var(--g-accent-color, black)));
}

/* BUTTONS PLAIN */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .plain label,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .plain label {
    color: var(--fl-button-label-color, var(--g-accent-color, black));
}

/* BUTTONS PLAIN SVG */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .plain svg,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .plain svg {
    fill: var(--fl-button-label-color, var(--g-accent-color, black));
}

/* BUTTONS INDIVIDUAL PLAIN */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list .button.plain,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list .button.plain {
    background-color: transparent;
    color: var(--fl-button-label-color, var(--panel-color, var(--g-inverted-text-color, white)));
}

/* SOCIAL MEDIA FILLED SVG */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .filled svg,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .filled svg {
    fill: var(--g-inverted-text-color);
}

.block-column.has-dark-bg.has-bg .button-list.icon-only .filled svg,
.block-column.has-dark-bg.has-bg .button-list.icon-only .filled svg {
    fill: var(--text-color);
}

.inverted .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .filled,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .filled {
    background-color: var(--fl-button-label-color, var(--text-color, black));
}

.block-column.has-dark-bg.has-bg .button-list.icon-only .filled,
.block-column.has-dark-bg.has-bg .button-list.icon-only .filled {
    background-color: var(--fl-button-label-color, var(--g-inverted-text-color, white));
}

/* SOCIAL MEDIA OUTLINED SVG */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .outlined svg,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .outlined svg {
    fill: var(--fl-button-label-color, var(--text-color, black));
}

.block-column.has-dark-bg.has-bg .button-list.icon-only .outlined svg,
.block-column.has-dark-bg.has-bg .button-list.icon-only .outlined svg {
    fill: var(--fl-button-label-color, var(--g-inverted-text-color, white));
}

.inverted .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .outlined,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .outlined {
    border-color: var(--fl-button-label-color, var(--text-color, black));
}

.block-column.has-dark-bg.has-bg .button-list.icon-only .outlined,
.block-column.has-dark-bg.has-bg .button-list.icon-only .outlined {
    border-color: var(--fl-button-label-color, var(--g-inverted-text-color, white));
}

/* SOCIAL MEDIA PLAIN SVG */
.inverted .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .plain svg,
.accent-bg .block-column:not(.has-dark-bg).has-bg .button-list.icon-only .plain svg {
    fill: var(--fl-button-label-color, var(--text-color, black));
}

.block-column.has-dark-bg.has-bg .button-list.icon-only .plain svg {
    fill: var(--fl-button-label-color, var(--g-inverted-text-color, white));
}

/* title reverse */
body.bts-title-reverse .block-layout .titles:not(.title-plain):not(.title-underline) {
    display: flex;
    flex-direction: column-reverse;
}

/* title underline */
body.bts-title-underline .block-layout .titles:not(.title-plain):not(.title-reverse) .title::after {
    content: "";
    width: 8rem;
    height: 2px;
    background-color: var(--title-underline-color, var(--g-accent-color));
    display: block;
    margin-top: 0.75rem;
}

body.bts-title-underline .block-layout .content-center .title:after,
body.bts-title-underline .block-layout .title.title[style*="center"]:after {
    margin-left: auto;
    margin-right: auto;
}

body.bts-title-underline .block-layout .content-right .title:after,
body.bts-title-underline .block-layout .title.title[style*="right"]:after {
    margin-left: auto;
    margin-right: 0;
}

body.bts-title-underline .block-layout .content-left .title:after,
body.bts-title-underline .block-layout .title.title[style*="left"]:after {
    margin-left: 0;
    margin-right: auto;
}

/*.block-layout .mapboxgl-popup {*/
/*    transition: opacity 200ms linear;*/
/*}*/