/*
Theme Name: SKT White child
Theme URI: http://www.sktthemes.net/themes/skt-white/
Author: SKT Themes - Developed for DayTwo by Dubzz Digital Marketing
Author URI: http://www.sktthemes.net
Description: SKT White is a responsive premium WordPress theme which is suitable for any type of website you want to create. So corporate, business, photography, wedding, industrial, restaurant or any sort of industry. SKT White has the ability to change the link colors. So make it suit your style you want. Comprises of easy to use sections on the homepage which make it super easy for your to manage the content on your homepage. Theme options are also one of the most easy to use and you can edit slider, and the homepage content from options. 100% responsive to the last pixel this theme is retina ready and hd ready and has ability to easily edit any part you want. Comes with default parallax slider.Default page templates, search and other standard pages readily available with this theme. Compatible with popular plugins like WooCommerce making it ecommerce/shop ready and Contact form 7.It is translation ready and can be translated for any language. Has custom header and custom background. Check out the demo at: http://sktthemesdemo.net/skt-white
License: GNU General Public License version 3
License URI: license.txt
Template:       skt-white
Version:        1.0.0
*/
 
@import url("../skt-white/style.css");
@import url("../skt-white-child/css/theme-responsive.css");


/*********************
****** GENRAL ********
**********************/

html {
    overflow-x: hidden;
}

.clearfix{
    clear: both;
}

.summary {
    margin-right: 32px !important;
}

.related {
    clear: both !important;
    border-top: 1px #CCCCCC solid !important;
}

.related h2 {
    padding: 20px;
}

body {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin: .2em 0;
}


/*********************
******  HOME  ********
**********************/

.latest-news {
    display: none;
}

#services-box h2 {
    text-transform: uppercase;
  line-height: 24px;
  min-height: 50px;
}

#services-box {
    width: 19.8%;
    height: 402px;
    display: inline-block;
    float: left;
    margin: 0 1px 0 0;
    padding: 2.4%;
    position: relative;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    background-color: #ffffff;
    border: 1px solid #f5f3f3;
}

#services-box p {
    min-height: 114px;
}

#services-box:hover {
    height: auto;
}

/*********************
****** RETAIL ********
**********************/

 .retailer_div {
    display: block;
    float: left;
    width: 33%;
}

.term-description {
    margin-bottom: 2%;
 }


/*********************
**** CONTACT FORM ****
**********************/

form.wpcf7-form p {
    color: #757575;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: black;
}

/*********************
****** HEADER ********
**********************/

body.home .header div.logo {
    position: absolute;
    z-index: 5;
    top: -300%;
    background-color: #F0F0F0;
    width: 25%;
    height: 325%;
    left: -25%;
}

.logo img {
    width: 90%;
    padding: 5%;
}

body > div.header.fixed > div > div.logo,  body > div.header > div > div.logo{ 
    position: absolute;
    top: 0%;
    left: -25%;
    z-index: 5;
    background-color: #F0F0F0;
    width: 15%;
    height: auto;
}


/*********************
****** PRODUCTS ******
**********************/

.products-img{
    width: 20%;
    float: left;
    margin: 2%;
}

.products-img img{
    max-width: 80%;
}

.products-img h2 {
    margin-top: 5%;
}

.entry-content h3 {
    margin: 3% 0;
    font-size: 1.3em;
}

#post-402 > div > h2, #post-402 > header > h1 {
    font-size: 30px;
    padding-bottom: 30px  
}

#post-402 > div > h2{
    padding-top: 20px;
}

.woocommerce div.product .product_title {
    margin-bottom: 8%;

}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 1.5em;
    margin-bottom: 5%;
}

.woocommerce ul.products li.product .price del {
    display: inline-block;
    padding-right: 5px;
}

/*Products*/

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

    float: unset;
    margin: unset;
        margin-left: unset;
    padding: unset;
    position: unset;
    width: unset;
    margin-left: unset;

}

.woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {

    content: unset;

}

