/*
	Main CSS THEME
*/

@import "./general/variables.css";
@import "./general/font-color.css";
@import "./general/font-general.css";
@import "./general/font-sizes.css";

@import "./general/buttons.css";
@import "./general/cf7.css";

@import "./general/containers.css";

@import "./general/spacing.css";
@import "./general/general.css";

@import "./components/menu.css";

@import "./general/effects.css";

@import "./components/popup.css";

@import "./components/newsletter-stripe.css";
@import "./components/fake-chat.css";



/* GENERAL
 ------------------------------------------------------------------------------------------------------------------------------------*/
    .otgs-development-site-front-end {
        display: none !important;
    }
    #iubenda-iframe input[type="checkbox"]:after {
        display: none !important;
    }    
     body {
        overflow-y: overlay;
     }
     body.hide-scroll {
        overflow: hidden;
     }
    ::-webkit-scrollbar-track
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: transparent;
    }

    ::-webkit-scrollbar
    {
        width: 11px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: transparent;
    }

    ::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: rgba(0, 0, 0, 0.3);
    }

    .swiper-container {
        position: relative;
        overflow: hidden;
    }

    .logo-container a:focus,
    .logo-container a:hover:focus,
    #mobile-header .logo a:focus,
    #mobile-header .logo a:hover:focus {
        outline: 1px dotted var(--color-green) !important;
    }
    .footer-logo a:focus,
    .footer-logo a:hover:focus {
        outline: 1px dotted var(--color-green--) !important;
    }

    /* General Elements
    -----------------------------------------*/
        .divider-w {
            height: 2px;
            background-color: var(--color-white);
        }
        .divider-b {
            height: 2px;
            background-color: rgb(24 80 58 / 10%);
        }
        .divider-1 {
            height: 1px;
            background-color: var(--color-main);
        }
        .sm-divider {
            height: 1px;
        }


