/*!
Michael & Sons Local Styles
 * Copyright 2008-2017 Punchmark
 */

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

General

====================*/
/* 
.three-icon-section img, 
.filter-light img {
    filter: invert(1) brightness(100%) !important;
} */

.btn-primary {
    color: var(--bs-light) !important;
}

section[data-pagebuilder="section"].gold-bg {
    background-color: #D9C283 !important;
    background: #D9C283 !important;
}

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

Header

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

.toolbar .stud-icon a {
    position: relative;
}

.toolbar .stud-icon a:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    width: 39px;
    height: 39px;
    background: url('https://cdn.jewelryimages.net/static/domains/michaelandsons/images/store-pics/709668-200.png');
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50%;
}

/* .toolbar .stud-icon:hover a:after {
    opacity: 0.8;
} */

header .content-toolbar.left {
    position: relative;
    z-index: 50;
}

.toolbar .toolbar-inner a,
.toolbar .toolbar-inner span {
    color: var(--bs-light) !important;
}

.toolbar .toolbar-inner > ul > li > a:hover, 
.toolbar .toolbar-inner > ul > li > a:focus, 
.toolbar .toolbar-inner > ul > li > a:hover i, 
.toolbar .toolbar-inner > ul > li > a:focus i, 
.toolbar .toolbar-inner > ul > li > a:hover span, 
.toolbar .toolbar-inner > ul > li > a:focus span {
    color: var(--bs-light) !important;
    opacity: 0.8 !important;
}

.toolbar {
    background: var(--primary) !important;
}

header > .main-content > .row > .col {
    min-height: 125px !important;
    height: 125px !important;
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-container .btn-close {
        filter: invert(1) brightness(100%) !important;
    }
}


@media (max-width: 991px) {
    header a#logo {
        width: 235px !important;
        max-width: 235px !important;
        padding: 0 !important;
    }
}

@media (max-width: 500px) {
    header > .main-content > .row > .col {
        min-height: 100px !important;
        height: 100px !important;
    }
    header a#logo {
        width: 155px !important;
        max-width: 155px !important;
        padding: 0 !important;
    }
}


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

Footer

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

@media(min-width: 768px) {
    footer .logo {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 767px) {
    footer .footer-affiliate-logos>li:first-child {
        margin-left: 0 !important;
    }
    footer .footer-section .col-12.col-sm-12.col-md-12.col-lg-12 .footer-affiliate-logos {
        margin: 0 !important;
        padding-top: 2px !important;
    }
    footer .footer-section:nth-child(2) .col-12:nth-child(1) {
        order: 5 !important;
    }
    footer .row > [class*="col-"] {
        align-items: flex-start !important;
    }
}

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

White diamod svg's, borders - three icon section -- color change

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

/* .three-icon-section img,
.filter-light img {
    filter: invert(1) brightness(100%) !important;
} */

section[data-pagebuilder="section"].three-icon-section [data-pagebuilder="column"] {
    border-color: #fff !important;
}

section[data-pagebuilder="section"].price-section [data-pagebuilder="column"] {
    border-color: #fff !important;
}

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

Ringsettings color fixes - dark bg

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

section.alt .ringsettings-icons a {
    color: #fff !important;
}

section.alt .ringsettings-icons a:hover,
section.alt .ringsettings-icons a:focus {
    color: var(--secondary) !important;
}