/*
Theme Name: Sober Child Theme
Theme URI: http://uix.store/sober/
Author: UIX Themes
Author URI: http://uix.store
Description: Sober is a fully responsive Premium WordPress Theme with a pixel perfect design and extensive functionality
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sober
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: sober
*/

.wp-block-woocommerce-cart-order-summary-shipping-block.wc-block-components-totals-wrapper:after {
    content: 'Free shipping for orders total above R450(RSA only, *This excludes Shipping fee). R100 for standard shipping(RSA only).';
    background: #ccc;
    display: block;
    padding: 2rem;
    line-height: 1.4em;
    margin-top: 10px;
    font-size: 12px;
}

.footer-widgets-area-1 #text-6,
.footer-widgets-area-2 #mc4wp_form_widget-2 {
    display: none;
}

p.woocommerce-store-notice.demo_store {
    background: #000;
    bottom: 0;
    top: auto;
    position: fixed;
    font-size: 20px;
}


.topbar-content.text-center {
    display: flex
;
    column-gap: 12px;
    justify-content: space-between;
	    align-items: center;
}

header#masthead{
    position: absolute;
    top: 40px;
	&.sticky{top: var(--header-offset);}
}

a:visited {
    color: #8c8c8c;
}

.footer-info.footer-full-width {
    display: none;
}

/*Product Inner*/
.woocommerce div.product .woocommerce-tabs .panel{
    text-align: left !important;
    p, li {
        text-align: left;
    }
    
 }


/*POPUP*/
.pum-content.popmake-content{
    h2.wp-block-heading {
        padding: 0;
        margin: 0 0 4rem;
        font-size: 28px !important;
    }
}

/*Tab + Mobi*/
@media screen and (max-width: 770px) {
    
header#masthead {
    top: 80px;
}
.site-header {
    padding: 20px 1rem;
}
.site-branding .logo img {
    width: 160px;
}

div#topbar {
    font-size: 11px;
}

.header-sticky.admin-bar.topbar-enabled {
    --header-offset: 0px;
    padding-top: 0;
}

html #wpadminbar {
    position: absolute;
    top: -100px;
}

.site-branding .logo img {
    width: 140px;
}

}


@media screen and (max-width: 430px) {
    .site-branding .logo img {
        width: 140px;
    }
    
    .site .sober-container, .site .container {
        padding-left: 14px;
        padding-right: 14px;
    }
    
    header#masthead {
        top: 52px;
    }

    
    footer#colophon{
        a {
            margin: auto;
            float: none;
            display: inline-block;
        }
    }
    
    .footer-widgets .footer-widgets-area {
        text-align: center;
    }
    
    div#topbar {
        height: auto;
        line-height: 1.2em;
        padding: 1.2rem 5px;
        background: #fff;
        b{
            text-align: left;
        }
        i{
            text-align: right;
        }
    }
    
        
    div#popmake-3062, #popmake-3121 {
        width: 90% !important;
        left: 0 !important;
        padding: 0;
        right: 0 !important;
        margin: auto !important;
        
        figure.aligncenter.size-large.is-resized {
            margin: 0;
        }
        .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
            display: flex;
            flex-direction: column;
            gap: 0;
        }
        
        .content-wrap{
            padding: 2rem;
            
            .pum-content.popmake-content {
                h2.wp-block-heading {
                    padding: 0;
                    margin: 0 0 2rem;
                    font-size: 28px !important;
                }
            }
        }
    }
       sr7-arrow.sr7-rightarrow.sr7-arrows.sober-v3 {
            right: 110px !important;
            left: auto !important;
        } 
        
      sr7-arrow.sr7-leftarrow.sr7-arrows.sober-v3 {
            left: 32px !important;
            top: 692px !important;
        }
        
    
    .single-product{
        .thumbnails {
            padding: 10px !important;
             .woocommerce-product-gallery__image {
                width: 49% !important;
                margin: 0.5% !important;
            }
        }
    }
    
}