/* Default Header Rules
 ------------------------------------------------------------------------------------------------------------------------------------*/
    header {
        position: relative;
        z-index: 10 !important;
    }
    #header-content {
        z-index: 1;
    }

    /* Breadcumbs
    ----------------------------------------------------------------*/
        #breadcrumbs {
            padding-bottom: 2.344vw; /*45*/
        }
        .breadcrumbs > * {
            font-weight: 300;
            margin: 0 0.729vw; /*14*/
        }
        .breadcrumbs > *:first-child {
            margin-left: 0;
        }
        .breadcrumbs > *:last-child {
            margin-right: 0;
        }
        .breadcrumbs {
            font-weight: 100;
        }
        .breadcrumbs a {
            font-weight: 600;
            color: var(--color-green--);
        }
        #breadcrumbs a:hover {
            text-decoration: underline;
            text-underline-offset: 2px;
        }        


    /* Sticky Header 
    --------------------------------------------*/
        header .col-full-menu .main-menu-container.still-sticky {
            position: fixed;
            top: 0;
            left: 0;
            transform: translateY(-300px);
            width: 100%;
            box-shadow: 0px -6px 20px 0px rgb(0 0 0 / 20%);
            z-index: 5;
            padding: 0.521vw 0;
            background-color: var(--color-pure-white);
        }
        header .col-full-menu .main-menu-container.still-sticky.sticky-header {
            transform: translateY(0);
            transition: transform 0.3s ease-in-out;
        }
        header .col-full-menu .main-menu-container.still-sticky .logo-container a {
            width: 6.615vw; /*127*/
            height: 2.708vw; /*52*/
            min-width: 127px;
            min-height: 52px;
        }
        header .still-sticky .menu-main-navigation {
            height: 2.344vw;
            min-height: unset;
        }
        header .still-sticky .menu a {
            font-size: 0.781vw;
        }
        header .still-sticky li {
            margin-bottom: 0 !important;
        }
        header .still-sticky .header-contact-container a.menu-contact-icon {
            height: 1.563vw;
            width: 1.563vw;
        }
        header .still-sticky .menu-contact-icon img {
            filter: unset;
        }
        header.sticky-active #scroll-header {
            display: none !important;
        }

    /* Slider timed dots
    --------------------------------------------*/
        @-webkit-keyframes bulletGrow {
            0% { 
                transform: translateX(-100%);
            }
            100% { 
                transform: translateX(0);
            }
        }
        @keyframes bulletGrow {
            0% { 
                transform: translateX(-100%);
            }
            100% { 
                transform: translateX(0%);
            }
        }

    /* Slider Bullets
    --------------------------------------------*/
        .swiper-pagination-bullet {
            height: 0.625vw;
            width: 0.625vw;
            background-color: var(--color-pure-white);
            margin: 0px 25px !important;
        }
        .timing-pagination .swiper-pagination-bullet {
            position: relative;
            margin: 0 0.260vw !important;
        }
        .timing-pagination .swiper-pagination-bullet {
            align-items: flex-end;
            display: inline-flex;
            background-color: transparent !important;
        }
        .timing-pagination .swiper-pagination-bullet,
        .timing-pagination .swiper-pagination-bullet-active {
            width: 3.646vw;
            height: 1.302vw;
            border-radius: unset;
            opacity: 1;
            overflow: hidden;
        }
        .timing-pagination .swiper-pagination-bullet:first-child {
            margin-left: 0 !important;
        }        
        .timing-pagination .swiper-pagination-bullet:before {
            content: '';
            display: block;
            position: relative;
            height: 3px;
            width: 100%;
            background-color: #fff;
            transform: translateX(-100%);
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
        }
        .timing-pagination .swiper-pagination-bullet:after {
            content: '';
            display: block;
            position: relative;
            z-index: 1;
            height: 3px;
            width: 100%;
            background-color: rgb(255 255 255 / 60%) !important;
        }
        .timing-pagination .swiper-pagination-bullet-active:before {
            -webkit-animation: bulletGrow 10s linear forwards;
            animation: bulletGrow 10s linear forwards;
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }

        .timing-dark.timing-pagination .swiper-pagination-bullet:after {
            background-color: #b69b81 !important;
        }
        .timing-dark.timing-pagination .swiper-pagination-bullet:before {
            background-color: #95795b !important;
        }

    /* Slider Scrollbar
    --------------------------------------------*/
        .swiper-scrollbar.js-swiper-scrollbar {
            height: 4px;
            width: 70%;
            cursor: pointer;
        }
        .swiper-scrollbar-drag {
            background-color: var(--color-red);
        }
        .centered-scrollbar { /* Hand aligned with container md */
            max-width: 75%;
            margin: auto;
        }
        .right-scrollbar {
            margin: auto;
            margin-right: 0;
        }

        .theme-b-1 .swiper-scrollbar {
            background: var(--main-color-);
        }

    /* Gallery Slide Arrows
    --------------------------------------------*/
        .swiper-button-next:after, 
        .swiper-rtl .swiper-button-prev:after,
        .swiper-button-prev:after, 
        .swiper-rtl .swiper-button-next:after {
            content: '' !important;
            background-size: contain;
		    background-repeat: no-repeat;
		    background-position: center;
            width: 100%;
            height: 100%;
            display: block;
        }
        .swiper-button-prev:after, 
        .swiper-rtl .swiper-button-next:after {
            background-image: url(/wp-content/uploads/2024/01/arrow-prev.png);
        }
        .swiper-button-next:after, 
        .swiper-rtl .swiper-button-prev:after {
            background-image: url(/wp-content/uploads/2024/01/arrow-next.png);

        }

        .swiper-button-next,
        .swiper-button-prev {
            width: 2.604vw !important;
            height: 2.604vw !important;
            min-width: 33px !important;
            min-height: 33px !important;
            display: block !important;
            margin-top: 0 !important;
            z-index: 2 !important;
        }

        /*Vertically Centered arrows
        -----------------------------------------------------------*/
            .centered-arrows .swiper-button-next,
            .centered-arrows .swiper-button-prev {
                top: 50%;
                transform: translateY(-50%);
            }
            .centered-arrows .swiper-button-next {
                right: -3.646vw !important; /*70*/
            }
            .centered-arrows .swiper-button-prev {
                left: -3.646vw !important; /*70*/
            }

        /*Relative inline arrows
        -----------------------------------------------------------*/
            .relative-arrow .swiper-button-next,
            .relative-arrow .swiper-button-prev {
                position: relative;
                top: unset;
                transform: unset;
                left: unset !important;
                right: unset !important;
        		border-radius: 100%;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                display: flex !important;
                align-items: center;
                justify-content: center;
            }      
            .swiper-button-lock {
                display: none;
            }
    		.relative-arrow .swiper-button-next {
    		    margin-left: 0.521vw;
    		}
            .swiper-button-disabled {
                opacity: 0.5 !important;
            }
            .relative-arrow.yellow-arrow .swiper-button-next,
            .relative-arrow.yellow-arrow .swiper-button-prev {
                background-color: var(--color-yellow);
                opacity: 0.6;
            }
            .relative-arrow.yellow-arrow .swiper-button-next:hover,
            .relative-arrow.yellow-arrow .swiper-button-prev:hover {
                opacity: 1;
            }
            .relative-arrow.hide {
                display: none !important;
            }

