/*
Theme Name: TenZer Template
Theme URI: http://www.tenzer.nl
Author: Dennis of TenZer
Author URI: http://www.tenzer.nl
Description: TenZer Template is a custom WordPress theme designed for modern websites.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tenzer-template
Tags: responsive, modern

-------------------------------------------------------------- */

/* 18-feb new css  */


 .container {
    max-width: 1440px;
 }

body header .container .logo {
    padding: 10px 0;
}

body header .container .logo img {
    width: 270px;
}

body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu li.current_page_item>a,
body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu li.current-menu-item>a,
body header .container.nav-container .tz-nav nav .menu-inner .menu li .sub-menu li.current_page_item>a,
body header .container.nav-container .tz-nav nav .menu-inner .menu li .sub-menu li.current-menu-item>a {
    background-color: white;
    border-radius: 25px;
}

body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu li:hover a,
body header .container.nav-container .tz-nav nav .menu-inner .menu li .sub-menu li:hover a {
    background-color: #4f7c3b;
}

body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu,
body header .container.nav-container .tz-nav nav .menu-inner .menu {
    gap: 8px;
}

body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu .menu-item>a {
    border: 1px solid transparent;
}

body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu .menu-item>a:hover {
    background-color: white;
    color: #4f7c3b;
    flex-grow: 1;
    border: 1px solid rgb(156.1147540984, 198.9016393443, 137.0983606557);
    border-radius: 25px;
}

body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu,
body header .container.nav-container .tz-nav nav .menu-inner .menu li .sub-menu {
    top: 40px;
}

/* .harbor-main-widget .h-select-box .h-select-button, .harbor-main-widget .h-select-box .h-select-button .h-value {
    font-size: 24px;
    line-height: 30px;
} */

body .harbor-main-widget .harbor-widget .h-search-columns .h-columns .h-column .h-select-box::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    right: 20px;
    top: 14px;
    color: #686968;
}

body .harbor-main-widget .harbor-widget .h-search-columns .h-columns .h-column .h-select-box.open::before {
    transform: rotate(180deg);
    z-index: 10000;
}

body .harbor-main-widget .harbor-widget .h-search-columns .h-columns .h-column:last-child .h-select-box::after {
    content: none;
}

/* .header-img .img-inner .harbor-main-widget .harbor-widget .h-search-columns .h-columns .h-column:last-child .h-select-box::before,body .harbor-main-widget .harbor-widget .h-search-columns .h-columns .h-column:last-child .h-select-box::before {
    content: "\f002"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    position: absolute;
    left: 16%;
    top: 16px;
    font-size: 20px;
    color: #ffffff;
    pointer-events: none;
} */

.harbor-main-widget .h-columns .h-column.h-column-auto {
    flex: 0 0 20%;
}

body .harbor-main-widget .harbor-widget-search .h-button-search::after {
    content: "\f002"; 
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    position: absolute;
    left: 10%;
    top: 14px;
    font-size: 20px;
    color: #ffffff;
    pointer-events: none;
}

body .harbor-main-widget .harbor-widget-search .h-button-search {
    font-size: 24px;
    line-height: 30px;
    font-family: "Montserrat", sans-serif;
}

body .harbor-main-widget .harbor-widget-telesto.h-widget-card .h-accommodations-container .h-accommodations-result .h-accommodations-view .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-title,
body .harbor-main-widget .harbor-widget-telesto.h-widget-card .h-accommodations-container .h-accommodations-result .h-accommodations-not-available .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-title,
body .harbor-main-widget .harbor-widget-telesto.h-widget-normal .h-accommodations-container .h-accommodations-result .h-accommodations-view .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-title,
body .harbor-main-widget .harbor-widget-telesto.h-widget-normal .h-accommodations-container .h-accommodations-result .h-accommodations-not-available .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-title,
body .harbor-main-widget .harbor-widget-overview.h-widget-card .h-accommodations-container .h-accommodations-result .h-accommodations-view .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-title,
body .harbor-main-widget .harbor-widget-overview.h-widget-card .h-accommodations-container .h-accommodations-result .h-accommodations-not-available .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-title,
body .harbor-main-widget .harbor-widget-overview.h-widget-normal .h-accommodations-container .h-accommodations-result .h-accommodations-view .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-title,
body .harbor-main-widget .harbor-widget-overview.h-widget-normal .h-accommodations-container .h-accommodations-result .h-accommodations-not-available .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-title {
    font-size: 30px;
    color: #1f3e3e;
    font-weight: 600;
}

