@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Marcellus&display=swap');
header.sticky#masthead {
    position: fixed;
    width: 100%;
    z-index: 999;
    transition: all 1s;
}
.sticky-bar, .sticky-logo, .phone-link.sticky, .book-black-btn {
    display: none;
}
.sticky .sticky-bar {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #212121;
    padding: 10px clamp(50px, 4.3vw, 85px);
}
.sticky-bar p.address {
    font-size: 14px;
}
.sticky-bar .social {
    display: flex;
    gap: 10px;
    align-items: center;
}
.sticky-bar .social img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    transition: all 0.5s;
}
.sticky-bar .social img:hover {
    transform: scale(0.95);
    transition: all 0.5s;
}
header.sticky .nav-wrapper {
    background: #B0B9D3;
    padding: 15px clamp(50px, 4.3vw, 85px);
    height: auto;
}
header.sticky .phone-link.sticky {
    display: flex;
    color: #212121;
    width: 220px;
}
header.sticky .phone-link.sticky:before {
    background-image: url(/wp-content/uploads/2025/06/phoneblack.svg);
}
header.sticky .book-black-btn {
    display: flex;
    width: 164px;
    height: 46px;
    justify-content: center;
    align-items: center;
    background: #212121;
    color: #fff;
    font-weight: 400;
    font-family: 'Figtree';
}
header.sticky #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    padding: 0px clamp(30px, 3vw, 60px);
}
header.sticky #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #B0B9D3;
    top: 75px;
    left: -11vw;
    width: 102vw;
    padding: clamp(10px, 1vw, 20px) clamp(40px, 4.2vw, 85px);
    overflow: hidden;
    border-top: solid 1px #212121;
}