/* Stripe with bg image
---------------------------------------------------------------------------------------------------------------*/
    .stripe-with-bg-image {
        position: relative;
    }
    .stripe-with-bg-image > *:first-child {
        position: relative;
        z-index: 1;
    }
    .stripe-bg-image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
    }


/* Background Pictogram
--------------------------------------------------------------------------------------------------------------*/
    .section-with-pictogram {
        position: relative;
        overflow: hidden;
    }
    .bg-gradient {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(233,244,239);
        background: linear-gradient(0deg, rgba(233,244,239,1) 0%, rgba(221,244,235,1) 25%, rgba(233,244,239,1) 50%, rgba(221,244,235,1) 75%, rgba(233,244,239,1) 100%);
        z-index: 1;
    }
    .section-with-pictogram .bg-pictogram {
        display: flex;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        mix-blend-mode: soft-light;
    }
    .section-with-pictogram > *:not(.bg-pictogram, .bg-gradient) {
        position: relative;
        z-index: 4;
    }

    .section-with-pictogram .bg-1, 
    .section-with-pictogram .bg-3 {
        width: 39.078%;
    }
    .section-with-pictogram .bg-1 {
        background-position: -6.094vw top;
        opacity: 33%;
    }
    .section-with-pictogram .bg-2 {
        width: 21.844%;
        background-position: -1.406vw top;
        opacity: 28%;
    }
    .section-with-pictogram .bg-3 {
        background-position: -1.406vw top;
        opacity: 30%;
    }
    .section-with-pictogram .bg-1, 
    .section-with-pictogram .bg-2, 
    .section-with-pictogram .bg-3 {
        background-image: url(/wp-content/uploads/2024/01/bg-pictogram-left-1.png);
        background-size: 21.719vw;
    }


/* Header pictogram
---------------------------------------------------------------------------------------------------------------*/
    .header-pictogram {
        position: absolute !important;
        z-index: 3 !important;
        width: 100%;
        top: 0;
        height: 100vh;
        overflow-y: visible;
    }
    .header-pictogram > * {
        position: absolute;
        top: 0;
        width: 52.135vw; /*1001*/
        height: 39.479vw; /*758*/
        opacity: 0.1;
    }
    .header-pictogram .right-pictogram {
        top: 12%;
        right: -34%;
    }
    .header-pictogram .left-pictogram {
        top: 14%;
        left: -28%;
    }


