/*
Theme Name: Sarin Dar
Author: Nik Kovacic
Description: Sober child theme created for Sarin Dar webpage.
Version: 1.0.0
Template: sober
*/

/* MY CUSTOM CSS */
.display-sm {
    display: none;
}

.hero-description, .privacy-policy .intro, .terms-and-conditions .intro, .cookie-settings .intro {
    font-size: 16px;
}

.color-pink {
    color: #F0B7B8;
}

.page-header .woocommerce-breadcrumb a, .page-header .woocommerce-breadcrumb .fa, .page-header .breadcrumb .a , .page-header .breadcrumb .fa  {
    color: #23232c;
}

mark, ins {
    background: #FCEEEE;
}

.sober-message-box.info {
    color: #23232c;
    background-color: #FCEEEE;
}

.woocommerce-coupon-form .sober-message-box.info, .woocommerce-login-form .sober-message-box.info {
    background-color: #ffffff;
}

.sober-message-box.success {
    color: #23232c;
    background-color: #D0EDDA;
}

.sober-message-box.warning {
    color: #23232c;
    background-color: #FFF2CF;
}

.sober-message-box.danger {
    color: #23232c;
    background-color: #F8D7DA;
}

.woocommerce-MyAccount-content .woocommerce-message, .woocommerce-MyAccount-content .woocommerce-error, .woocommerce-MyAccount-content .woocommerce-info {
    margin-top: 0;
    margin-bottom: 20px;
}

.sober-alert-bar .woocommerce-message .box-content .button {
    margin-right: 15px;
}

.privacy-policy .subheading, .terms-and-conditions .subheading, .cookie-settings .subheading {
    font-size: 16px;
    font-weight: bold;
}

.header-icon li.menu-item-cart span.count,
.header-transparent.header-hoverable.header-text-light .site-header:hover li.menu-item-cart span.count
{
    background-color: #F0A8A9;
}

.woocommerce-page-header .count {
    color: #ffffff;
    background-color: #23232c;
}

.woocommerce-checkout-review-order-table .cart_item .variation .variation-Name {
    color: #909097;
}

.woocommerce-checkout #payment ul.payment_methods li img {
    margin: -2px 0 0 0;
}

#add_payment_method #payment div.payment_box {
    background-color: #fff;
}

.woocommerce .shop-toolbar .products-filter li
{
    font-size: 1.3rem;
    margin: 0 15px;
}

#add_payment_method #payment div.payment_box::before {
    content: "";
    display: block;
    border: 1em solid #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -.75em;
    left: 0;
    margin: -1em 0 0 2em;
}

#add_payment_method #payment
{
    background: #F8F5F2;
    border-radius: 5px;
}

#wc-stripe-card-element {
    margin-top: 15px;
}

.woocommerce div.product.layout-style-6 p.price {
    margin-bottom: 20px;
}

.cart .wapf {
    margin: 20px 0;
}

.woocommerce .upsells, .woocommerce .related {
    padding: 60px 0 0 0;
}

.page-header, .woocommerce-page-header {
    background-color: #eae2d7 !important;
}

/*Hide controls because we currently have only six products - We dont want to enable users to show all in one row */
.shop-toolbar .controls {
    display: none;
}

.woocommerce.archive .site-content {
    padding-top: 40px;
    padding-bottom: 0;
}

.single_add_to_cart_button.button {
    background-color: #EFA9AA !important;
}

.woocommerce-page-header li a
{
    color: #23232c !important;
}

.woocommerce form .form-row .optional {
    display: none;
}

.wpcf7-form p:last-of-type {
    margin-bottom: 0;
}

.wpcf7-form .wpcf7-response-output {
    margin: 0 !important;
}

.wpcf7-form .wpcf7-submit {
    background-color: #EEAAAB;
}

.wpcf7-form .wpcf7-submit:focus {
    background-color: #F0B7B8;
}

.wpcf7-form .wpcf7-submit:hover {
    background-color: #F0B7B8;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #EEAAAB;
}

.sober-subscribe-box__title {
    margin: 0 0 25px 0;
}

.sober-subscribe-box {
    font-size: 14px;
}

.footer-widgets .widget {
    padding-bottom: 0;
    margin-bottom: 25px;
    border-bottom: 0;
}

.footer-widgets a, .widget ul.menu li a {
    color: #23232C;
}

.widget ul.menu li a:hover {
    color: #111114;
}

body.error404 .site-header {
    border-bottom: 1px solid #f1f2f4;
}

body.error404 .footer-info .container {
    padding-top: 0;
}

body.error404 .footer-social .socials-extra {
    padding-left: 0;
}

@media screen and (max-width: 991px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        margin: 40px 0 10px 0;
    }
}

@media (max-width: 767px) {
    .display-sm {
        display: block;
    }

    .hero-title {
        font-size: 22px;
    }

    .hero-description, .privacy-policy .intro, .terms-and-conditions .intro, .cookie-settings .intro {
        font-size: 14px;
    }

    .woocommerce.archive .site-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .woocommerce-cart .cart_coupon .coupon_button .input-text {
        width: 0;
    }

    .woocommerce-cart .cart_coupon .coupon_button .button {
        white-space: nowrap;
    }

    .woocommerce div.product.layout-style-6 form.cart.swatches-support .variations-reset {
        display: none;
    }

    .woocommerce .shop-toolbar .products-filter li {
        margin: 0 6px;
    }

    .sober-subscribe-box--inline {
        padding: 60px 0;
    }

    .sober-subscribe-box__content {
        margin-bottom: 25px;
    }

    #block-32 {
        margin-bottom: 40px;
    }

    .footer-widgets .footer-widgets-area {
        text-align: center;
    }

    .error-404 {
        margin: 40px auto;
    }

    body.error404 .footer-info .site-info {
        display: block;
    }
}

@media (max-width: 490px) {
    .page-header-style-minimal .page-header .breadcrumb {
        margin-top: 15px;
        width: 100%;
        text-align: left;
    }

    .shop-toolbar__tabs.products-filter.filter-by-category.clearfix {
        display: flex;
        overflow: scroll;
        scrollbar-width: none;
    }

    .woocommerce .shop-toolbar .products-filter li {
        margin: 0 6px;
        font-size: 12px;
        white-space: nowrap;
    }
}