:root {
    --accent-color: #424188;
    --button-bg-color: #7D775A;
    --button-hover-bg-color: #66614A;
}

html:has(.logged-in) {
    margin-top: 0 !important;
}

a:focus,
a:focus-within,
a:focus-visible,
button:focus, 
button:focus-within, 
button:focus-visible, 
input:focus, 
input:focus-within, 
input:focus-visible, 
textarea:focus, 
textarea:focus-within, 
textarea:focus-visible, 
.ep-search-reset-button:focus {
    outline: 0px solid #666666 !important;
}

a, 
input[type=date], 
input[type=email], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
select, 
textarea,
[type=button], [type=submit], button{
    transition: none !important;
}

.pswp {
    display: none;
}

body.home header.elementor-location-header:not(.elementor-editor-active .header.elementor-location-header) {
    position: absolute;
    width: 100%;
    max-width: 1920px;
}

html {
    max-width: 1920px;
    margin: 0 auto;
}

body{
    overflow-x: hidden;
}

header .megamenu-active{
    background: #fff;
}

.megamenu-active #site_header_logo svg path {
  fill: #20211D !important;
}

/* keep the mask working — luminance must stay white */
.megamenu-active #site_header_logo svg mask path {
  fill: #fff !important;
}

.megamenu-active .location-icon svg path,
.megamenu-active .phone-icon svg path{
    fill: #20211D !important;
}

.megamenu-active .search-icon svg g path, .megamenu-active .calender-icon svg g path{
    stroke: #20211D !important;
}

.megamenu-active .ekit_navSidebar-button {
    color: #20211D !important;
}

.megamenu-active .header-main-menu .elementskit-navbar-nav > li > a{
    color: #72726C !important;
}

/* CSS for header excludinbg homepage */
header:not(body.home header){
    background: #fff;
}

#site_header_logo svg path:not(body.home #site_header_logo svg path) {
  fill: #20211D !important;
}

/* keep the mask working — luminance must stay white */
#site_header_logo svg mask path:not(body.home #site_header_logo svg mask path) {
  fill: #fff !important;
}

.location-icon svg path:not(body.home .location-icon svg path),
.phone-icon svg path:not(body.home .phone-icon svg path){
    fill: #20211D !important;
}

.search-icon svg g path:not(body.home .search-icon svg g path), .calender-icon svg g path:not(body.home .calender-icon svg g path){
    stroke: #20211D !important;
}

.ekit_navSidebar-button:not(body.home .ekit_navSidebar-button) {
    color: #20211D !important;
}

.header-main-menu .elementskit-navbar-nav > li > a:not(body.home .header-main-menu .elementskit-navbar-nav > li > a){
    color: #72726C;
}

/* CSS for instant search lens, temple and bridge size filter */
ul[aria-label*="Width"], 
ul[aria-label*="Size"] {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 10px;
}
ul[aria-label*="Size"] .ep-search-checkbox, ul[aria-label*="Width"] .ep-search-checkbox {
    display: block !important;
    padding: 0px 0 !important;
}
ul[aria-label*="Size"] label, ul[aria-label*="Width"] label {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 5px 12px !important;
    text-align: center !important;
    margin: 5px 0;
    width: 100%;
}
ul[aria-label*="Size"] label::before, ul[aria-label*="Width"] label::before {
    display: none;
}

ul[aria-label*="Size"] input:checked + label, ul[aria-label*="Width"] input:checked + label {
    background: #f7f7f7;
    border: 1px solid #1f1f1f;
}

/*End*/

.header_vertical_menu .elementskit-navbar-nav li a .elementskit-submenu-indicator {
    display: none;
}

.header_vertical_menu .elementskit-dropdown li:last-child a {
    padding-bottom: 0 !important;
}

.header_vertical_menu .elementskit-navbar-nav-default .elementskit-navbar-nav>li:not(.header_vertical_menu  .elementskit-navbar-nav-default .elementskit-navbar-nav>li:last-child) {
    padding-right: 7px;
}

