/*
Theme Name: Porto Child
Theme URI: http://newsmartwave.net/wordpress/porto
Author: SW-THEMES
Author URI: http://newsmartwave.net/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child

*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

#header .logo {
   
    max-width: 150px;
}
#header .header-main .container .header-left {
     padding: 0;
}
.main-content {
    padding-top: 0 !important;
}
.widget_product_categories .widget-title .toggle{
display:none;
}
.widget_product_categories{border:none}
.widget_product_categories ul.product-categories{      border: 1px solid #ccc;
    margin-bottom: 10px;
    background: #fff;}
.widget_product_categories ul.product-categories > li { padding: 8px 0 10px 5px;display: block;}
.widget_product_categories ul.product-categories > li > a { padding: 1px 0 10px 14px; border-bottom: 1px dotted #ccc; display: block;color: #025C94; font-weight: bold; text-transform: uppercase; }
.widget_product_categories .widget-title{    
	    font: 17px/25px sans-serif;
    color: #000;
    background: #f3f3f3;
    background: -webkit-linear-gradient(#f3f3f3, #FFF);
    background: -o-linear-gradient(#f3f3f3, #FFF);
    background: -moz-linear-gradient(#f3f3f3, #FFF);
    background: linear-gradient(#f3f3f3, #FFF);
    text-transform: Capitalize !important;
    border: 1px solid #CCC;
    padding: 4px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.widget_product_categories ul.product-categories > li {
      background: url(cate_ico.png) no-repeat left 8px transparent;
}

.banner-container{z-index: 123;}
.panel-heading{background: #fff;    border-bottom: 3px solid #007cc0;
    border-radius: 0;
    padding: 0;
    border-right: 1px solid #007CC0;
}
.cattype {
    background-color: #007cc0;
    display: inline-block;
    font-size: 103.33%;
    font-weight: 600;
    color: #fff;
    padding: 0 18px;
    text-transform: uppercase;
    line-height: 37px;
    position: relative;
}
.cattype:before {
    border-right: 20px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    border-bottom: 37px solid #007cc0;
}
.product_title {
    font-size: 18px;
    text-align: left;
    padding: 0px;
	    min-height: 46px;
    font-weight: bold;
}
.pborder{padding:0 !important;}
.pborder:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 0 21px 5px #b8b8b8;
    -moz-box-shadow: 0 0 21px 5px #b8b8b8;
box-shadow: 0 0 21px 5px #b8b8b8;}
.pborder .products{    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 5px;}
div.product_sku{text-align:center;}
span.product_sku{
    background-color: #0774B0;
    padding: 5px 10px;
    font-size: 14px;color:#FFF;
	margin: 0 10px;
}
.guest-add {
    background: url("images/tanbinhan-saigon2.jpg")no-repeat -135px bottom #FAFEFF;
    color: #fff;
    padding: 0 30px 13px 30px;
    border: none;
    min-height: 319px;
}
ul.help-text {
    padding-left: 0;
    padding: 0 15px 13px 25px;
}ul.help-text li {
    font-size: 13px;
    line-height: 19px;
    color: #757575;
    font-weight: normal;
    padding: 16px 0 0;
}
ul.help-text .fa {
    float: left;
    width: 59px;
    height: 59px;
    margin: 3px 10px 0 0;
    font-size: 32px;
    color: white;
    line-height: 59px;
    text-align: center;
    background: #0774B0;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.type-text {
    overflow: hidden;
}
.content-bottom-wrapper .widget .widget-title {
padding: 10px 0 0 0;
    margin: 0 0 8px 0;
    font:500 13px/21px sans-serif;
    color: #055690;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.content-bottom-wrapper .widget{   
	border: 1px solid #d8d8d8;
    min-height: 319px;
    background: #fff;
	
    text-align: center;
}
.help-text {text-align:left;}
.content-bottom-wrapper .widget h3{   
	    margin: 0;
    font-size: 20px;
    color: red
}
 
.breadcrumbs-wrap{margin: 0 !important;}
.shop-loop-before, .shop-loop-after{padding-top:20px;}
.home .page-content {
    margin-top: 0;
    background: transparent;
    padding: 0;
}
.post-image.single{margin-top:35px;}
.page-content {
     margin-top: 20px;
    background: #FFF;
}
.ngg-album-compact{width:33.33% !Important;}
.ngg-album-compactbox .Thumb{width:100%;}
.ngg-album-compact h4 .ngg-album-desc {
    overflow: hidden;
    display: block;
    height: 30px !important;
    font-size: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
}
.ngg-breadcrumbs {
       list-style: none;
    overflow: hidden;
    margin: 0;
    background: #f3f3f3;
    background: -webkit-linear-gradient(#f3f3f3, #FFF);
    background: -o-linear-gradient(#f3f3f3, #FFF);
    background: -moz-linear-gradient(#f3f3f3, #FFF);
    color: #FFF;
    padding: 5px 10px !important;
    font-size: 18px;
    border: 1px solid #CCC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
ul.ngg-breadcrumbs>li{color:#000 !Important;}
.slideshowlink{display:none;}
.ngg-galleryoverview{bolder:1px solid #CCC;}
.ngg-gallery-thumbnail-box{width:33.33% !important; }
.blog-posts {
    position: relative;
    padding-top: 35px;
}
ul.form-group{padding:0;margin:0;list-style:none;}
.wpcf7-text{width:100%;}
.wpcf7-textarea{width:100%;}
.rating-wrap{display:none !important;}
.add-links-wrap{display:none !important;}
#divAdLeft{margin-top: 70px;}
#divAdRight{margin-top: 70px;}
article.post .post-image.single{margin-top:0; !Important}
.fa-home{    font-size: 19px;}
.widget {
   margin:0 !important;
}
.ngg-breadcrumb a{color:#000 !important;} 
.selected a{padding:11px !important;}
 
.product_sku a{color:#FFF; text-decoration:none;} 
.popover{
        max-width:600px;
    }
	#mini-cart{z-index:999999;}
.widget-recent-posts .widget-title{    
	    font: 17px/25px sans-serif;
    color: #000;
    background: #f3f3f3;
    background: -webkit-linear-gradient(#f3f3f3, #FFF);
    background: -o-linear-gradient(#f3f3f3, #FFF);
    background: -moz-linear-gradient(#f3f3f3, #FFF);
    background: linear-gradient(#f3f3f3, #FFF);
    text-transform: Capitalize !important;
    border: 1px solid #CCC;
    padding: 4px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#mini-cart.minicart-inline .cart-items{font-size:15px;}
#cart_title{
	    position: absolute;
    right: 10px;
    color: #333;
}
.home .product_title{text-align:center !important;font-weight:normal !important;margin: 0;}
#header_infor{
	    position: absolute;
    left: -50%;
  
    text-align: center;
}
.share-links{padding:0 !important;margin:0 !important;}
.product-image{border:none !important;}
.column2 ul.pcols-lg-3 li.product, .column2 ul.pcols-lg-3 li.product-category {
    width: 31.6% !Important;
    padding: 0 !Important;
    margin: 5px !Important;
    border-radius: 5px !Important;
}
.ngg-gallery-thumbnail img{
height: auto;
    min-height: 230px !important;
    max-height: 230px;
}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 768px) {
   .header-extra-info{margin-right:30px;}
   #cart_title { top: 35px; }
   .sticky #cart_title { top: 25px; }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  .column2 ul.pcols-lg-3 li.product, .column2 ul.pcols-lg-3 li.product-category {width: 100% !Important;margin: 0 !important; }
  #cart_title {position: absolute;right: 60px;color: #222;top: 10px;}
}