ul.products {
   margin: 2em 0; 
   display: -webkit-box; 
   display: -ms-flexbox; 
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap; 
   -ms-flex-pack: distribute; 
       justify-content: space-around; 
}

/*.woocommerce ul.products li.product {

    width: 100% !important;

}*/

ul.products li.product {
    width: 100% !important;
    


    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
    display: inline-block;
    
    padding: 2.4% 1% !important;
    background-color: #ffffff;
    border: 1px solid #f5f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 
}
    ul.products li.product .woocommerce-loop-product__title {
        color: rgb(117, 117, 117);
        font-size: 21px;
        line-height: 25px;
    }

    ul.products li.product .price {
        color: rgb(117, 117, 117);
    }

    ul.products li.product .button {
        color: #404040;
        font: 300 14px 'Roboto', sans-serif;
        text-transform: uppercase;
        text-align: center;
        border: #fff solid 1px;
        padding: 8px 10px;
        display: block;
        margin: 30px auto 0 auto;
        width: 50%;
        background-color: #f7f6f6;
        margin-top: auto !important;
    }

@media (min-width:568px) {
    
}

@media (min-width:768px) {
    
    ul.products li.product:hover {
        background-color: #f7f6f6;
    }
    ul.products li.product:hover > .button {
        background-color: #fff;
    }

    ul.products li.product {
        width: 50% !important;
    }

}

@media (min-width:991px) {
    ul.products li.product {
        width: 30.9% !important;
        margin: 0 1px 1px 0 !important;
    }
}


/*********************
*** SINGLE PRODUCT ***
**********************/

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 46%;
}

#tab-description {
    float: right;
    width: 100%;
}
    #tab-description h1,
    #tab-description h2 {
        line-height: 1.1;
        margin: .5em 0;
    }

    #tab-description p {
        font-size: 14px;
        margin-bottom: .5em;
    }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 20.05%;
}

.woocommerce ul.products li.product h3 {
    min-height: 42px;
}

.imagewrapper {
    min-height: 149px;
}

.woocommerce div.product div.images img {
    max-width: 100% !important;
    width: initial !important;

}

.woocommerce ul.products li.product a img {
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    max-height: 200px;
}


/*********************
***** ASIDE BAR ******
**********************/

.woocommerce-tabs{
    clear: none !important;
}

.woocommerce-product-search label, .woocommerce-tabs ul.tabs {
    display: none !important;
}

#woocommerce_product_search-2 > form > input[type="submit"]:nth-child(3){
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

#woocommerce_product_search-2 > form > input[type="submit"]:nth-child(3):hover {
    background-color: #dad8da;
    text-decoration: none;
    background-image: none;
    color: #515151;
}

/*********************
****** FOOTER ********
**********************/

.brands a img {
    width: 20%;
    margin: 1% 10% 1% 1%;
}

.footer-col-3 h2 {
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 20px;
}

.social-icons {
    text-align: left;
    margin-left: -5px;
}

.footer-col-1 {
    margin-left: -5px;
}

.phone-no {
    margin-top: 24px;
}

#phone-no strong {
    width: 22%;
}

#phone-no {
    padding-bottom: 20px;
}




#services-box p {
    color: #333;
}


#services-box:hover {
    /*background-color: #fff;
    height: 100%;*/
    cursor: auto;
}


/*********************
******  MEDIA ********
**********************/


@media screen and (max-width: 1800px) {
    
    body.home .header div.logo {
        left: -10%;
    }
}

@media screen and (max-width: 1400px) {
    
    body.home .header div.logo {
        left: 0;
    }
}

@media screen and (max-width: 1141px) {
    
    #services-box h2 {
        min-height: 72px;
    }
}

@media screen and (min-width: 980px) {
    
    .nav   {
        display: block !important;
    }

    .header .header-inner .nav ul li ul {
        display: none;
        z-index: 2;
    }
    
}

