/*!
 * Venus Jewelers
 * Copyright 2008-2017 Punchmark
 */


/* Quick fix for PP-8666 */
.arrivesByNotices .arrivesByNotice:first-of-type {
    margin-top: 0 !important;
}

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

.myButtonWidth {
    width: 250px !important;
}  

.btn-xlg {
    font-family: var(--bs-h1-family) !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-size: 21px !important;
}

body.nav-right-back-open #clbkwc_outer_id,
body.nav-right-back-open #wlbkwc_messageButton,
body.nav-right-back-open #clbkwc_chat_id,
body.nav-right-back-open #clbkwc_mobilebtnDiv {
    display: none !important;
}

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,
.colored-stars i.icon-star,
.colored-stars i.icon-star-half {
    color: var(--primary) !important;
}

section.xmas-widget-border [data-pagebuilder="widget"] > .widget-inner {
    border: 2px dashed red !important;
}

[data-widget-element="widgetHeader"].smallish {
    font-size: 20px !important;
}

@media(max-width:767px){
    .mobile-stack .widget-text-overlay.position-absolute {
        position: static !important;
    }
    .btn-xlg {
        font-family: var(--bs-h1-family) !important;
        letter-spacing: normal !important;
        text-transform: none !important;
        font-size: 17px !important;
    }
    .link-container .btn-xlg {    
        padding-left: 0.3125rem !important;
        padding-right: 0.3125rem !important;
    }
    .horizontal-content > .flex-column {
        flex-direction: column !important;
        align-items: center !important;
    }
    .horizontal-content > .flex-column > [data-widget-element="widgetHeader"] {
        padding: 30px 30px 20px 30px !important;
    }
    .horizontal-content > .flex-column > [data-widget-element="widgetParagraph"] {
        padding: 0px 30px 30px 30px !important;
    }
}
@media(min-width:768px){
    .horizontal-content > .flex-column {
        flex-direction: row !important;
        align-items: center !important;
    }
    .horizontal-content > .flex-column > [data-widget-element="widgetHeader"] {
        padding: 40px !important;
        width: auto !important;
        min-width: 30% !important;
        margin-bottom: 0 !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .horizontal-content > .flex-column > [data-widget-element="widgetParagraph"] {
        padding: 40px !important;
        margin-bottom: 0 !important;
    }
}

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

.toolbar.top .toolbar-inner ul li.dropdown > .dropdown-menu {
    background: var(--bs-input-bg-color) !important;
}

.toolbar .toolbar-inner > ul > li > a {
    color: var(--dark) !important;
    font-size: 10px !important;    
    font-weight: 600 !important;
}
.toolbar .toolbar-inner > ul > li > a > i {
    transform: translateY(-0.5px);
}
.toolbar .toolbar-inner > ul > li > a > i,
.toolbar .toolbar-inner > ul > li > a > i::before {
    color: var(--dark) !important;
    font-size: 17px !important;
    font-family: "google-outlined" !important;
}
.toolbar .toolbar-inner > ul > li > a > i.icon-search,
.toolbar .toolbar-inner > ul > li > a > i.icon-search::before {
    content: "\e926" !important;
    font-family: "google-outlined" !important;
}
.toolbar .toolbar-inner > ul > li > a > i.icon-heart,
.toolbar .toolbar-inner > ul > li > a > i.icon-heart::before {
    content: "\e905" !important;
    font-family: "google-outlined" !important;
}
.toolbar .toolbar-inner > ul > li > a > i.icon-shopping-bag,
.toolbar .toolbar-inner > ul > li > a > i.icon-shopping-bag::before {
    content: "\e900" !important;
    font-family: "google-outlined" !important;
}
.toolbar .toolbar-inner > ul > li > a > i.icon-calendar,
.toolbar .toolbar-inner > ul > li > a > i.icon-calendar::before {
    content: "\e92d" !important;
    font-family: "google-outlined" !important;
    color: transparent !important;
}
.toolbar .toolbar-inner > ul > li > a > i.icon-calendar::before {
    background: url(../images/calendar-check.svg) no-repeat center center !important;
    background-size: 82% 82% !important;    
}

.toolbar .toolbar-inner > ul > li > a > i + span {
    display: block;
    transform: translateY(0px);
}

.toolbar .toolbar-inner > ul > li > a:hover,
.toolbar .toolbar-inner > ul > li > a:focus {
    opacity: 0.5 !important;
} 

.toolbar .toolbar-inner > ul > li + li { 
    margin-left: 10px !important;
    padding-left: 10px !important;
    border-left: 1px solid var(--bs-input-border-color) !important;
}

header {
    background: var(--light) !important;
    position: sticky !important;
    top: 0 !important;
    box-shadow: 0 7px 30px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1) !important;
    z-index: 3000;
}

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