.cross-icon {
    cursor: pointer;
}

.offcanvas-mobile-menu .ekit-wid-con .ekit-vertical-navbar-nav .elementskit-submenu-indicator {
    border: 0px !important;
    border-radius: 0px !important;
}

.active-btn-text {
    visibility: hidden;
}

.active-btn-text .elementor-button-icon svg {
    width: 24px;
    height: 24px;
}

.active-btn-text .elementor-button-content-wrapper {
    align-items: center;
}

.mobile-mm ul {
    box-shadow: none;
}

.mm-inside-canvas ul li .elementskit-submenu-indicator {
    border: none !important;
    transform: rotate(270deg);
}

.mm-inside-canvas ul {
    box-shadow: none;
}

.mm-inside-canvas .elementskit-dropdown {
    padding: 0 !important;
}

.header_off_canvas .ekit-wid-con .ekit-sidebar-group .ekit_widget-heading {
    padding: 20px;
    position: absolute;
    right: 0;
}

.header_off_canvas .ekit-wid-con .ekit_close-side-widget {
    border: 0px solid #ccc !important;
    background-color: transparent !important;
    top: 12px !important;
    right: 16px !important;
    padding: 0 !important;
    z-index: 999;
}

.header-main-menu .elementskit-navbar-nav > li.current-menu-item > a {
    color: var(--e-global-color-d55ab81) !important;
    font-weight: 500 !important;
}

.header_off_canvas .ekit-overlay {
    display: none;
}

.off-canvas .before .open i.icon::before {
    content: "\e870";
}

.close-mm .elementor-icon-wrapper {
    height: 30px;
}

.ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit_sidebar-widget-container {
    -webkit-transition: all 0s !important;
    transition: all 0s !important;
}

.ekit-vertical-navbar-nav>li.menu_open {
    border-bottom: 0px solid #ededed !important;
}

.mega_menu_tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .mega_menu_tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover, .home_tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true], .home_tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=false]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover {
    background: #fff !important;
    font-weight: 500 !important;
}


img.frame-style-img {
    max-width: 50px !important;
    margin-right: 15px;
}

.inner_page_main_banner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.text_with_list ul li:not(.text_with_list ul li:last-child) {
    margin-bottom: 8px;
}

.filter-values .e-filter-item,
.filter-values .e-filter-item:hover:not(.frame-size-attr .filter-values .e-filter-item:hover),
.filter-values .e-filter-item:focus:not(.frame-size-attr .filter-values .e-filter-item:focus) {
    color: #1f1f1f !important;
    font-weight: 400;
}

.frame-size-attr .filter-values .e-filter-item:hover,
.frame-size-attr .filter-values .e-filter-item:focus,
.frame-size-attr .e-filter .e-filter-item[aria-pressed=true] {
    color: #fff !important;
    background: #7d775a !important;
}

/* Instant Searcg Panel CSS */

.ep-search-panel__heading,
.ep-search-result__title {
    font-family: 'Poppins', sans-serif !important;
}

.ep-search-modal .ep-search-toolbar .ep-search-icon-button {
    color: #212121;
}

#ep-instant-results .ep-search-small-button.undefined {
    color: #1f1f1f;
    font-weight: 400;
}

.underline_link a{
    text-decoration: underline !important;
}

.ep-search-modal .ep-search-checkbox__input:checked + label::before {
    background: url(/wp-content/uploads/2026/07/checked.png) no-repeat center center / 22px !important;
}

.ep-search-modal .ep-search-checkbox label {
    color: #1f1f1f !important;
    font-size: 16px;
}

.ep-search-modal .ep-search-result .ep-search-result__thumbnail {
    padding: 10px;
}

.woocommerce-breadcrumb > a:hover {
    color: #72726c !important;
}


.generic_times .item {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
}

/* End */


.inner_page_breadcrumbs .elementor-icon-list-item:hover a .elementor-icon-list-text {
    color: #72726c;
}

