/*!
 * Tenas Fine Diamonds & Jewelry
 * Copyright 2008-2023 Punchmark
 */


/*  ==================================
    Helpers
==================================  */

.link-container .btn-link:not(.view-btn):not(#filtersButton)::after {
    bottom: 0.3125rem !important;
}

.btn-link.btn-xs::after, 
.link-container .btn-link:not(.view-btn):not(#filtersButton).btn-xs::after {
    bottom: 0.125rem !important;
}
.btn-link.btn-sm::after, 
.link-container .btn-link:not(.view-btn):not(#filtersButton).btn-sm::after {
    bottom: 0.1875rem !important;
}

.alert-global,
.alert-global a.alert-link {
    font-size: 12px !important;
}

@media(min-width:768px){
    .alert-global,
    .alert-global a.alert-link {
        font-size: 14px !important;
    }
}

/*requested override*/
@media(min-width:992px){
    #services-cards .col-12.col-md-6.col-lg-4 {
        width: 25% !important;
    }
}

@media(min-width:1200px){
    #services-cards .max-width-800 {
        max-width: 1100px !important;
    }
}    




/*  ==================================
    Header
==================================  */

header {
    border-bottom: 4px solid var(--primary) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i + span {
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 0.1rem !important;
    font-weight: 600 !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i,
header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
    font-size: 23px !important;
    font-family: "google-outlined" !important;
    height: 23px !important;
    width: 23px !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
    /*
    -webkit-text-stroke-width: 0.5px !important;
    -webkit-text-stroke-color: inherit !important;
    */
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-heart::before {
    content: "\e91b" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-map-marker::before {
    content: "\e91f" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-user::before,
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-user-circle::before {
    content: "\e92d" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-search::before {
    content: "\e926" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-shopping-bag::before {
    content: "\e900" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-phone::before {
    content: "\e922" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-chat::before {
    content: "\e906" !important;
}

@media(max-width:767px){
    header {
        position: sticky !important;
        top: 0 !important;
        background: white !important;
        z-index: 3000 !important;
    }
    body.sitemanager-menu-open header,
    body.sitemanager-menu-closed header {
        top: 63px !important;
    }
    header a#logo {
        height: 40px !important;
        width: auto !important;
        max-width: none !important;
        background: url(https://cdn.jewelryimages.net/static/domains/tenasv6/images/store-pics/tenas-logo-mobile.png) center center no-repeat !important;
        background-size: contain !important;
        z-index: 1 !important;
    }
    header a#logo img {
        visibility: hidden !important;
    }
    header .main-content > .row > .col {
        height: 60px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.ml-0 {
        margin-left: -0.4rem !important;
    }
}

@media(min-width:768px){
    header .content-toolbar .content-toolbar-inner > ul > li > a > i,
    header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
        font-size: 25px !important;
        height: 25px !important;
        width: 25px !important;
    }
}


/*  ==================================
    Nav
==================================  */

@media(max-width:767px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 0.1rem !important;
        text-transform: uppercase !important;
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus,
    nav.navbar .navbar-nav > .nav-item.has-a-plus.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus {
        font-size: 20px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn {
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 0.1rem !important;
        text-transform: uppercase !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 40px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important;
    }
}

@media(min-width:768px){
    nav.navbar .navbar-nav {
        justify-content: space-around !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item {
        font-weight: 300 !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 0.1rem !important;
        text-transform: uppercase !important;
    }
}


/*  ==================================
    Footer
==================================  */

footer {
    background: #ffffff !important;
    border-top: 4px solid var(--primary) !important;
}

footer h6, 
footer .h6 {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
    color: var(--dark) !important;
    margin-bottom: 1.25rem !important;
}

footer p, 
footer .p, 
footer p a, 
footer .p a, 
footer form label,
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 {
    color: var(--dark) !important;
    font-weight: 300 !important;
}

footer address strong,
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;
    color: var(--primary) !important;
}

footer form label {
    margin-bottom: 1.5rem !important;
}

footer > .copyrights {
    background: none !important;
}

footer > .copyrights, 
footer > .copyrights * {
    letter-spacing: normal !important;
}

footer .required-links li a {
    padding: 0 !important;
    padding-right: 1.25rem !important;
}

footer .required-links li a {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    color: var(--primary) !important;

}

footer .subscribe-widget form .input-group {
    border: 0 !important;
}

footer .subscribe-widget form .input-group .btn {
    background: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
    padding: 0.5rem 0.625rem !important;
    border-radius: 0 !important;
    transition: all 0.3s ease-in-out !important;    
    color: #ffffff !important;
}

footer .subscribe-widget form .input-group .btn::after {
    content: "Subscribe" !important;
    display: block !important;
    color: #ffffff !important;
}

footer .subscribe-widget form .input-group .btn i {
    display: none !important;
}

footer .subscribe-widget form .input-group .form-control {
    color: var(--dark) !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
    border: 1px solid var(--primary) !important;
    padding: 0.3125rem 0 0.3125rem 0.625rem !important;
    font-size: 16px !important;
}

footer .subscribe-widget form .input-group .form-control::placeholder {
    color: var(--dark) !important;
    font-weight: 300 !important;
    opacity: 0.5 !important;
    font-size: 13px !important;
}

footer .social-networks .network {
    border: 1px solid var(--primary) !important;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-right: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
}

footer .social-networks .network > i {
    color: var(--primary) !important;
    font-size: 18px !important;
}

footer .social-networks .google-plus {
    display: none !important;
}

footer .social-networks .network:hover,
footer .social-networks .network:focus {
    background: var(--primary) !important;
}

footer .social-networks .network:hover > i,
footer .social-networks .network:focus > i {
    color: #ffffff !important;
}

@media(max-width:767px){
    footer [data-bs-toggle="collapse"], 
    footer [data-bs-toggle="collapse"]:focus {
        border-color: rgba(0,0,0,0.1) !important;
    }
    footer [data-bs-toggle="collapse"] h6::after, 
    footer [data-bs-toggle="collapse"] .h6::after {
        transform: rotate(180deg) translateY(3px) !important;
        font-size: 20px !important;
        opacity: 0.5 !important;
        line-height: 10px !important;
        color: var(--primary) !important;
    }
    footer .collapse .mobile-collapse,
    footer .collapsing .mobile-collapse {
        margin: 0 !important;   
    }
    footer div.mobile-collapse {
        padding: 0 0 0.5rem 0 !important;
    }
    footer .collapse .mobile-collapse:nth-child(1),
    footer .collapsing .mobile-collapse:nth-child(1) {
        margin-top: 0.625rem !important; 
    }
    footer .collapse div.mobile-collapse:last-child,
    footer .collapsing div.mobile-collapse:last-child {
        padding-bottom: 1.25rem !important;
    }
    footer .footerlinks a {
        margin: 0 !important;
        padding: 0.5rem 0 !important;
        display: block !important;
    }
    footer .footerlinks li:first-child a {
        padding-top: 0.15rem !important;
    }
    footer .required-links,
    footer > .copyrights p {
        justify-content: flex-start !important;
    }
    footer > .copyrights p { 
        padding-right: 8vw !important;
    }     
}

/*  ==================================
    Section: Tight Padding
==================================  */

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;
}

/*  ==================================
    Section: Page Banners
==================================  */

section.page-banner .content-block {
    border-left: 4px solid var(--primary) !important;
}

section.page-banner .content-block > .d-flex {
    padding: 0 20px !important;
}

@media(min-width:768px){
    section.page-banner .content-block > .d-flex {
        padding: 0 30px !important;
    }
}


/*  ===================================
    Section: Offset Slider
===================================  */

section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav {
    position: absolute !important;
    top: auto !important;
    left: calc(50% - 45px) !important;
    right: auto !important;
    bottom: -45px !important;
    width: 90px !important; 
    opacity: 1 !important;
}

section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav .owl-prev,
section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav .owl-next {
    background: #ffffff !important;
    border: 0 solid #ffffff !important;
    border-radius: none !important;
    color: #111111 !important;
    font-size: 20px !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    text-align: center !important;
    height: 45px !important;
    width: 45px !important;
    line-height: 45px !important;
    z-index: 1 !important;
}
section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav .owl-prev {
    left: -5px !important;
}
section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav .owl-next {
    right: -5px !important;
}
section .owl-next > i::before,
section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav .owl-next .icon-chevron-right:before {
    content: "" !important;
    border: 7px solid var(--primary) !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;  
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;  
    transform: translate(-50%, -50%) !important;
}
section .owl-prev > i::before,
section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav .owl-prev .icon-chevron-left:before {
    content: "" !important;
    border: 7px solid var(--primary) !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
section .owl-next > i::after,
section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav .owl-next .icon-chevron-right:after {
    content: "" !important;
    background: var(--primary) !important;
    height: 4px !important;
    width: 20px !important;
    position: absolute !important;
    top: 50% !important;
    right: 50% !important;  
    transform: translate(-3px, -50%) !important;
}
section .owl-prev > i::after,
section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav .owl-prev .icon-chevron-left:after {
    content: "" !important;
    background: var(--primary) !important;
    height: 4px !important;
    width: 20px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;  
    transform: translate(3px, -50%) !important;
}
section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav button.disabled {
    opacity: 0.2 !important;
    pointer-events: none !important;
}

section[data-pagebuilder="section"] .owl-carousel .owl-nav .owl-prev,
section[data-pagebuilder="section"] .column-slider .owl-nav .owl-prev {
    left: -20px !important;
}
section[data-pagebuilder="section"] .owl-carousel .owl-nav .owl-next,
section[data-pagebuilder="section"] .column-slider .owl-nav .owl-next {
    right: -20px !important;
}

@media(min-width:768px){
    section.offset-slider [data-widget-type="slider"] .column-slider .owl-nav {
        position: absolute !important;
        top: -40px !important;
        left: auto !important;
        right: -17px !important;
        bottom: auto !important;
        width: 90px !important; 
        opacity: 1 !important;
    }
    section.offset-slider [data-widget-type="slider"] .column-slider .owl-stage-outer {
        overflow: visible !important;
    }
    section.offset-slider [data-widget-type="slider"] .column-slider .owl-stage-outer .owl-item {
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }
    section.offset-slider [data-widget-type="slider"] .column-slider .owl-stage-outer .owl-item.active,
    section.offset-slider [data-widget-type="slider"] .column-slider .owl-stage-outer .owl-item.active + .owl-item:not(.active) {
        visibility: visible !important;
        pointer-events: auto !important;
        opacity: 1 !important;
    }
}
@media(min-width:1200px){
    section[data-pagebuilder="section"] .owl-carousel .owl-nav .owl-prev,
    section[data-pagebuilder="section"] .column-slider .owl-nav .owl-prev {
        left: -55px !important;
    }
    section[data-pagebuilder="section"] .owl-carousel .owl-nav .owl-next,
    section[data-pagebuilder="section"] .column-slider .owl-nav .owl-next {
        right: -55px !important;
    }
}


.widget-social-carousel-post .social-heading,
.widget-social-carousel-post .social-interactions,
.widget-social-carousel-post .social-link {
    display: none !important;
}

.widget-social-carousel-post .social-description {
    margin-bottom: 0 !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .d-block {
    background: var(--primary) !important;
    padding: 1.25rem 1.25rem 1.5rem 1.25rem !important;
    border-radius: 0.625rem !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description {
    padding: 0 !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item p,
.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description,
.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description *,
.testimonials-carousel .testimonials-owl-carousel .owl-item .star-rating .icon-star {
    color: #ffffff !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-nav  {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: calc(50% - 15px) !important;
}
@media(max-width:767px){
    section[data-pagebuilder="section"] .testimonials-carousel .testimonials-owl-carousel .owl-nav .owl-prev {
        left: -10px !important;
    }
    section[data-pagebuilder="section"] .testimonials-carousel .testimonials-owl-carousel .owl-nav .owl-next {
        right: -10px !important;
    }
    .testimonials-carousel .testimonials-owl-carousel .owl-item.active {
        opacity: 0.25 !important;
        transition: all 0.3s ease-in-out !important;
        /*add a blur effect*/
        filter: blur(2px) !important;
    }
    .testimonials-carousel .testimonials-owl-carousel .owl-item.active.center {
        opacity: 1 !important;
        transition: all 0.3s ease-in-out !important;
        /*remove the blur effect*/
        filter: blur(0px) !important;
    }
}
@media(min-width:768px) and (max-width:1199px){
    .testimonials-carousel {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .testimonials-carousel .testimonials-owl-carousel .owl-nav {
        width: calc(100% + 4rem) !important;
        left: -2rem !important;
    }    
}