header .toolbar-item a > i, 
header .toolbar-item a > i::before {
    font-family: "google-outlined" !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a,
header .content-toolbar .content-toolbar-inner > ul > li > a > i,
header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
    color: var(--dark) !important;
    font-size: 22px !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i,
header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
    -webkit-text-stroke-width: 0.25px !important;
    -webkit-text-stroke-color: inherit !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a:hover i,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus i,
header .content-toolbar .content-toolbar-inner > ul > li > a:hover i::before,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus i::before {
    color: var(--primary) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-search,
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-search::before {
    content: "\e926" !important;
    font-family: "google-outlined" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-heart,
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-heart::before {
    content: "\e91b" !important;
    font-family: "google-outlined" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-shopping-bag,
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-shopping-bag::before {
    content: "\e900" !important;
    font-family: "google-outlined" !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-calendar,
header .content-toolbar .content-toolbar-inner > ul > li > a > i.icon-calendar::before {
    content: "\e92d" !important;
    font-family: "google-outlined" !important;
    color: transparent !important;
}

[data-pagebuilder="section"] [data-widget-type="grid"] .grid-item > .widget > [data-widget-url] {
    box-shadow: inset 0 0 0 10px white !important;
}

[data-widget-element="widgetHeader"].h3.small {
    font-size: 15px !important;
}

/*  ===================================
    NAVIGATION
===================================  */

nav.navbar .navbar-nav .nav-item .nav-link {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 0.04rem !important;
}

nav.navbar .navbar-nav .nav-item.on-sale-tag .nav-link  {
    color: var(--primary) !important;
    font-weight: 700 !important;
}

/*dia / setting icons*/
nav.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item [class^="dia-"] {
    font-size: 24px !important;
    line-height: 1px !important;
    height: 20px !important;
    margin-right: 0.3125rem !important;
    transform: translateY(0px);
}
nav.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item [class^="big-setting-"] {
    font-size: 24px !important;
    line-height: 1px !important;
    height: 20px !important;
    width: 40px;
    margin-right: 0.3125rem !important;
    transform: translateY(0px);
    display: block !important;
}
nav.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item [class^="big-setting-"]::before {
    display: block !important;
    transform: translateY(10px);
    font-size: 40px;
} 
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/jewelry/engagement-ring-by-shape/"],
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href="/jewelry/engagement-rings/solitaire"],
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href="/jewelry/engagement-rings/hidden-halo"],
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href="/jewelry/engagement-rings/halo"],
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href="/jewelry/engagement-rings/classic"],
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href="/jewelry/engagement-rings/twist-and-split"] {
    display: flex !important;
    align-items: center !important;
    text-decoration-line: none !important;
}
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href="/jewelry/engagement-rings"].dropdown-item:not(.dropdown-item-parent) {
    text-decoration: underline;
}
@media(min-width:992px){
    nav.navbar {
        position: relative !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        line-height: 1 !important;
    }
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/jewelry/engagement-ring-by-shape/"]:hover > span,
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/jewelry/engagement-ring-by-shape/"]:focus > span,
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/jewelry/engagement-rings/"]:hover > span,
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/jewelry/engagement-rings/"]:focus > span {
        text-decoration-line: underline;
        text-decoration-color: var(--primary);
        text-decoration-style: solid;
        text-decoration-thickness: 2px;
        text-underline-offset: calc(var(--bs-container-padding-x) * .5);
    }
}
@media(max-width:991px){
    nav.navbar .navbar-nav .nav-item.engagement-rings-dd .dropdown-menu a[href^="/jewelry/engagement-rings/"] {
        max-height: 34.5px !important;
    }
}
/**/