.ep-search-modal .ep-search-result {
    align-items: center;
}

.view-results button.close-filters {
    background-color: var( --button-bg-color ) !important;
    border-radius: 0px !important;
}

.view-results button.close-filters:hover {
    background-color: var( --button-hover-bg-color ) !important;
}

a.toggle-text {
    margin: 0;
    font-weight: 500;
    color: #d1bb84;
}

.term-description {
    margin: 8px 0px;
}

body.has-ep-search-modal {
    overflow: hidden !important;
}

@media(min-width: 1600px) {
    .heading_with_divider::before {
        content: "";
        position: absolute;
        left: calc(-100% - 20px);
        width: 100%;
        height: 1px;
        background: #fff;
        top: 50%;
    }
}


@media screen and (max-width: 1200px) {
    .ekit-vertical-navbar-nav .elementskit-mobile-builder-content .elementskit-megamenu-panel.elementskit-dropdown-open {
        display: block;
        position: relative;
        left: 0;
        opacity: 1;
        visibility: visible;
    }
}

@media screen and (min-width: 1025px){
    .generic_times .item .day {
        min-width: 160px;
    }
    .elementskit-megamenu-panel {
        left: 50% !important;
    }
    .elementskit-megamenu-panel {
        transform: translateX(-50%) !important;
        max-width: 1920px !important;
    }
}

@media screen and (min-width: 1025px) {
    .elementskit-navbar-nav-default.ekit-nav-dropdown-hover .elementskit-megamenu-has:hover>.elementskit-megamenu-panel,
    .elementskit-navbar-nav-default.ekit-nav-dropdown-hover .elementskit-dropdown-has:hover>.elementskit-submenu-panel {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto;
    }
}

@media(min-width: 769px) and (max-width: 1024px) {
    .generic_times .item {
        gap: 24px;
        justify-content: flex-start;
    }

    .generic_times .item .day {
        min-width: 140px;
    }

    .generic_times .item .time {
        min-width: 145px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .header_vertical_menu #ekit-megamenu-main-menu {
        height: 50px;
    }
}

@media(min-width: 769px){
    .view-all.btn {
        height: 44px;
        border-radius: 0 !important;
    }

    .view-all.btn:hover{
        background-color: #66614a !important;
        border: 0px solid #1f1f1f !important;
        color: #fff !important;
    }
    .ep-search-modal .ep-search-modal__content {
        overflow-y: hidden !important;
    }
}

@media(max-width: 768px) {
    .generic_times .item {
        gap: 32px;
        justify-content: flex-start;
    }

    .generic_times .item .day {
        min-width: 124px;
    }

    .generic_times .item .time {
        min-width: 122px;
    }
    .ep-search-modal .ep-search-toolbar .ep-search-sidebar-toggle::after {
        background-size: 20px !important;
    }
    .offcanvas-mobile-menu .current-menu-item > a, 
    .offcanvas-mobile-menu .current_page_ancestor > a, 
    .offcanvas-mobile-menu .current-menu-ancestor.current-menu-parent > a, 
    .offcanvas-mobile-menu .current-menu-item a .offcanvas-mobile-menu .current-menu-ancestor.current-menu-parent a {
        color: #c3b1a2 !important;
    }
}

@media(max-width: 1024px){
    .shadow_mobile_none{
        box-shadow: none !important;
        padding-bottom: 40px;
    }
    /* .ekit-vertical-navbar-nav .elementskit-megamenu-panel {
        display: block !important;
    } */
} 

@media (min-width: 521px) and (max-width: 768px) {
    .bg_on_tab {
        background-color: #EFEFF6;
    }
    .bg_on_tab2 {
        background-color: #F4F2EA;
    }
    .float_left {
        float: left;
    }
    .float_right {
        float: right;
    }
    .width_on_tab{
        width: calc(50% - 28px);
    }
    .width_on_tab:nth-child(2n) {
        clear: left;
    }
}