@media screen and (max-width: 1024px) and (min-width: 720px){

    #services-box {
            width: 49.60% !important;
            text-align: center;
        }

    }

@media screen and (max-width: 719px) and (min-width: 480px) {
    #services-box {
        width: 100% !important;
        text-align: center;
    }
}

@media screen and (max-width: 720px){
    #services-box {
        width: 100% !important;
        text-align: center;
    }

    .services {
        visibility: visible;
    }
}


@media screen and (max-width: 580px){
    
     /*#services-box:hover {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        padding: 20px 0px;
        margin: 5% 0%;
    }*/
    .home .logo {
        height: unset !important;
        top: -87px;
    }
    

     #services-box{
        height: 100%;
    }

    #services-box:hover {
        background-color: #fff;
        height: 100%;
        cursor: auto;
    }

    #services-box:hover .read-more {
        background: #f7f6f6;
        color: #3a3c41;
    }

    #services-box p {
        display: none;
    }

}


@media screen and (max-width: 980px) {
      
    .products-img {
        width: 44% !important;
    }
  
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        float: left;
        width: 90%;
    }
    
    #tab-description {
        float: left;
        width: 90%;
    }

    body.home .header div.logo {
        left: 0;
    }

    body.home .header div.logo {
        height: 150%;
        top: -150%;
    }

/*     .toggle{
    display:block;
} */
}


@media screen and (max-width: 440px) {
    
  
    .products-img {
        width: 90% !important;
    }

    .top-bar {
        display:none;
    }

    body.home .header div.logo {
        top:-110%;
        height:100%;
    }
    #text-2 {
        display: none;
    }
   /* #services-box:hover {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        padding: 20px 0px;
        margin: 5% 0%;
    }*/

    #services-box p {
        display: none;
        color: #333;
    }

}


/*******************
LOGO @ HEADER Media
*******************/
@media screen and (max-width: 1750px) {

body > div.header.fixed > div > div.logo,  body > div.header > div > div.logo{ 

    left: -20%;
}

}


@media screen and (max-width: 1600px) {

body > div.header.fixed > div > div.logo,  body > div.header > div > div.logo{ 

    width: -12%;
}

}

@media screen and (max-width: 1500px) {

body > div.header.fixed > div > div.logo,  body > div.header > div > div.logo{ 

    top: -25%;
    left: -13%;
    width: 12%;
}

}

@media screen and (max-width: 1280px) {

body > div.header.fixed > div > div.logo,  body > div.header > div > div.logo{ 

    top: -30%;
    left: -3%;
}

.logo img {
    padding: 0 5%;
}

}



@media screen and (max-width: 1220px) {


.content-area {
    width: 94%;
    margin: 5% 3%;
}
.site-main {
    width: 100% !important;
    margin-right: 2%;
}
#sidebar {
    width: 100%;
}

#text-2 {
    display: none !important;
}

} 

@media screen and (max-width: 1024px) {

body > div.header.fixed > div > div.logo,  body > div.header > div > div.logo{ 
    
    left: 2%;
    width: 16%;
    }
  .header .header-inner .logo {
    margin-top: 9px;
}

}

@media screen and (max-width: 1023px) {
body.home .header div.logo {
        height: auto !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
body.home .header div.logo {
        height: auto !important;
}
}




@media screen and (max-width: 979px) {
.toggle a {
    width: 80%;
    margin-left: 20%;
        }
  body.home .header div.logo {
        height: 150% !important;
    }
  .header .header-inner .logo {
    margin-top: 35px;
}

}


@media screen and (max-width: 600px) {

div.header.fixed > div > div.logo, body > div.header > div > div.logo {
    left: -5%;
    width: 25%;
    top: -6%;
}
  body.home .header div.logo {
        height: 100% !important;
    }
}



#stripe-payment-data .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {

    width: 100% !important;
    overflow: visible;

}

@media screen and (min-width: 991px) {

    #stripe-payment-data .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {

        width: 42% !important;
        overflow: visible;

    }

}