@media(max-width:991px){
    nav.navbar #main-navigation .mobile-top-toolbar li {
        list-style: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 40px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn {
        font-size: 12px !important;
        letter-spacing: 1px !important;
        font-weight: 600 !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group {
        background: var(--bs-input-bg-color) !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item i,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item.item-account,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item.item-premium-global-cart-toggle,
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important; 
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        background-color: var(--bs-input-bg-color) !important;
    }
    nav.navbar .navbar-nav > .nav-item .dropdown-item:hover,
    nav.navbar .navbar-nav > .nav-item .dropdown-item:focus,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:hover,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:focus {
        color: var(--primary) !important;
    }
}

@media(min-width:768px){
    nav.navbar .navbar-nav .nav-item {
        padding-left: calc(var(--bs-gutter-x) * .75);
    }
}

@media(min-width:992px){ 
    nav.navbar .navbar-nav {
        justify-content: space-around !important;
        padding-right: 0.625rem !important;
    }
    nav.navbar .navbar-nav .nav-item {
        padding-left: calc(var(--bs-gutter-x) * 1.25);
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        justify-content: center !important;
        text-align: center !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-bottom: calc(var(--bs-gutter-x, 0.625rem) * 2) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item {
        font-size: 12px !important;
        font-weight: 400 !important;
        letter-spacing: 0.04rem !important;
        text-underline-offset: calc(var(--bs-container-padding-x) * .25) !important;
        display: flex !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-image {
        flex-direction: column !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
        font-size: 18px !important;
        font-family: var(--bs-h1-family) !important;
        text-transform: none !important;       
        letter-spacing: normal !important;
        text-underline-offset: calc(var(--bs-container-padding-x) * .25) !important;
    }
    nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item,
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1 {
	  text-transform: none;
	  font-weight: 400;
	  font-size: 12px;
	  letter-spacing: normal;
	  padding: 4px 0px;
	  margin: 0;
	  line-height: 1rem;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1 {
	  text-decoration: underline;
	  font-weight: bold;
	}
}

/* Images in nav "like SVS" */
@media(min-width:992px){
    nav.navbar .dropdown .dropdown-item.dropdown-item-image {
        min-width: 200px;
        padding-right: 10px !important;
        margin-top: 20px !important;
    }
}
@media(min-width:1080px){
	nav.navbar .dropdown .dropdown-item.dropdown-item-image {
	  min-width: 270px;
	}
}
@media(min-width:1200px){
	nav.navbar .dropdown .dropdown-item.dropdown-item-image {
	  min-width: 330px;
	}
    nav.navbar .container, 
    nav.navbar .container-sm, 
    nav.navbar .container-md, 
    nav.navbar .container-lg, 
    nav.navbar .container-xl, 
    nav.navbar .container-xxl {
        max-width: 1180px !important;
    }
}

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

footer {
    background: white !important;
    border-top: 10px solid var(--primary) !important;
}

footer h6, 
footer .h6 {
    font-size: 20px !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    padding-right: 1rem !important;
    text-transform: none !important;
    font-family: var(--bs-h1-family) !important;
}

footer address,
footer address a,
footer address a strong,
footer .footerlinks li a,
footer .subscribe-widget form label {
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.04rem !important;
}

footer address a .text-uppercase.small {
    display: none !important;
}

footer .footerlinks a {
    display: flex !important;
    align-items: flex-start !important;
}

footer .footerlinks a i {
    display: block !important;
    transform: translateY(0px) !important;
    font-size: 16px !important;
    width: 16px !important;
    margin-right: 0.3125rem !important;
}

footer .required-links a:hover,
footer .required-links a:focus,
footer .footerlinks a:hover,
footer .footerlinks a:focus {
    color: var(--primary) !important;
}

footer .social-networks {
    display: flex !important;
}

footer .social-networks .network {
    width: 30px !important;
    height: 30px !important;
}

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

footer .social-networks .network i {
    font-size: 15px !important;
}

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

footer .subscribe-widget form .input-group .form-control {
    font-size: 13px !important;
    font-weight: 300 !important;
    letter-spacing: 0.04rem !important;
}

footer .subscribe-widget .btn:hover i,
footer .subscribe-widget .btn:focus i {
    color: var(--light) !important;
}

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

footer > .copyrights,
footer > .copyrights .col-12:nth-child(1) a,
footer > .copyrights .col-12:nth-child(1) p {
    font-size: 8px !important;
    font-weight: 400 !important;
    color: var(--dark) !important;
}

footer [data-bs-toggle="collapse"] h6::after, 
footer [data-bs-toggle="collapse"] .h6::after {
    transform: rotate(180deg) !important;
}

@media(max-width:767px){
    footer h6, 
    footer .h6 {
        padding-right: 0 !important;
    }
    footer [data-bs-toggle="collapse"], 
    footer [data-bs-toggle="collapse"]:focus {
        border-color: rgba(0,0,0,0.1);
    }
    footer .footer-affiliate-logos > li {
        margin: calc(var(--bs-gutter-x, 0.625rem) * 0.25) calc(var(--bs-gutter-x, 0.625rem) * 0.5);
    }
    footer .footer-affiliate-logos > li > a > img {
        max-height: 40px !important;
    }
}


/*  ===================================
    GRID SYSTEM
===================================  */

section[data-pagebuilder=section] .grid[data-grid-cols="3"] .grid-item .widget-inner, 
section[data-pagebuilder=section] .grid[data-grid-cols="4"] .grid-item .widget-inner {
    height: auto;
    min-height: none;
}

#noFilters {
    display: none !important;
}
  
.htmlBelowGrid a > img {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
  
.htmlAboveGrid a,
.htmlBelowGrid a {
    font-weight: 500;
}
  
.grid-section .special-hr {
    margin-bottom: 20px !important;
}
  
.grid-section .grid-col {
    padding-top: 0 !important;
}
  
.grid-section .grid-outer .grid {
    min-height: 600px;
}
  
.grid-section .grid-sidebar .grid-sidebar-elem-list > li .d-none {
    font-size: 12px;
}
  
.grid-section .grid-sidebar .grid-sidebar-elem button:after {
    top: calc(50% - .55rem);
}
  
.grid-section .products-found {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
  
.grid-sidebar .grid-sidebar-elem {
    padding-left: 0 !important;
}
  
.grid-sidebar .grid-sidebar-elem-heading.filter-heading h5 a {
    position: relative;
    color: var(--dark);
    text-transform: uppercase !important;
    letter-spacing: 0.075rem !important;
    font-size: 12px !important;
    font-weight: bold !important;
    height: 16px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}
  
.grid-sidebar .grid-sidebar-elem-heading.filter-heading .btn-filter [class^="icon-"] {
    transform: none;
}
  
.grid-section-block-2 .grid-sidebar .grid-sidebar-elem-heading.filter-heading .btn-filter [class^="icon-"] {
    font-weight: bold !important;
}
  
.grid-sidebar .grid-sidebar-elem-heading h5 a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: var(--dark);
    content:"";
}
  
.grid-sidebar .grid-sidebar-elem-heading h5 a:hover,
.grid-sidebar .grid-sidebar-elem-heading h5 a:focus {
    color: rgba(var(--bs-dark-rgb),0.5);
}
  
.grid-sidebar .grid-sidebar-elem-heading h5 a:hover::after,
.grid-sidebar .grid-sidebar-elem-heading h5 a:focus::after {
    background: rgba(var(--bs-dark-rgb),0.5);
}
  
.grid-section-block-2 .grid-sidebar .grid-sidebar-elem button:focus,
.grid-section-block-2 .grid-sidebar .grid-sidebar-elem button:active {
    box-shadow: none !important;
}
  
@media(min-width:900px){
    .grid-section-block-2 .grid-sidebar .grid-sidebar-elem.show button {
        color: var(--primary);
    }
    .grid-sidebar .grid-sidebar-elem-list > li {
        margin-top: 0;
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .grid-sidebar .grid-sidebar-elem button {
        font-size: 12px !important;
    }
    .grid-sidebar .grid-sidebar-elem-list > li:only-child {
        padding-bottom: 44px !important;
        padding-bottom: 0px !important;
    }
    .grid-sidebar .grid-sidebar-elem-list.categories-list > li:only-child {
        padding-bottom: 24px !important;
    }
    .grid-sidebar .grid-sidebar-elem.dropdown .dropdown-menu {
        min-width: 400px !important;
        padding: 14px 20px 20px 20px !important;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
    .grid-sidebar .grid-sidebar-elem-list > li .custom-checkbox .custom-control-indicator {
        top: 0;
    }
    .grid-sidebar .grid-sidebar-elem-list .custom-control-description,
    .grid-sidebar .grid-sidebar-elem-list > li > label .custom-control-description {
        transform: none !important;
        font-size: 11px !important;
    }
    .grid-sidebar .grid-sidebar-elem-list > li .custom-control,
    .grid-sidebar .grid-sidebar-elem-list.categories-list > li > a {
        font-size: 11px !important;
        padding: 0;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 0.07rem;
    }
    .grid-sidebar .grid-sidebar-elem-list > li .custom-control {
        padding: 0 0 0 29px;
    }
  }
  
@media(max-width:899px){
    .grid-sidebar-elem.dropdown.open,
    .grid-sidebar-elem.dropdown .dropdown-menu.open {
        display: block !important;	
    }
    .grid-sidebar-elem.dropdown .dropdown-menu.open {
        z-index: 4501 !important;
    }
    .grid-sidebar .grid-sidebar-elem-list > li .custom-control {
        display: flex !important;
        align-items: center !important;
        line-height: 1 !important;
        transform: translateY(-52%) !important;
    }
    .grid-section-block-2 .grid-sidebar-elem.dropdown .dropdown-menu {
        transform: none !important;
    }
    .grid-sidebar .grid-sidebar-elem-list > li > label span.d-none,
    .grid-sidebar .grid-sidebar-elem-list > li > label .custom-control-description {
        transform: none !important;
    }
    .grid-sidebar .grid-sidebar-elem-list > li > label .custom-control-description,
    .grid-sidebar .grid-sidebar-elem-list > li .custom-control-description {
        font-size: 18px !important;
        transform: none !important;
    }
    .grid-sidebar .grid-sidebar-elem-list > li .custom-control, 
    .grid-sidebar .grid-sidebar-elem-list > li > a {
        font-size: 18px !important;
    }
    .grid-section-block-2,
    .grid-sidebar, 
    .grid-sidebar-inner, 
    #grid-sidebar-object, 
    .grid-section .container, 
    .grid-section .container>.row, 
    .grid-section .container>.row>div[class*="col-"], 
    .grid-sidebar-elem.dropdown, 
    body.sitemanager-menu-closed #grid-sidebar-object .grid-sidebar {
        z-index: unset !important;
    }
}
  
@media(max-width:575px){
    .grid-sidebar .grid-sidebar-elem-list > li > label .custom-control-description {
        font-size: 16px !important;
    }
}

.red-text > .w-100 > .nav-link{
    color: red !important;
}