/*!
 * Whidby Jewelers
 * Copyright 2008-2023 Punchmark
 */

/*  ===================================
    HELPERS
===================================  */

.alert-global {
    background: #6C6356 !important;
}

body {
    background-color: #E6E6DD;
}

#icon-amex {
    display: none !important;
}

.widget:hover .hover-layer.widget-inner,
.widget:focus .hover-layer.widget-inner,
.widget:active .hover-layer.widget-inner {
    opacity: 1 !important;
    background: rgba(var(--bs-primary-rgb), 0.875) !important;
}

.widget .hover-layer.widget-inner [data-widget-element="widgetHeader"],
.widget .hover-layer.widget-inner [data-widget-element="widgetParagraph"] {
    color: white !important;
}

.widget:hover .hover-layer.widget-inner [data-widget-element="widgetHeader"],
.widget:focus .hover-layer.widget-inner [data-widget-element="widgetHeader"],
.widget:active .hover-layer.widget-inner [data-widget-element="widgetHeader"],
.widget:hover .hover-layer.widget-inner [data-widget-element="widgetParagraph"],
.widget:focus .hover-layer.widget-inner [data-widget-element="widgetParagraph"],
.widget:active .hover-layer.widget-inner [data-widget-element="widgetParagraph"] {
    color: white !important;
}

.icon-star-o:before,
.colored-stars i:not(.nav-link).disabled,
.colored-stars .icon-star,
.colored-stars .icon-star-o:before {
    font-family: "bootstrap-set2" !important;
    content: "\e928" !important;
    color: var(--primary) !important;
    opacity: 1 !important;
}

.colored-stars i + i {
    margin-left: 0.3125rem !important;
}

.column-slider .owl-nav > div i, 
.column-slider .owl-nav > button i, 
.product-slider .owl-nav > div i, 
.product-slider .owl-nav > button i, 
.social-slider .owl-nav > div i, 
.social-slider .owl-nav > button i {
    color: var(--primary) !important;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: inherit;
}

section.max-width-container {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important; 
}

@media(min-width:1200px){
    section.max-width-container {
        max-width: 1120px !important;
    }
}

@media(min-width:1400px){
    section.max-width-container {
        max-width: 1300px !important;
    }
}

/*  ===================================
    GRAY HELPERS
===================================  */

.grid-sidebar {
    background: var(--bs-final-site-color) !important;
}
.grid-sidebar .grid-sidebar-elem-list > li, 
.grid-sidebar .grid-sidebar-elem-list > li > a,
.grid-sidebar .grid-sidebar-elem-list .custom-control-description {
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
}
.grid-sidebar .grid-sidebar-elem-heading.filter-heading h5 > span {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
}
.grid-sidebar-colwrap .fade-bottom {
    background: linear-gradient(to bottom,rgba(230,230,221,0) 0,rgb(230,230,221,1) 100%) !important;
}
#services-cards .list-item .card {
    background: none !important;
}
.grid .grid-item .border,
.owl-carousel .owl-item img.border,
img.border {
    background: #ffffff !important;
}
.well,
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
    background: #e6e6dd !important;
    border-color: #c8c2b3 !important;
}
#services-cards .list-item .card .border {
    background-color: #ffffff !important;
}
.card.border-0 {
    background: none !important;
    border: none !important;
}
.border,
.border-top,
.border-bottom,
.border-left,
.border-right,
.border-x,
.border-y,
#store-reviews .rating-avg, 
#store-reviews .rating-avg-alt, 
#store-reviews .rating-overall {
    border-color: #c8c2b3 !important;
}
.progress {
    background-color: #c8c2b3 !important;
}
#checkout-order-summary-heading {
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    position: static !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.625rem !important;
    transform: none;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03rem !important;
    text-transform: capitalize !important;
    border-bottom: 2px solid #e6e6dd !important;
}
.order-option-heading span {
    font-weight: bold;
}
.card .form-label-group > label, 
.card .form-label-group > .input-group > label, 
.card .form-label-group > .bootstrap-filestyle > label {
    background: #ffffff !important;
}
.grid .grid-item .grid-item-title {
    font-size: 16px !important;    
}
.grid .grid-item .grid-item-price {
    font-size: 15px !important;
}
#projectWrap .btn-brick {
    background: white;
}
#wizardModal .modal-content,
#projectWrap section .copy .range-element .input-row .form-control {
    background: #e6e6dd !important;
}




/*  ===================================
    HEADER
===================================  */

header {
    position: sticky;
    top: 0;
    background: #e6e6dd !important;
    z-index: 2001;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 0 30px rgba(0,0,0,0.1) !important;
}

body.sitemanager-menu-open header,
body.sitemanager-menu-closed header {
    top: 63px;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i,
header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: inherit;
}

header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: inherit;
}