/* Pagination
--------------------------------------------------------------------------------------------------------------*/
    #pagination {
        width: 100%;
    }
    .prev.page-numbers, 
    .next.page-numbers {
        position: absolute;
        top: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }
    .prev.page-numbers {
        left: 0;
    }
    .next.page-numbers {
        right: 0;
    }
    .nav-links {
        position: relative;
        height: 2.083vw; /*40*/
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-numbers {
        margin-bottom: 0;
        padding: 0 0.417vw; /*0 8*/
        text-align: center;
        line-height: 1;
        color: var(--color-green--);
        font-weight: 600;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    a.page-numbers:not(.next, .prev) {
        color: var(--color-green);
    }
    a.page-numbers:not(.next, .prev):hover {
        color: var(--color-green--);
    }
    .page-numbers.current {
        font-weight: 500;
        font-size: 0.833vw; /*16*/
    }
    .pagination-text {
        display: block;
        margin-top: 0.104vw; /*2*/
    }
    .pagination-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.083vw; /*40*/
        width: 2.083vw; /*40*/
        min-width: 33px;
        min-height: 33px;        
        border-radius: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    .next.page-numbers,
    .prev.page-numbers {
        opacity: 0.5;
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;        
    }
    .next.page-numbers:hover,
    .prev.page-numbers:hover {
        opacity: 1;
    }
    .next.page-numbers .pagination-btn {
        background-image: url(/wp-content/uploads/2024/01/arrow-next.png);
    }
    .prev.page-numbers .pagination-btn {
        background-image: url(/wp-content/uploads/2024/01/arrow-prev.png);
    }
    .next .pagination-btn {
        margin-left: 0.521vw; /*10*/
    }
    .prev .pagination-btn {
        margin-right: 0.521vw; /*10*/
    }

/* Video Elements
------------------------------------------------------------------------------*/
    .media-container.with-video {
        position: relative;
    }
    .media-container.with-video .video-container iframe {
        width: 100%;
        height: 100%;
    }
    .media-container.with-video .video-container {
        height: 100%;
        position: relative;
        z-index: 1;
    }
    .media-container.with-video .video-placeholder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer;
    }
    .media-container.with-video .video-placeholder:before {
        content: '';
        display: block;
        height: 3.646vw; /*70*/
        width: 3.646vw; /*70*/
        min-height: 70px;
        min-width: 70px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url(/wp-content/uploads/2024/01/play-video.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.8;
        z-index: 3;
        pointer-events: none;
    }

/* Footer
------------------------------------------------------------------------------------------------------------------------------------*/
    footer {
        background: rgb(8,176,101);
        background: linear-gradient(0deg, rgba(6,114,66,1) 0%, rgba(8,176,101,1) 100%);
    } 
    .footer-utils {
        justify-content: space-between;
        padding-bottom: 10px;
    }
    .footer-logo {
        width: 9.375vw;
        height: 3.906vw;
        min-width: 135px;
        min-height: 55px;     
    }
    .footer-logo a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .footer-logo a:hover:before {
        display: none !important;
    }
    footer .single-social i {
        color: #fff;
    }

    .widget-column {
        padding-right: 3.125vw;
    }
    .widget-column:last-child {
        max-width: 21.354vw;
        padding-right: 0;
    }
    footer h4 {
        letter-spacing: 0.02em;
        margin-bottom: 1.042vw;
        opacity: 0.999;
    }
    footer p,
    footer a {
        line-height: 1.8;
    }
    footer .footer-contacts a, 
    footer .footer-contacts p {
        display: inline-block;
    }
    footer .footer-contacts a {
        margin-left: 5px;
    }
    footer.desktop-footer .menu li {
        font-size: unset !important;
        margin-bottom: 0.729vw !important;
    }
    footer.desktop-footer .menu li:last-child {
        margin-bottom: 0 !important;
    }
    footer.desktop-footer .menu li,
    footer.desktop-footer .menu li a {
        line-height: 1 !important;
    }    
    footer.desktop-footer .menu  li a {
        display: inline-block;
    }
    footer .sm-divider {
        margin: 1.042vw 0;
    }
    .desktop-footer h4 {
        pointer-events: none;
    }
    .desktop-footer .footer-widget .menu {
        display: block !important;
        padding-top: 5px !important;
    }

    .desktop-footer .widget-area p,
    .desktop-footer .widget-area a:not(.btn),
    .desktop-footer #footer-notes p,
    .desktop-footer #footer-notes a {
        opacity: 0.8;
        transition: opacity 0.1s ease-in-out;
    }
    .desktop-footer .widget-area a:not(.btn):hover,
    .desktop-footer #footer-notes a:hover {
        opacity: 1;
    }

    /* Footer Notes
    ---------------------------------------*/
        footer #footer-notes p {
            display: inline-block;
        } 
		footer #footer-notes p,
        footer #footer-notes a {
			line-height: 1;
		}
        footer #footer-notes .footer-notes-content {
            justify-content: space-between;
        }


