/* 
Theme Name: N2WHOA! Child Theme
Theme URI: https://www.themegrill.com/themes/estore/
Author: ThemeGrill
Author URI: https://www.themegrill.com
Description: eStore is a clean, beautiful and fully customizable responsive WooCommerce WordPress theme. This theme packs many premium features and several custom widgets which helps making your online store professional and well organized. Theme is fully compatible with WooCommerce and YITH WooCommerce Wishlist plugins. As an online store owner, attracting customers and selling products will be lot easier with this theme. Check the demo here: https://demo.themegrill.com/estore and get free support here: https://themegrill.com/support-forum/forum/estore-free/
Template:		 n2whoa
Version:		 1.5.5
Text Domain:	 n2whoa-child
-------------------------------------------------------------- */ 

/* =Theme customization starts here
------------------------------------------------------- */

p {
    margin: 0 0 10px;
    font-family: "Myriad Pro-Regular", Arial, Sans-Serif;
}

.top-header-wrapper {
    background: #6b6b6b;
}

.left-header-block {
    margin-top: 0;
    margin-right: 0;
    padding-right: 0;
}

.left-header-block span a {
    color: #ffffff;
    font-weight: 600;
    line-height: 38px;
    padding: 0 10px;
    display: inline-block;
}

.left-header-block span a:hover {
    background: #00A9E0;
    color: #ffffff;
}

.left-top-header .top-header-menu-wrapper ul li a,
.right-top-header .top-header-menu-wrapper ul li a,
.left-top-header .left-header-block i,
.right-header-block a {
    color: #ffffff;
}

.woocommerce .widget_shopping_cart_content .buttons a.button {
    text-align: center;
    width: 100%;
}

.category-menu {
    /*width: 170px;*/

}

.menu .home,
.menu .home:hover {
    background: #333;
    width: 170px;
}

#site-navigation ul.menu li.home a {
    color: #fff;
    text-align: center;
}

.page-header .entry-title {
    margin-bottom: 20px;
}

.page-header {
    text-align: left;
}

.home .big-slider {
    margin: 30px 0;
}

.home .sliders section {
    margin-top: 0;
}

.small-slider-wrapper {
    margin-top: 30px;
}

.small-slider-wrapper .widget {
    position: relative;
}

.small-slider-wrapper section {
    margin-top: 0;
}

.small-slider-wrapper section:first-child {
    margin-bottom: 21px !important; 
}

.small-slider-wrapper .widget-title {
    background: rgba(0,0,0,.6) none repeat scroll 0 0;
    color: #ffffff;
    bottom: 0;
    font-size: 18px;
    left: 0;
    margin: 0;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.home .widget-about {
    background: #f9f9f9;
}

.home .widget-about .tg-container .about-content-wrapper .about-block .about-content {
    font-size: 12px;
    line-height: 1.231;
}

.home .about-img img {
    /*position: relative;
    left: 50%;
    max-height: 630px;*/
}

@media screen and (min-width: 980px) {
    /*.home .widget-about {
        min-height: 600px;
    }*/
}

@media screen and (min-width: 1024px) {
    /*.home .widget-about {
        min-height: 500px;
    }*/
    .home .widget-about .tg-container .about-content-wrapper .about-block .about-title {
        font-size: 22px;
    }
}

.widget-about .tg-container {
    position: relative;
    left: auto;
    transform: none;
}

.widget-about .tg-container .about-content-wrapper {
    width: 60%;
    position: relative;
    float: left;
    padding: 30px 0;
}

.widget-about .tg-container .about-content-wrapper:before {
    content: none;
}

.widget-about .tg-container .about-content-wrapper:after {
    content: none;
}

.widget-about .tg-container .about-content-wrapper .about-block {
    position: relative;
    transform: none;
}

.widget-about .tg-container .about-image-wrapper {
    width: 40%;
    position: relative;
    float: left;
    background: #fcfbf9;
    margin-top: 30px;
}

@media (max-width: 1159px) {
    .widget-about .tg-container {
        background: #f9f9f9 none repeat scroll 0 0;
        height: auto;
        left: auto;
        padding: 20px 20px;
        position: static;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        width: 100%;
    }
}

@media (min-width: 1160px) {
    /*.home .about-img img {
        left: 50%;
        min-height: 500px;
    }*/
}

@media (max-width: 979px) {
    .about-image-wrapper {
        display: none;
    }
    .about-content-wrapper {
        width: 100%;
    }
}

.woocommerce li.product .out-of-stock {
    color: red;
}

.single-product.woocommerce-page .product .free-delivery-notice {
    background: #ff0;
    font-size: 110%;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-safety {
	padding: 20px 20px 0;
	margin-bottom: 0;
}

.single-product.woocommerce-page .product .woocommerce-tabs #tab-safety h2 {
	font-size: 18px;
}

.woocommerce-terms-and-conditions {
    display: none !important;
}

.checkout-terms {
    display: block;
    max-height: 200px;
    overflow: auto;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    background: rgba(0,0,0,.05);
    margin-bottom: 1.618em;
    padding: 1.618em;
}

#top-footer {
    background: #6b6b6b none repeat scroll 0 0;
    color: #ffffff;
    padding: 20px 0;
}

#top-footer .widget-title span,
#top-footer .widget_nav_menu li a,
#top-footer .widget a {
    color: #ffffff;
}

#top-footer .widget dd:hover i:before {
    color: #00a9e0;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

footer dl dt {
    display: none;
}

footer dl dd i {
    padding-right: 20px;
}

footer #social .facebook a {position: absolute; width: 40px; height: 40px; border-bottom: none;}
footer #social .twitter a {position: absolute; width: 40px; height: 40px; border-bottom: none;}
footer #social .youtube a {position: absolute; width: 40px; height: 40px; border-bottom: none;}

footer #social .facebook {position: relative; background: url(images/facebook.png) left center no-repeat; margin: 5px; width: 40px; height: 40px; float: left;}
footer #social .twitter {position: relative;  background: url(images/twitter.png) left center no-repeat; margin: 5px; width: 40px; height: 40px; float: left;}
footer #social .youtube {position: relative;  background: url(images/youtube.png) left center no-repeat; margin: 5px; width: 40px; height: 40px; float: left;}

.payments-accepted {float: left; margin-left: 20px;}