@media(min-width:768px){
    a#logo,
    header a#logo {
        min-width: 200px !important;
        padding: 5px 10px !important;
    }
}

@media(min-width:992px){
    a#logo,
    header a#logo {
        min-width: 250px !important;
        padding: 10px !important;
    }
}

@media(min-width:1200px){
    a#logo,
    header a#logo {
        min-width: 300px !important;
        padding: 10px !important;
    }
}

@media(max-width:767px){
    a#logo,
    header a#logo {
        min-width: 200px !important;
        padding: 0px 10px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i {
        color: #6C6356 !important;
    }   
    header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i,
    header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i {
        color: var(--primary) !important;
    } 
}


/*  ===================================
    NAV
===================================  */

nav.navbar .navbar-nav .nav-item .nav-link {
    font-family: var(--bs-h1-family);
    text-transform: uppercase;
}

nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
    font-family: var(--bs-h1-family);
    text-transform: uppercase;
}

@media(min-width:768px){
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-bottom: calc(var(--bs-gutter-x, 0.625rem) * 2);
    }
}

nav.navbar .navbar-nav a[href="/specials"] {
    color: red !important;
    font-weight: 700 !important;
}
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide [href="/specials"].dropdown-item:hover, 
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide [href="/specials"].dropdown-item:focus, 
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide [href="/specials"].dropdown-item:active {
    color: red !important;
    text-decoration-color: red !important;
}


@media(max-width:767px){
    body.nav-right-back-open nav.navbar #main-navigation {
        box-shadow: -2500px 0 0 2500px rgba(178,114,74,0);
    }
    body.nav-right-back-open nav.navbar #main-navigation.open {
        box-shadow: -2500px 0 0 2500px rgba(178,114,74,0.875);
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 50px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn {
        font-size: 13px !important;
        border-bottom: 0 !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        background-color: #c8c2b3 !important;
    }
}

@media(min-width:768px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        line-height: 1;
    }
}



/*  ===================================
    FOOTER
===================================  */

footer h6, 
footer .h6 {
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.075rem !important;
    text-transform: uppercase !important;
}

footer p, 
footer .p, 
footer p a, 
footer .p a, 
footer .small a, 
footer address a,
footer .small, 
footer address,
footer address a,
footer address a strong,
footer .footerlinks a,
footer .required-links li,
footer .required-links li a,
footer p > table tr > td > strong,
footer .p > table tr > td > strong, 
footer .small > table tr > td > strong, 
footer address > table tr > td > strong,
footer p > table tr > td > span, 
footer .p > table tr > td > span, 
footer .small > table tr > td > span, 
footer address > table tr > td > span {
    font-weight: 400 !important;
    font-size: 13px !important;
}

footer address a strong,
footer p > table tr > td > strong,
footer .p > table tr > td > strong, 
footer .small > table tr > td > strong, 
footer address > table tr > td > strong,
footer .required-links li a {
    font-weight: 500 !important;
    font-size: 13px !important;
}

footer .footer-affiliate-logos {
    padding: 0 !important;
    margin: 2rem auto !important;
}

footer .footer-affiliate-logos > li > a > img {
    max-height: 55px !important;
}

footer .required-links li a {
    font-weight: 500 !important;
    font-size: 11px !important;
}

footer > .copyrights {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    background: none !important;
}

footer > .copyrights,
footer > .copyrights p,
footer > .copyrights p * {
    font-size: 9px !important;
}

@media(max-width:767px){
    .text-left .social-networks {
        justify-content: center !important;
    }
}

/*===================

 Jewelry Image white bg request - client 2025

===================*/

#jewelry .grid .grid-item .color-overlay {
    display: none !important;
}

.grid .grid-item .grid-item-image-block-a .grid-item-image-block img {
    background: #fff !important;
}

#jewelry-details #jewelrydetails-image-column img {
    background: #fff !important;
}

/*===================

 Temp owl slider fix - holiday gift guide 2025

===================*/

#holiday-gift-guide-2025 .owl-stage-outer {
    height: 100% !important;
}

/*===================

holiday gift guide 2025

===================*/

section.square-buttons-section .container {
    max-width: 700px !important;
}

section[data-pagebuilder="section"].square-buttons-section .btn.beige-block {
    padding: 3.25vw 30px !important
}

section[data-pagebuilder="section"].square-buttons-section .btn {
    padding: 7.5vw 30px !important;
}

section[data-pagebuilder="section"].square-buttons-section .btn {
    font-size: 1.95rem !important;
}

section[data-pagebuilder="section"].square-buttons-section strong {
    font-size: 2.75rem !important;
}

@media (max-width: 767px) {
    section[data-pagebuilder="section"].square-buttons-section .btn.beige-block {
        padding: 10vw 30px !important;
    }
}