/* Small footer
-----------------------------------------------------------*/
    footer.small-footer {
        background: var(--color-green);
    } 
    footer.small-footer .footer-content {
        display: flex;
        align-items: center;
    }
    footer.small-footer .footer-utils,
    footer.small-footer div#footer-widgets {
        padding-bottom: 0;
    }
    footer.small-footer div#footer-notes {
        width: 100%;
        padding-top: 10px;
        margin-left: auto;
    }
    footer.small-footer  #footer-notes .footer-notes-content {
        justify-content: flex-end;
        gap: 0 60px;
    }

 /* Social Icons
-----------------------------------------*/
    footer .single-social a img {
        transition: all 0.25s ease-in-out;
    }
    footer .single-social a:hover img {
        filter: drop-shadow(0px 2px 2px #05512f);
        transform: rotate(360deg);
    }
    .social-links .menu {
        gap: 1.927vw; /*37*/
    }
    .fab,
    .single-social a {
        display: block;
    }
    .single-social {
        margin-bottom: 1.042vw; /*20*/
    }
    .single-social img {
        width: 1.354vw; /*26*/
        height: 1.198vw; /*23*/
        min-width: 21px;
        min-height: 19px;        
    }

/* Hover
------------------------------------------------------------------------------------------------------------------------------------*/
    body #content a:not([data-customclass='btn'],
    .wp-block-button__link, .btn):hover{
        /*color: var(--color-yellow) !important;*/
    }

    .menu-icon a:hover {
        color: var(--color-white);
    }
    footer a.btn:hover:before {
        display: none !important;
    }
    footer .single-social a {
        transition: all 0.1s ease;
    }
    footer .single-social a:hover {
        text-decoration: none;
    }



@-moz-document url-prefix() {
    .pagination-text {
      margin-top: -0.156vw; /*3*/
    }
}



/* Chat button
--------------------------------------------------------------------------------------------------------------*/
    body .embeddedServiceHelpButton .uiButton .helpButtonLabel {
        display: none;
    }
    body .embeddedServiceHelpButton .helpButton .uiButton {
        height: auto;
        min-width: unset;
        max-width: unset;
        border-radius: 50%;
        width: 3.125vw; /*60*/
        height: 3.125vw; /*60*/
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 3px 1px rgb(0 0 0 / 30%);
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }
    body .embeddedServiceHelpButton .embeddedServiceIcon {
        margin-right: 0;
        display: block !important;
    }

    body .embeddedServiceHelpButton .embeddedServiceIcon::before {
        font-size: 1.458vw; /*28*/
    }
    body .embeddedServiceHelpButton .helpButton, 
    body .embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton {
        bottom: 1.563vw; /*30*/
        right: 1.042vw; /*20*/
        height: auto;
        width: auto !important;
        min-width: unset;
    }

    body .embeddedServiceHelpButton .helpButton .uiButton:hover::before, 
    body .embeddedServiceHelpButton .helpButton .uiButton:focus::before {
        background-color: unset;
    }
    body .embeddedServiceHelpButton .helpButton .uiButton {
        background-color: var(--color-green);
    }
    body .embeddedServiceHelpButton .helpButton .uiButton:hover {
        background: var(--color-green--);
    }