@charset "UTF-8";

*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}.row:before, .row:after {width:0px; height:0px}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}input[type=number]{-moz-appearance: textfield}

#wrapper{background-color: #fff; overflow: hidden}
body:not(.home) #wrapper{padding-top: var(--header-height)}

#header{-webkit-transition: box-shadow .25s linear; -moz-transition: box-shadow .25s linear; -ms-transition: box-shadow .25s linear; -o-transition: box-shadow .25s linear; transition: box-shadow .25s linear}

.sitelogo-svg{-webkit-transition: all .25s linear; transition: all .25s linear;}
.sitelogo-svg path{-webkit-transition: fill .25s linear; transition: fill .25s linear}
a:hover .sitelogo-svg .sitelogo-svg__txt{fill: var(--secondary-color)}

iframe{display: block; margin: 0; width: 100%}
* + iframe{margin-top: 4rem}
iframe + *{margin-top: 8rem}

.gallery{
    margin: var(--grid-margin);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
    .gallery > .gallery-item{
        padding: var(--grid-padding);
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 50%;
    }
        .gallery a,
        .swiper-slide > a{position: relative; display: block; overflow: hidden}

            .swiper-slide > a::after,
            .gallery a::after{
                content: '';
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background: url(../images/magnifier.svg) rgb(4,65,57);
                background: url(../images/magnifier.svg) linear-gradient(45deg, rgba(4,65,57,1) 0%, rgba(4,65,57,1) 35%, rgba(4,65,57,0.25) 80%);
                opacity: 0;
                background-position: center;
                background-repeat: no-repeat;
                -webkit-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out
            }
            
            .swiper-slide > a:hover::after,
            .gallery a:hover::after{opacity: 0.7}

            .gallery img{display: block; width: 100%}


.gallery > .gallery-item{max-width: 50%}
@media (min-width: 568px){
	.gallery.per_row3 > .gallery-item,
	.gallery.per_row4 > .gallery-item,
	.gallery.per_row5 > .gallery-item{max-width: 33.3334%}
}
@media (min-width: 992px){
	.gallery.per_row4 > .gallery-item,
	.gallery.per_row5 > .gallery-item{max-width: 25%}
}
@media (min-width: 1200px){
	.gallery.per_row5 > .gallery-item{max-width: 20%}
}

.modal-body--inner{padding: var(--grid-padding)}

/* =============================================================================
   header
   ========================================================================== */
#header{top: 0; left: 0; z-index: 100; color: #fff; font-size: 1.8rem}
body:not(.home) #header{background-color: var(--body-color)}

#header.scroll-header{background-color: var(--body-color)}

#header .row-main{height: var(--header-height); -webkit-transition: height .25s linear; transition: height .25s linear}
#header ul{list-style: none; padding: 0}

#header a{color: inherit; text-decoration: none}

.wpml-ls{font-size: 1.8rem; line-height: 1.5}
#header .wpml-ls-legacy-dropdown-click img{max-width: unset; border-radius: 50%}
#header .wpml-ls-legacy-dropdown-click a{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500
}
.wpml-ls-item-toggle{padding-top: 1rem; padding-bottom: 1rem}
.wpml-ls-item-toggle > * + *{margin-left: 1rem}
.wpml-ls-item-toggle:after{display: block; font-family:'remixicon'!important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content: "\ea4e"; margin-left: .5rem}
#header .wpml-ls-legacy-dropdown-click a > *{display: block}
#header .wpml-ls-legacy-dropdown-click ul{list-style: none}
#header .wpml-ls-legacy-dropdown-click li{position: relative}
    #header .wpml-ls-legacy-dropdown-click li > ul{
        display: none;
        min-width: 100%;
        white-space: nowrap;
        position: absolute;
        color: var(--primary-color);
        background: rgba(255, 255, 255, 1);
        border-radius: .5rem;
        border: none;
        text-decoration: none!important;
        box-shadow: 0 0 3.5rem 0 rgba(55, 58, 137, .25)
    }
    #header .wpml-ls-legacy-dropdown-click li > ul a{padding: .5rem; width: 100%}
    #header .wpml-ls-legacy-dropdown-click li > ul > li + li{border-top: 1px solid rgba(0, 0, 0, .1)}
    #header .wpml-ls-legacy-dropdown-click li > ul img + *{display: none!important}