.harbor-main-widget .harbor-widget-telesto.h-widget-card .h-accommodations-container .h-accommodations-result .h-accommodations-view .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-feature-and-price .h-accommodation-card-features ul li i,
.harbor-main-widget .harbor-widget-telesto.h-widget-card .h-accommodations-container .h-accommodations-result .h-accommodations-not-available .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-feature-and-price .h-accommodation-card-features ul li i,
.harbor-main-widget .harbor-widget-telesto.h-widget-normal .h-accommodations-container .h-accommodations-result .h-accommodations-view .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-feature-and-price .h-accommodation-card-features ul li i,
.harbor-main-widget .harbor-widget-telesto.h-widget-normal .h-accommodations-container .h-accommodations-result .h-accommodations-not-available .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-feature-and-price .h-accommodation-card-features ul li i,
.harbor-main-widget .harbor-widget-overview.h-widget-card .h-accommodations-container .h-accommodations-result .h-accommodations-view .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-feature-and-price .h-accommodation-card-features ul li i,
.harbor-main-widget .harbor-widget-overview.h-widget-card .h-accommodations-container .h-accommodations-result .h-accommodations-not-available .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-feature-and-price .h-accommodation-card-features ul li i,
.harbor-main-widget .harbor-widget-overview.h-widget-normal .h-accommodations-container .h-accommodations-result .h-accommodations-view .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-feature-and-price .h-accommodation-card-features ul li i,
.harbor-main-widget .harbor-widget-overview.h-widget-normal .h-accommodations-container .h-accommodations-result .h-accommodations-not-available .h-columns .h-column .h-accommodation .h-accommodation-card .h-accommodation-card-container .h-accommodation-details-side-container .h-accommodation-feature-and-price .h-accommodation-card-features ul li i {
    color: #3b5e02 !important;
}

ul li {
    font-weight: 300;
}

body .main-content .wp-block-columns .wp-block-column .detailzbtitan h3 {
    font-weight: 600;
}

body .main-content .wp-block-columns .wp-block-column p strong {
    font-weight: 600;
}


/* responsive  */

@media screen and (max-width: 1200px) {
    body header .container .logo img {
        width: 95px;
    }

    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu .menu-item>a:hover,
    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li.current_page_item>a,
    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li.current-menu-item>a,
    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li.current-menu-ancestor>a,
    body header .container.nav-container .tz-nav nav .menu-inner .menu li.current_page_item>a,
    body header .container.nav-container .tz-nav nav .menu-inner .menu li.current-menu-item>a,
    body header .container.nav-container .tz-nav nav .menu-inner .menu li.current-menu-ancestor>a {
        background-color: #ea9d58;
        color: white !important;
        border: none;
        border-radius: 0;
    }


    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu li.current_page_item>a,
    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu li.current-menu-item>a,
    body header .container.nav-container .tz-nav nav .menu-inner .menu li .sub-menu li.current_page_item>a,
    body header .container.nav-container .tz-nav nav .menu-inner .menu li .sub-menu li.current-menu-item>a {
        border-radius: 25px 25px 0 0;
        background-color: #4f7c3b;
    }

    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu li:last-child:hover a,
    body header .container.nav-container .tz-nav nav .menu-inner .menu li .sub-menu li:last-child:hover a,
    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu li.current_page_item:last-child>a,
    body header .container.nav-container .tz-nav nav .menu-hoofdmenu-container .menu li .sub-menu li.current-menu-item:last-child>a {
        border-radius: 0 0 25px 25px;
        background-color: #4f7c3b;
    }

}

.overzicht-archive.klein .tz-blocks .itemslide:hover .overview-text h3,
.overzicht-archive.klein .tz-blocks .tz-arrangementen-item:hover .overview-text h3,
.klein .tz-blocks .itemslide:hover .overview-text h3,
.klein .tz-blocks .tz-arrangementen-item:hover .overview-text h3 {
    background: linear-gradient(0deg, black, transparent);
}

.klein .tz-blocks .tz-arrangementen-item .overview-text h3 {
    font-style: italic;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    bottom: 0;
    letter-spacing: 0.5px;
    font-size: 26px;
    padding: 20px;
    background: linear-gradient(0deg, black, transparent);
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
}

.overzicht-archive.klein .tz-blocks .itemslide .overview-text h3::after,
.overzicht-archive.klein .tz-blocks .tz-arrangementen-item .overview-text h3::after,
.klein .tz-blocks .itemslide .overview-text h3::after,
.klein .tz-blocks .tz-arrangementen-item .overview-text h3::after {
    content: none;
}

.wp-block-column .gallery .gallery-item {
    flex: 1 0 50%;
    max-width: 50%;
}

/* section.gallery-section.masonblue .masonblue-container .third-block .gallery-item .gallery-icon a img {
    height: 234px;
} */

section.gallery-section.masonblue .masonblue-container .third-block .gallery-item {
        height: fit-content;
}

section.gallery-section.masonblue {
    background-color: #f0f4ee;
    margin-top: 0;
}

section.gallery-section.masonblue::before, section.gallery-section.masonblue::after {
    content: none;
}

@media (max-width: 991px) {
    main {
        padding-bottom: 0px !important;
    }

    body .harbor-main-widget .harbor-widget-search .h-button-search::after {
        left: auto;
        right: 20px;
}

body .harbor-main-widget .harbor-widget-search .h-button-search {
    width: 100%;
    text-align: left;
}
}

@media screen and (min-width: 992px) {
    body.home .harbor-main-widget .h-columns .h-select-button {
        justify-content: flex-start;
    }
}