/*!
 * J. Anthony Jewelers
 * Copyright 2008-2023 Punchmark
 */

/*  =========================================
    HELPERS
=========================================  */

section.tight-padding [data-pagebuilder="row"] {
    margin-left: -0.3125rem !important;
    margin-right: -0.3125rem !important;
}

section.tight-padding [data-pagebuilder="column"] {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
}

.star-rating > i.icon-star,
.star-rating > i.icon-star-half {
    color: var(--primary) !important;
}

.btn-primary {
    color: white !important;
}

.btn-outline-secondary.btn-md,
.btn-outline-secondary.btn-lg,
.btn-outline-secondary.btn-xl,
.btn-outline-secondary.btn-xlg,
.btn-outline-primary.btn-md,
.btn-outline-primary.btn-lg,
.btn-outline-primary.btn-xl,
.btn-outline-primary.btn-xlg,
.btn-outline-light.btn-md,
.btn-outline-light.btn-lg,
.btn-outline-light.btn-xl,
.btn-outline-light.btn-xlg,
.btn-outline-dark.btn-md,
.btn-outline-dark.btn-lg,
.btn-outline-dark.btn-xl,
.btn-outline-dark.btn-xlg {
    border-width: 2px !important;
}

[data-pagebuilder="widget"].inline-content .content-block > span.flex-column {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: baseline !important;
}

[data-pagebuilder="widget"].inline-content .content-block > span.flex-column .link-container,
[data-pagebuilder="widget"].inline-content .content-block > span.flex-column [data-widget-element="widgetHeader"] {
    width: auto !important;
}

.btn-link::after, 
.btn-link.btn-md::after, 
.link-container .btn-link::after, 
.link-container .btn-link.btn-md::after {
    bottom: 0.625rem !important;
}

.owl-carousel .owl-nav {
    display: none !important;
}

.owl-carousel .owl-dots {
    display: flex !important;
    width: 75% !important;
    max-width: 800px !important;
    max-height: none !important;
    visibility: visible !important;
    margin: 2.5rem auto 0 auto !important;
}

.owl-carousel .owl-dots .owl-dot {
    width: auto !important;
    height: 10px !important;
    margin: 0 !important;
    background-color: var(--dark) !important;
    border-radius: 0px !important;
    flex: 1 1 auto !important;
    opacity: 0.15 !important;
}

.owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--primary) !important;
    opacity: 1 !important;
}

.owl-carousel .owl-dots .owl-dot:first-child {
    border-radius: 10px 0 0 10px !important;
}

.owl-carousel .owl-dots .owl-dot:last-child {
    border-radius: 0 10px 10px 0 !important;
}

.owl-carousel .owl-dots .owl-dot > span {
    display: none !important;
}


section[data-pagebuilder="section"] .column-slider.owl-carousel:not(.testimonials-owl-carousel):not(#jewelry-main-images) .owl-stage-outer {
    overflow: visible !important;
}

.column-slider.owl-carousel .owl-item {
    visibility: hidden !important;
    opacity: 0 !important;
}

.column-slider.owl-carousel .owl-item:not(.cloned),
.column-slider.owl-carousel .owl-item.active {
    visibility: visible !important;
    opacity: 1 !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before,
.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
    display: none !important;
} 

.testimonials-carousel .testimonials-owl-carousel .owl-dots {
    padding-top: 0 !important;
}

.testimonials-carousel .star-rating {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

/*  =========================================
    HEADER
=========================================  */

header a#logo {
    padding: 7px 0 !important;
}

header a#logo img {
    width: auto !important;
    height: 100% !important;
}

header .toolbar-item a > .icon-search:before,
header .toolbar-item a > .icon-user:before,
header .toolbar-item a > .icon-user-circle:before,
header .toolbar-item a > .icon-heart:before,
header .toolbar-item a > .icon-shopping-bag:before {
    font-family: "google-outlined" !important;
}
header .toolbar-item a > .icon-search:before {
    content: "\e926" !important;
}
header .toolbar-item a > .icon-user:before,
header .toolbar-item a > .icon-user-circle:before {
    content: "\e92d" !important;
}
header .toolbar-item a > .icon-heart:before {
    content: "\e91b" !important;
}
header .toolbar-item a > .icon-shopping-bag:before {
    content: "\e900" !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.dropdown .dropdown-menu .dropdown-item:hover,
header .content-toolbar .content-toolbar-inner > ul > li.dropdown .dropdown-menu .dropdown-item:focus {
    color: white !important;
}

@media(min-width:768px){
    header a#logo {
        padding: 10px !important;
    }
    header .content-toolbar.inline-right {
        padding-right: calc(var(--bs-gutter-x, 0.625rem) * .25);
    }
}

/*  =========================================
    NAV
=========================================  */

nav.navbar .navbar-nav .nav-item .nav-link {
    text-transform: uppercase !important;
    letter-spacing: 0.04rem !important;
}

@media(max-width:991px){
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 40px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        background: var(--bs-input-bg-color) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn {
        font-size: 14px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn:hover,
    nav.navbar #main-navigation .mobile-bottom .btn:focus {
        color: white !important;
    }
}
@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-bottom: calc(var(--bs-gutter-x, 0.625rem) * 3);
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
        font-family: var(--bs-h1-family) !important;
        letter-spacing: 0.06rem !important;
    }
}


/*  =========================================
    FOOTER
=========================================  */

footer {
    background-color: var(--dark) !important;
}

footer h6 {
    text-transform: uppercase !important;
    color: white !important;
}

footer p,
footer .p,
footer address,
footer address a,
footer address a strong,
footer .copyrights,
footer .copyrights a,
footer .footerlinks a,
footer .required-links li a,
footer address table td span,
footer address table td strong,
footer .social-networks .network i,
footer .subscribe-widget form .input-group .form-control,
footer .subscribe-widget form .input-group .btn i {
    color: white !important;
}

footer .required-links li a {
    font-weight: 700 !important;
    font-size: 12px !important;
}

footer .subscribe-widget form .input-group .btn:hover i,
footer .subscribe-widget form .input-group .btn:focus i,
footer .subscribe-widget form .input-group .form-control::placeholder {
    color: rgba(255,255,255,0.75) !important;
}

footer .social-networks {
    justify-content: center !important;
}

footer .social-networks .network {
    width: 32px !important;
    height: 32px !important;
}

footer .social-networks .network i {
    font-size: 1.15rem !important;
}

footer .social-networks .network,
footer .subscribe-widget form .input-group {
    border-color: white !important;
}

footer .social-networks .network:hover,
footer .social-networks .network:focus {
    background-color: white !important;
}

footer .social-networks .network:hover i,
footer .social-networks .network:focus i {
    color: var(--dark) !important;
}

@media(max-width:767px){
    footer [data-bs-toggle="collapse"] h6::after, 
    footer [data-bs-toggle="collapse"] .h6::after {
        transform: rotate(180deg) !important;
    }
}

@media(min-width:768px){
    footer .social-networks {
        justify-content: flex-start !important;
    }
}

