/*!
 * Long Jewelers 3 Local Styles
 * Copyright 2008-2017 Punchmark
 */

 /*=========================
      General
*=========================*/

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

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

header a#logo {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

@media (min-width: 768px) {
    header a#logo {
        width: 194px !important;
        min-width: 194px !important;
        max-width: 194px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}

@media (min-width: 992px) {
    header a#logo {
        width: 194px !important;
        min-width: 194px !important;
        max-width: 194px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}

 @media (min-width: 1200px) {
    header a#logo {
        width: 194px !important;
        min-width: 194px !important;
        max-width: 194px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}

section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .widget-banner-inner, 
section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .widget-banner-image,
section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .widget-image-wrapper {
    position: static !important;
}

@media (min-width: 768px) {
    section[data-pagebuilder="section"]#section-1.peridot-banner {
        margin-top: -131px !important;
    }
}

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

@media (max-width: 767px) {
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        color: var(--bs-light);
    }
}

 /*=========================
    Form Color Fixes
*=========================*/

.customForm {
    background: transparent !important;
}

.customForm .bg-light {
    background: transparent;
    background-color: transparent !important;
}

.form-label-group input:not([type=file]):not(:placeholder-shown)~label,
.form-row>.form-label-group textarea:not(:placeholder-shown)~label  {
    color: var(--bs-light);
}

nav.navbar #main-navigation .mobile-top .input-group input {
    color: var(--bs-light) !important;
}