#header.scroll-header{box-shadow: 0 0 3.2rem 0 var(--shadow-color)}

/* =============================================================================
   content
   ========================================================================== */
/* hero */
.element-hero{color: #fff; background-color: var(--primary-color); isolation: isolate}
    .element-hero::before{
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgb(4,65,57);
        background: linear-gradient(45deg, rgba(4,65,57,1) 0%, rgba(4,65,57,1) 35%, rgba(4,65,57,0.25) 80%);
        opacity: .7
    }
    .element-hero > .swiper{top: 0; left: 0; width: 100%; height: 100%; z-index: -1}
        .element-hero .swiper-slide img{width: 100%; height: 100%; object-fit: cover}

    .element-hero .container{z-index: 1}
        .element-hero .container > .row{min-height: 100vh}
        .element-hero .container > .row > *{padding-top: 15rem; padding-bottom: 25rem}
        .element-hero h1{color: currentColor}
        .element-hero p{font-size: 1.6rem; line-height: 2.4rem}
        .element-hero .container > .row > .col-12 > * + *{margin-top: 3rem}
        .element-hero .container > .row > .col-12 > * + .wp-block-button{margin-top: 5rem}

    .hero-icon{right: var(--grid-padding); bottom: 10rem}

    .element-hero .swiper-pagination{
        bottom: 10rem;
        padding-left: var(--grid-padding);
        padding-right: var(--grid-padding);
        width: unset
    }
    .element-hero .swiper-pagination-bullet{
        border: 1px solid #fff;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0);
        opacity: 1;
    }
    .element-hero .swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1)}

/* txtmedia */
@media (min-width: 768px){
    .element-txtmedia{isolation: isolate; padding-top: 10rem; padding-bottom: 10rem}
        .element-txtmedia::before{
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 80vw;
            max-width: 53.5%;
            background: #F2F5F5;
            z-index: -1
        }
        .element-txtmedia:not(.has-media-left)::before{left: 0}
        .element-txtmedia.has-media-left::before{right: 0}
    
        .element-txtmedia.has-media-left .element-txtmedia__content{order: 1}
        .element-txtmedia__content{
            padding-top: 2rem;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            width: 100%;
            max-width: 48.2772%
        }
        .element-txtmedia:not(.has-media-left) .element-txtmedia__content{padding-right: 6.8968%}
        .element-txtmedia.has-media-left .element-txtmedia__content{padding-left: 6.8968%}
    
        .element-txtmedia__media{
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
        }
}
@media (max-width: 767px){
    .element-txtmedia__content,
    .element-txtmedia__media{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%
    }
    .element-txtmedia__media{margin-top: 3rem}

    .element-txtmedia__media .swiper-slide img{width: 100%}
}