.menu-main-menu-container {
    width: 100%;
    padding: 0px clamp(40px, 4.2vw, 85px);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent;
    color: #212121;
    font-weight: 600;
    text-decoration: none;
    border-color: #212121;
    border-bottom: solid 2px;
}
.mega-sub-menu .custom-html-widget h3 {
    color: #212121;
    text-transform: uppercase;
    font-family: "Figtree", sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 3px;
    border-bottom: solid 1px transparent;
}
header.sticky .sticky-logo {
    display: block;
}
.adr-links.mob {
    display: none;
}
.nav-wrapper {
    background: #E7E9F1;
    height: 60px;
    display: flex;
    align-items: center;
}
ul#primary-menu {
    justify-content: space-between;
}
#primary-menu li a {
    color: #212121;
    text-transform: uppercase;
    font-family: "Figtree", sans-serif;
    font-weight: 600;
}
#primary-menu > li {
    transition: all 0.5s;
    height: 60px;
    display: flex;
    align-items: center;
    position: relative;
}
#primary-menu li:hover:after {
    content: '';
    width: 100%;
    position: absolute;
    top: calc(50% + 14px);
    border-bottom: solid 2px #212121;
    transition: all 0.5s;
}
.menu-item-has-children:hover ul.sub-menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
    top: 60px !important;
    background: #E7E9F1;
    padding: clamp(20px, 2vw, 40px);
    width: 16vw;
    left: clamp(-40px, -2vw, -20px) !important;
    border-top: solid 1px #212121;
}
#site-navigation {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
}
.menu-main-menu-container {
    width: 100%;
}
#mega-menu-wrap-menu-1 {
    width: 100%;
    background: transparent;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    display: flex;
    justify-content: space-between;
    padding: 0px clamp(40px, 4.2vw, 85px);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    color: #212121;
    text-transform: uppercase;
    font-family: "Figtree", sans-serif;
    font-weight: 600;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    transition: all 0.5s;
    height: 60px;
    display: flex;
    align-items: center;
    position: relative;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:hover:after {
    content: '' !important;
    width: 100%;
    position: absolute;
    top: calc(50% + 14px);
    border-bottom: solid 2px #212121;
    transition: all 0.5s;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent;
    color: #212121;
    font-weight: 600;
    text-decoration: none;
    border: none;
    border-bottom: solid 2px transparent;
}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {
        background: transparent;
        color: #212121;
        font-weight: 600;
        text-decoration: none;
        border: none;
        border-bottom: solid 2px #212121;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background: transparent;
        color: #212121;
        font-weight: 600;
        text-decoration: none;
        border: none;
        border-bottom: solid 2px #212121;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #E7E9F1;
    top: 60px;
    left: 0;
    width: 100%;
    padding: clamp(10px, 1vw, 20px) clamp(40px, 4.2vw, 85px);
    overflow: hidden;
    border-top: solid 1px #212121;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    color: #212121;
    text-transform: uppercase;
    font-family: "Figtree", sans-serif;
    font-weight: 700;
    font-size: clamp(16px, 1vw, 20px);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget a{
    color: #212121;
    text-transform: uppercase;
    font-family: "Figtree", sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 3px;
    border-bottom: solid 1px transparent;
    width: fit-content;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.second-col > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget {
    margin-top: clamp(30px, 3vw, 58px);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget a:hover{
    border-bottom: solid 1px #212121;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget{
display:flex;
flex-direction: column;
gap:10px;
margin-top: clamp(10px, 1vw, 20px);
}
.mega-menu .mega-menu-item > ul.mega-sub-menu {
    position: absolute !important;
    top: 60px !important;
    padding-top: 20px !important;
    background:#e7e9f1 !important;

}
.mega-menu .mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu {
    position: absolute !important;
    top: 0px !important;
    background:#e7e9f1 !important;
    padding-top: 0px !important;
    width: max-content !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #e7e9f1;
    font-family: 'Figtree';
    color: #212121;
    font-size: 16px;
    padding: 10px 15px;
    line-height: 140%;
    border-bottom: solid 1px transparent;
}
ul.mega-sub-menu::before {
    content: '' !important;
    width: 300vw;
    height: 80vh;
    background: #e7e9f1;
    position: absolute;
    top: 0px;
    left: -50vw;
    display: flex !important;
    border-top: solid 1px #212121;
}
ul.mega-sub-menu ul.mega-sub-menu::before {
    content: none !important;
}
a.mega-menu-link[aria-expanded="true"] {
    font-weight: 700 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: transparent;
    color: #212121;
    font-weight: 500;
}
body{
    overflow-x:hidden;
}
.sticky .mega-menu .mega-menu-item > ul.mega-sub-menu {
    position: absolute !important;
    top: 60px !important;
    padding-top: 20px !important;
    background:#B0B9D3 !important;

}
.sticky  .mega-menu .mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu {
    position: absolute !important;
    top: 0px !important;
    background:#B0B9D3 !important;
    padding-top: 0px !important;
    width: max-content !important;
}
.sticky  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #B0B9D3;
    font-family: 'Figtree';
    color: #212121;
    font-size: 16px;
    padding: 10px 15px;
    line-height: 140%;
    border-bottom: solid 1px transparent;
}
.sticky  ul.mega-sub-menu::before {
    content: '' !important;
    width: 300vw;
    height: 80vh;
    background: #B0B9D3;
    position: absolute;
    top: 0px;
    left: -50vw;
    display: flex !important;
    border-top: solid 1px #212121;
}
@media screen and (max-width:475px) {
    header.sticky#masthead {
    background: #212121 !important;
    top: 0px;
    align-items: center;
}
header.sticky img.logo, header img.logo {
    position: relative;
    z-index: 999;
}
    header.sticky .sticky-bar, header.sticky .sticky-logo, header.sticky .phone-link.sticky, header.sticky .book-black-btn {
        display: none;
    }
    #primary-menu > li{
        flex-direction: column;
    }
    .menu-item-has-children:hover ul.sub-menu {
        position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    top: 60px !important;
    background: #E7E9F1;
    padding: clamp(20px, 2vw, 40px);
    width: 16vw;
    left: clamp(-40px, -2vw, -20px) !important;
    border-top: solid 1px #212121;
    }
    header#masthead {
    display: flex;
    background: #212121;
    align-items: stretch;
    padding: 10px 20px;
    height: 80px;
}
.address, .phone-link {
    font-size: 14px;
}
.adr-links.mob {
    display: flex;
    width: 80%;
    flex-direction: column;
    gap: 10px;
    z-index:100;
}
.nav-wrapper, header.sticky .nav-wrapper {
    background: transparent;
    width: 20%;
    padding: 0;
}
button.menu-toggle {
    background: transparent;
    border: none;
    padding: 0;
    position: relative;
    width: 32px;
    height: 32px;
}
.menu-toggle svg {
    width: 32px;
}
.main-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#primary-menu li a {
    color: #fff;
}
.main-navigation.toggled .menu-main-menu-container {
        position: absolute;
        top: 80px;
        width: 100%;
        padding: 20px;
        background: #212121;
        border-top: solid 1px #fff;
        left: 0px;
        display: flex;
    }
.main-navigation.toggled ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
button.menu-toggle:after {
    content: ' ';
    background-image: url(/wp-content/uploads/2025/05/burger.svg);
    width: 32px;
    height: 32px;
    position: absolute;
    display: flex;
    left: 0px;
    top: 0;
    background-size: cover;
}
.main-navigation.toggled button.menu-toggle:after {
    background-image: url(/wp-content/uploads/2025/05/close.svg);
}
#mega-menu-wrap-menu-1 {
    width: 100%;
    background: transparent;
    position: static;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
    position: absolute;
    left: 0px;
    width: 100%;
    padding: 180px 10px 40px;
    z-index: 3;
    top: -100px;
}
.mega-toggle-blocks-right {
    z-index: 5;
    position: absolute;
    top: 10px;
    right: 10px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    display: list-item;
    height: auto;
    padding: 10px 0;
}
header.sticky #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: transparent;
    padding: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    color: #fff;
    font-size: 16px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .custom-html-widget a{
    color: #fff;
    font-size: 14px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px 30px;
    width: 100%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent;
    color: #fff;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle {
    background: transparent;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border-color: #212121;
    border-bottom: solid 0px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: transparent;
    color: #fff !important;
    font-size: 18px;
    padding: 10px;
}
ul.mega-sub-menu::before{
    content:none !important;
}
.mega-menu .mega-menu-item > ul.mega-sub-menu, .mega-menu .mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu {
    width: 100% !important;
    position: relative !important;
    padding: 10px 0px 10px 10px !important;
    top: 0 !important;
    background: transparent !important;
}
}