/* Site 3: Modern Retailer */
/* Colors */
:root {
    --wisteria: #b597df;
    --sunglow: #f7d277;
    --deep: #1d0d2a;
    --canvas: #fafafa;
    --light-wisteria: #e8dff4;
}

/* bk color classes */

.bk-color-wisteria {
    background-color: var(--wisteria);
}

.bk-color-sunglow {
    background-color: var(--sunglow);
}

.bk-color-deep {
    background-color: var(--deep);
}

.bk-color-canvas {
    background-color: var(--canvas);
}

.popup-newsletter-icon {
    display: none !important;
}

.popup-newsletter-content .agree-to-terms {
    color: #fff !important;
}

.popup-newsletter-content .popup-newsletter-description {
    color: #fff !important;
}

.popup-newsletter-content input[type="email"] {
    border: 1px solid #fff !important;
}

.popup-newsletter-content .popup-newsletter-footer .is-meta {
    color: #fff !important;
}

.burger-icon>span:nth-child(2),
.burger-icon>span:nth-child(3) {
    width: 100% !important;
}

a.search-btn+.header-dropdown {
    top: calc(100% + 18px) !important;
    box-shadow: none !important;
    background: white !important;
    color: var(--deep) !important;
    border: 2px solid var(--deep) !important;
}

.privacy-bar.privacy-top .privacy-dismiss-btn:not(:hover, :focus) {
    background-color: var(--sunglow);
}

#hero-list .box-border .grid-box:before,
#hero-list .box-border .list-box:before {
    border: 2px solid var(--sunglow);
}

.ecat-bg-4 .p-box .feat-holder .p-top {
    bottom: 12px;
}

.heading-layout-17 .heading-title:after {
    border-bottom: 0 !important;
    height: 4px !important;
    background-color: var(--deep);
}

.heading-layout-17 .heading-title {
    align-items: baseline !important;
}

#join-footer input[type='submit'] {
    border-radius: 30px !important;
    display: block !important;
}

#join-footer .mc4wp-form-fields>div {
    flex-wrap: wrap !important;
}

#join-footer input[type="email"] {
    border: 1px solid var(--deep) !important;
    border-radius: 6px;
}

.footer-wrap.left-dot:before {
    content: none !important
}

@media screen and (min-width: 992px) {
    #join-footer {
        border-left: 2px solid grey;
        border-right: 2px solid grey;
    }
}

#bottom-links .main-menu {
    justify-content: center !important;
}

.bottom-border .block-inner>*:before {
    border-bottom-width: 2px !important;
}