/* icongrid */
.element-icongrid > .d-flex{
    margin: var(--grid-margin)
}
    .element-icongrid > .d-flex > *{
        padding: var(--grid-padding);
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
        .element-icongrid > .d-flex > * > *{margin: 0 auto; width: 16rem}
        .element-icongrid > .d-flex > * > * > .d-flex{height: 6rem; margin-bottom: 2rem}

/* contact */
@media (min-width: 992px){
    .element-contact .col-contact{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 60%;
    }
    .element-contact .col-contact + *{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

.person-container{max-width: 20rem}
.person__img + *{margin-top: 2rem}
.person-container * + .contact-methods{margin-top: 1rem}

.element-icongrid > .d-flex > * > a:not(:hover),
.person-container .contact-methods a:not(:hover){text-decoration: none; color: var(--primary-color)}

@media (max-width: 991px){
    .person-container{margin-inline: auto; text-align: center}
}

/* read more link */
.element-rmlink a{text-decoration: none; color: currentColor}
    .element-rmlink a > span.d-flex{
        border-radius: 50%;
        margin-left: 1.5rem;
        width: 3.6rem;
        height: 3.6rem;
        background: #CC9933;
    }
        .element-rmlink a > span.d-flex svg{display: block}
        .element-rmlink a:hover > span.d-flex svg{
            -webkit-animation: shake-horizontal 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
            animation: shake-horizontal 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
        }

@-webkit-keyframes shake-horizontal {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }
    20%, 40%, 60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    90% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
}
@keyframes shake-horizontal {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }
    20%, 40%, 60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    90% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
}

/* plots */
.status_booked{color: #CC9933}
.status_sold{color: #CB5B5B}

.table-plots tbody tr:hover{cursor: pointer}
.table-plots tbody tr:hover td{background-color: hsla( var(--primary-color-code), .08 )}
.table-plots tbody tr.empty-row-divider:hover td {cursor: default; background: none !important;}

/* single plot */
@media (min-width: 568px){
    .plot-data{margin: var(--grid-margin)}
        .plot-data__field{
            padding: var(--grid-padding);
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            width: 100%;
            max-width: 50%;
        }
            .plot-data__field > * + *{margin-top: 1rem}
}
@media (min-width: 628px){
    .plot-data__field{max-width: 33.3334%}
}
@media (min-width: 800px){
    .plot-data__field{max-width: 25%}
}
@media (min-width: 992px){
    .plot-data__field{max-width: 20%}
}
@media (max-width: 567px){
    .plot-data__field{width: 100%}
    .plot-data__field + .plot-data__field{margin-top: 2rem}
}

.col-plot-media img{width: 100%; border: solid 1px #E9E9E9}

.plot-info {
	padding: 10px 0px;
	border-bottom: 1px solid #E9E9E9
}
.plot-info .field-label {
	width: 120px;
	display: inline-block;
}

/* gutenberg elements */
.gutenberg-elements > *:not(.entry-header) + .acf-block-element,
.gutenberg-elements > .acf-block-element + *{margin-top: 10rem}

body.post-type-archive-plots .gutenberg-elements > *:not(.entry-header) + .acf-block-element,
body.post-type-archive-plots .gutenberg-elements > .acf-block-element + *{margin-top: 5rem}

.wp-block-table{margin: 0}
.wp-block-table table th,
.wp-block-table table td{padding: .9rem 2rem; border: none; border-bottom: 1px solid #E9E9E9; vertical-align: top}
.wp-block-table figcaption{padding: .5rem 0 0 0; text-align: center; font-size: var(--small-font-size)}

.wp-block-table table thead tr{background-color: #F2F5F5}
.wp-block-table table thead tr th{border-color: #F2F5F5}

.wp-block-buttons,
.wp-block-columns{margin: var(--grid-margin)}
    .wp-block-buttons > .wp-block-button,
    .wp-block-columns > .wp-block-column{margin:0; column-gap: 0; padding: var(--grid-padding)}

@media (min-width: 600px) and (max-width: 781px){
    .wp-block-columns .wp-block-column{width: 100%; flex-basis: 100%!important;}
}

.wp-block-quote{padding: var(--mb-1) var(--mb-2); background-color: hsla(var(--primary-color-code), .25); border-left: 4px solid hsla(var(--primary-color-code), .5); color: hsl(var(--hue-color), 80%, 30%)}
.wp-block-quote > * + *{margin-top: var(--mb-1)}
.wp-block-quote cite{display: block; border-top: 1px solid hsla(var(--primary-color-code), .25); padding-top: var(--mb-1); font-size: var(--small-font-size)}

ul:not([class]),
ul.wp-el,
ul.wp-el ul{padding-left: 0; list-style: none}

.gutenberg-elements ul:not([class]) li + li,
ul.wp-el li + li, ul.wp-el ul,
ol.wp-el li + li, ol.wp-el ol{margin-top: var(--mb-1)}
    .gutenberg-elements ul:not([class]) li,
    ul.wp-el li{position: relative; padding-left: 4rem}
        .gutenberg-elements ul:not([class]) li::before,
        ul.wp-el li::before{
            content: '';
            display: block;
            width: 1rem;
            height: 1rem;
            border-radius: 50%;
            background-color: var(--secondary-color);
            position: absolute;
            top: .7rem;
            left: 1.5rem
        }

/* margins */
.wp-block-table + *,
.entry-header + *{margin-top: var(--mb-2)}
body.archive .entry-header + * {margin-top: 2rem}

.entry-header + .plot-data,
.plot-data + *{margin-top: calc(4rem - var(--grid-padding) ) }

.wp-el + .wp-el{margin-top: var(--mb-1)}

ul.wp-el + .wp-el,
ol.wp-el + .wp-el,
.wp-el + ul.wp-el,
.wp-el + ol.wp-el{margin-top: var(--mb-2)}

* + .wp-block-table{margin-top: var(--mb-2)}
* + .wp-block-buttons,
* + .wp-block-columns{margin-top: calc( var(--mb-2) - var(--grid-padding) )}

* + .wp-block-quote,
.wp-block-quote + *{margin-top: var(--mb-heading)}
.wp-block-buttons + .wp-el{margin-top: var(--mb-2)}

* + .wp-block-columns,
.wp-block-columns + .wp-block-buttons{margin-top: var(--mb-1)}
.wp-block-columns + *:not(.wp-block-buttons){margin-top: var(--mb-2)}

.gutenberg-elements > * + .wp-el:is(h1, h2, h3, h4, h5, h6){margin-top: var(--mb-heading)}

.gutenberg-elements > *:first-child:not(.w-max){margin-top: 8rem}
.gutenberg-elements > *:last-child:not(.w-max){margin-bottom: 10rem}

* + .element-plots{margin-top: 8.5rem}
.element-plots + *{margin-top: 10rem}

.row-plot-media iframe{min-height: 30rem; height: 100%}
.row-plot-media .col-12:not(.col-md-6) iframe{height: 40rem}

/* =============================================================================
   wpcf7
   ========================================================================== */
.wpcf7 .row-grid{margin: -1.5rem -2rem}
.row-grid > .col, .row-grid > [class*="col-"]{padding: 1.5rem 2rem}

* + .form-end{margin-top: 5rem}

/* =============================================================================
   footer
   ========================================================================== */
#footer{background-color: var(--body-color); color: #fff; padding: 10rem 0}

#footer .container > .d-flex{color: rgba(255, 255, 255, .7); margin: calc( var(--grid-margin) / 2 )}
    #footer .container > .d-flex a:not(:hover){color: currentColor; text-decoration: none}

    #footer .container > .d-flex > *{padding: calc( var(--grid-padding) / 2 )}

#footer .container > * + .d-flex{
    margin-top: 5.9rem;
    padding-top: 4rem;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

* + .footer-menu{margin-top: 2.5rem}
    .footer-menu li + li{margin-top: 2rem}
    .footer-menu a{color: currentColor; font-weight: 400; text-decoration: none}
    .footer-menu a:hover,
    .footer-menu [class*="current-menu-"] > a,
    .footer-menu [class*="current_page_"] > a{color: var(--secondary-color); text-decoration: underline}

@media (min-width: 768px){
    .col-footer-menu{max-width: 50%}
}
@media (min-width: 992px){
    .col-footer-menu{max-width: 35%}
}
@media (min-width: 1200px){
    .col-footer-menu{max-width: 30%}
}
@media (max-width: 767px){
    .col-footer-menu{text-align: center}
}

.footer-about{margin: calc( var(--grid-margin) / 2 )}
    .footer-about > *{padding: calc( var(--grid-padding) / 2 )}

/* =============================================================================
   media query
   ========================================================================== */
@media (min-width: 992px){
    .entry-header > h1{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .entry-header > h1 + *{padding-left: 2rem}
}
@media (min-width: 1200px){
	#menu-toggle,
    .sub-menu-toggle{display: none!important}

    #primary-menu > ul{
        margin: -1.5rem -2.5rem;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
        #primary-menu > ul > li{padding: .5rem 2.5rem}
            #primary-menu > ul > li > a{padding: .75rem 0; position: relative}
                #primary-menu > ul > li > a::before,
                #primary-menu > ul > li > a::after{
                    content: '';
                    display: block;
                    width: 0;
                    height: 2px;
                    background-color: currentColor;
                    position: absolute;
                    bottom: 0;
                    -webkit-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out
                }
                #primary-menu > ul > li > a::before{right: 50%}
                #primary-menu > ul > li > a::after{left: 50%}
                
                #primary-menu > ul > li:hover > a::before,
                #primary-menu > ul > li:hover > a::after,
                #primary-menu > ul > [class*="current-menu-"] > a::before,
                #primary-menu > ul > [class*="current-menu-"] > a::after,
                #primary-menu > ul > [class*="current_page_"] > a::before,
                #primary-menu > ul > [class*="current_page_"] > a::after{width: 50%}

    #primary-menu .sub-menu{
        z-index: 100;
        position:absolute;
        background-color:#fff;
        white-space:nowrap;
        min-width:160px;
        opacity:0;
        pointer-events:none;
        transform-origin:left top;
        transform:scale(0.6);
        transition:opacity 0.3s,transform .3s;
        filter:drop-shadow(0px 8px 40px rgba(0,0,0,0.1));
        padding: .8rem 0
    }
    #primary-menu > ul > li > .sub-menu{top:100%}
    #primary-menu li:hover > .sub-menu{opacity:1;pointer-events:all;transform:none}
        #primary-menu .sub-menu > li > a{display:block; padding: 1rem 1.5rem}
        #primary-menu .sub-menu .sub-menu{top:0; left:100%; margin-left:-1px}

    #header-items + *{margin-left: 3.75rem}

    #header .sitelogo-svg{width: 16rem; height: 7.4rem}
    #header.scroll-header .sitelogo-svg{width: 12rem; height: 5.55rem}

    .footer-about{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}
@media (max-width: 1199px){
    #wrapper{padding-top: var(--header-height)}
    #header{background-color: var(--body-color)}
    #header .sitelogo-svg{width: 12rem; height: 5.55rem}

    #header li:hover > a,
    #header [class*="current-menu-"] > a,
    #header [class*="current_page_"] > a{color: var(--secondary-color)}

    .wpml-ls-item-toggle > img + span{display: none!important}

    body.toggled{overflow: hidden}
        #menu-toggle span{display: block; border-radius: 2px; transition: .25s width ease-in-out, .25s height ease-in-out}
        #menu-toggle #hamburger{position: absolute; height: 100%; width: 100%; top: 0; left: 0}
            #menu-toggle #hamburger span{width: 3rem; height: 2px; position: relative; top: .25rem; left: .5rem; margin: .75rem 0; border-radius: 2px}
            #menu-toggle #hamburger span:nth-child(1){transition-delay: 0.5s}
            #menu-toggle #hamburger span:nth-child(2){transition-delay: 0.625s}
            #menu-toggle #hamburger span:nth-child(3){transition-delay: 0.75s}
        #menu-toggle #cross{position: absolute; height: 100%; width: 100%; transform: rotate(45deg); top: 0; left: 0}
            #menu-toggle #cross span{position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
            #menu-toggle #cross span:nth-child(1){height: 0; width: 2px; transition-delay: 0s}
            #menu-toggle #cross span:nth-child(2){width: 0; height: 2px; transition-delay: 0.25s}
            #menu-toggle.toggled #hamburger span{width: 0}
            #menu-toggle.toggled #hamburger span:nth-child(1){transition-delay: 0s}
            #menu-toggle.toggled #hamburger span:nth-child(2){transition-delay: 0.125s}
            #menu-toggle.toggled #hamburger span:nth-child(3){transition-delay: 0.25s}
            #menu-toggle.toggled #cross span:nth-child(1){height: 3rem; transition-delay: 0.625s}
            #menu-toggle.toggled #cross span:nth-child(2){width: 3rem; transition-delay: 0.375s}
    
    #header-items{
        position: fixed;
        width: 100%;
        height: calc(100% - var(--header-height) );
        top: var(--header-height);
        background-color: var(--body-color);
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out
    }
        #primary-menu{padding: 1.5rem 0; position: relative; height: 100%; overflow-x: hidden; overflow-y: auto}

        #primary-menu li,
        #primary-menu a,
        #primary-menu .sub-menu-toggle{
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        #primary-menu li{
            position: relative;
            -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
            -webkit-align-items: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }
        #primary-menu > ul > li + li{border-top: 1px solid rgba(217, 225, 233, 1)}
            #primary-menu a{
                padding: 10px 20px;
                -webkit-align-content: center;
                -ms-flex-line-pack: center;
                align-content: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%;
            }
            #primary-menu .sub-menu-toggle{
                position: relative;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-align-content: center;
                -ms-flex-line-pack: center;
                align-content: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                width: 45px;
                background-color: rgba(217, 225, 233, 1);
            }
                #primary-menu .sub-menu-toggle svg{display: block}

            #primary-menu .sub-menu{
                display: none;
                width: 100%;
                background-color: rgba(217, 225, 233, 1);
                padding: 1.5rem 2rem
            }
            #primary-menu .sub-menu > li:before{top: 1.375rem}
            #primary-menu .sub-menu a{display: block; padding: 1rem 0}

    #header-items:not(.toggled){left: -100%}
    #header-items.toggled{left: 0}

    .footer-about{width: calc( 100% + var(--grid-padding) )}

    .element-hero .container > .row > *{padding-top: 3.2rem; padding-bottom: 30rem}
}
@media (max-width: 991px){
    .wp-block-table.table-plots{overflow: hidden}

    .wp-block-table.table-plots table,
    .wp-block-table.table-plots thead,
    .wp-block-table.table-plots tbody,
    .wp-block-table.table-plots tfoot,
    .wp-block-table.table-plots tr,
    .wp-block-table.table-plots th,
    .wp-block-table.table-plots td{display: block}

    .wp-block-table.table-plots tr + tr{margin-top: 2rem}

    .wp-block-table.table-plots td{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .wp-block-table.table-plots td{text-align: left!important}
    /*.wp-block-table.table-plots td:not(:first-child)::before{
        content: attr(data-label);
        display: block;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 1.5rem
    }
    .wp-block-table.table-plots td:first-child{text-transform: uppercase; font-weight: 700}*/
	
	.wp-block-table.table-plots td::before{
        content: attr(data-label);
        display: block;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 1.5rem
    }

    .wp-block-table.table-plots thead{display: none}

    .entry-header > h1,
    .entry-header > h1 + *{width: 100%}
    .entry-header > h1 + *{padding-top: 2rem}

    .element-hero .swiper-pagination{bottom: 5rem}
	
	.gutenberg-elements > *:first-child:not(.w-max){margin-top: 4rem}
.gutenberg-elements > *:last-child:not(.w-max){margin-bottom: 5rem}
}
@media (max-width: 1023px){
    .element-hero .container > .row{min-height: unset}
}

@media (max-width: 767px){
    .element-hero .container > .row > *{padding-bottom: 12.5rem}

    .hero-icon,
    #footer .col-12 > svg{
        width: 7.5rem;
        height: 7.5rem
    }
    
    .element-hero .swiper-pagination,
    .hero-icon{bottom: 2.5rem}
}

.mapplic-element {margin-top: 2rem}
.mapplic-element + .element-plots {
	margin-top: 3rem !important;
}
.wp-block-image {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}
@media (min-width: 991px) and (max-width: 1180px) {
	.footer-partner svg {max-width: 100px}
}

.entry-header {
    margin-left: 0;
    margin-right: 0;
}

.entry-header-btns {
    margin-left: auto;
    padding-right: 0;
}

.entry-header-btns .wp-block-buttons {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
}

.entry-header-btns .wp-block-buttons > .wp-block-button {
    padding: 0 !important;
    margin: 0;
}