/*
Theme Name: Mẹ và bé
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#nfp-product-per-page {

    display: none;
}
#wide-nav .nav-dropdown {
height: 225px!important;
}
.woocommerce-billing-fields {
    /* border-top: 3px solid #ddd; */
    padding: 18px!important;
}
.woocommerce-additional-fields {
    padding: 18px;
}
.moreproduct a {
    padding: 5px 10px;
    font-size: 14px;
    color: #288ad6;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #288ad6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.moreproduct a:hover {
    color: #fff;
    background: #288ad6;
}
.listmore {
    color: #fff;
    /* text-transform: uppercase; */
    font-size: 14px;
    font-weight: 700;
    margin-bottom: -4px;
    top: 10px;
    right: 8px;
    position: absolute;
}
.listmore a {
    color: #fff;
}
.listmore a:hover {
    color: #fff;
}
.post-sidebar {
    background: #fff;
    
}
div#comments {
    background: #fff;
    padding: 2px 5px 0px;
}
.article-inner {
    background: #fff;
    padding: 5px 5px 0px;
}
.boxtitle {
    width: 100%;
    float: left;
    background: #34aa40;
    color: #fff;
}
.heading_title {
    float: left;
    background: #faec31;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 9px 10px 7px;
}
.bg_title {
    background-image: url(http://shop.giaodienwebmau.com/wp-content/themes/web-khoi-nghiep/images/icon_heading.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 43px;
    height: 38px;
    float: left;
}
.titleright {

    padding: 12px 10px 8px;
    background: #34AA40;
    line-height: 1.3em;
font-weight:600;
    text-transform: uppercase;
    text-align: center;
color:#fff;
display:none;
}
figure h2 {
    float: left;
    padding: 12px 10px 8px;
    background: #34AA40;
    line-height: 1.3em;
    text-transform: uppercase;
    font-size:14px;
}

.box-blog-post .is-divider {
    
    display: none!important;
}
.col, .gallery-item, .columns {
    padding: 0 5px 10px!important;
    
}
.nav>li>a>i {
    margin-right: 5px;
}
.form-flat input:not([type="submit"]) {
    background-color: #fff!important;
}
.button.is-outline {
    border: 2px solid currentColor;
    background-color: #fff!important;
}
[class^=iconbkit-], [class*=iconbkit-] {
    background-image: url(https://www.bachkhoashop.com/static/img/iconbkc@1x.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}
.iconbkit-mobile {
    background-position: -21px 0;
    width: 15px;
}
.iconbkit-tablet {
    background-position: -35px 0;
    width: 33px;
}
.iconbkit-laptop {
    background-position: -69px 0;
    width: 30px;
}
.iconbkit-apple {
    background-position: -318px 0;
    width: 16px;
}
.iconbkit-phukien {
    background-position: -101px 0;
    width: 20px;
}
.iconbkit-maydoitra {
    background-position: -124px 0;
    width: 26px;
}
.iconbkit-tbvp {
    background-position: -244px 0;
    width: 25px;
}
.iconbkit-pc {
    background-position: -169px -0;
    width: 27px;
}
.iconbkit-promo {
    background-position: -196px 0;
    width: 20px;
}
.iconbkit-newslg {
    background-position: -274px 3px;
    width: 23px;
}
 .product-gallery-slider img {
    width: 100%;
    border: 1px solid #fad82e;
}
span.widget-title {
    font-size: 1em;
    font-weight: 600;
    color: red;
}
.widget .is-divider {
    margin-top: .66em;
    display: none;
}
.woocommerce {
    background: white;
}
.woocommerce {
    background: white;
   
}
.is-divider{
display:none!important;
}
.product-info {
    padding-top: 10px;
    background: white;
    border: 1px solid #fcd42b;
}
.product-small.box {
    margin-bottom: 10px;
    
}
.woocommerce-tabs {
    padding: 30px 10px !important;
    border-top: 1px solid #ececec;
    background: white;
    border: 1px solid #fcd42b;
}
div#shop-sidebar {
    background: white;
    padding: 5px;
border: 1px solid #fcde37;
}
.box {
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: white;
    padding: 2px 10px 0px;
    border-bottom: 1px dashed #dedede;
}
.khuyen-mai {
    border: 1px solid #bfbfbf;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    margin-bottom: 15px;
    line-height: 18px;
}
.khuyen-mai h4 {
    color: red;
}
.khuyen-mai li {
    list-style: none;
    margin-bottom: 5px;
}
/*
Bạn có thể thêm CSS ở đây.

Nhấp chuột vào biểu tượng trợ giúp phía trên để tìm hiểu thêm.
*/
.form-flat input:not([type="submit"]){background-color: rgba(255,255,255,0.08);
    box-shadow: none;
    border-color: #989898;
    background-position: 99% 50%;
    color: currentColor !important;
    border-radius: 4px;
    height: 36px;}
.searchform .button.icon i {
    font-size: 1.2em;
    color: #7ec33b;}
input[type='search']:focus{border:1px solid #7ec33b;box-shadow: 0 0px 6px 0 #cce6b3, 0 6px 20px 0 rgba(255,255,255,0.08)}
.header-bottom{
    height: 59px;    background-color: white;}
.html1-header{font-size:13px; color: rgba(102,102,102,0.85)}
#top-bar .nav>li{margin: 0 5px;}
#top-bar .nav>li>a:hover{    color: #1E73BE;}
#top-bar .nav>li.active>a{   color: #1E73BE;}
.hotline-class{font-size:13px}
#wide-nav .nav-spacing-xlarge>li{margin:0; height:55px;   border-right: 1px solid rgba(255, 255, 255, 0.37);}
#wide-nav .header-bottom-nav.nav > li > a{height:55px; padding-left:13px; padding-right:13px; font-size:12.5px; text-align: center; line-height:19px}
#wide-nav .header-bottom-nav.nav > li > a:hover{background: white}
.nav-dropdown-default{padding:14px}
#wide-nav  .nav-dropdown{box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border: 0px solid #ddd;
    height: 350px;
    border-bottom: 2px solid #fce234;top:54px}
 .nav-dropdown .menu-item-has-children>a{    text-transform: none;
    font-size: 15px;
    font-weight: bolder;}
 .nav-dropdown-default .nav-column li>a{    border-bottom: 0px solid #ececec;}
.nav-column li>a, .nav-dropdown>li>a{padding: 6px 20px;}
.nav-dropdown.nav-dropdown-default>li>a{    border-bottom: 0px solid #ececec;
    color: #34aa40;
}
#wide-nav .header-bottom-nav.nav > li:active, #wide-nav .header-bottom-nav.nav > li:visited, #wide-nav .header-bottom-nav.nav > li:focus {background: white}
.nav-dropdown li.image-column{width:240px;min-width:240px; vertical-align: bottom}
#wide-nav .nav li:first-child{    border-left: 1px solid rgba(255, 255, 255, 0.37);}
.nav-dropdown>li.nav-dropdown-col{     min-width: 250px;
    border-right: 0px solid #ececec;}
.nav-dropdown li.image-column>a img{margin-top: 10px;padding-right: 10px;
    margin-bottom: 6px;}

li.current-dropdown>.nav-dropdown-full, li.has-dropdown:hover>.nav-dropdown-full{width:100% !important; margin:0 auto  !important;}
.nav-dropdown-default .nav-column li>a:hover{color:#007ee4}

#main{top:-5px; background: #f0f0f0!important;   
    }
.header-bottom{background-color: rgba(255, 255, 255, 0);
box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}
.header-bg-color{    background-color: rgba(255, 255, 255, 0);}

#wide-nav .nav-dropdown-has-arrow li.has-dropdown:before {
    z-index: -999;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;}
.hotline-nav{padding-left:13px; padding-right:13px; text-align:right; padding-top:4px}
.hotline-nav .hotline-nav-phone{font-size:18px; color: red; font-weight: bold; }
.khuyen-mai{padding-left:13px; padding-right:13px; padding-top: 4px}
.icon-angle-down[class^="icon-"]{display:none}
.button span{    font-family: "Helvetica,Arial,sans-serif", sans-serif;
    font-weight: normal;
    color: rgba(102,102,102,0.85);padding-top:2px}
.nav-dropdown{box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    border-radius: 4px;
    border: 1px solid #fcdb2e;}
.nav-dropdown-has-arrow li.has-dropdown:before{    border-bottom-color: #fcdf34;
    border-width: 8px;
    margin-left: -8px;}
.nav-dropdown.nav-dropdown-default>li>a:hover{color:#007ee4}
.header-button .is-outline:hover{background: white; border: 1px solid #007ee4}
.button.icon.is-small{margin-bottom:5px}
.button.icon i{COLOR: rgba(102,102,102,0.85);}
.dashboard-links a{font-size:15px;    padding: 15px 0;}
.dashboard-links a:hover{    background-color: #fcc83e;}
.button, button, input, textarea, select, fieldset{border-radius:4px}
#content .button, button, input, textarea, select, fieldset{  border-radius:4px;  text-transform: none;
   }  
#content{font-size:15px}
#shop-sidebar, .shop-container, .woocommerce-result-count, .woocommerce-ordering select, .woocommerce-ordering{font-size:15px}
.lightbox-content{border-radius: 4px}
.lightbox-content .lightbox-inner{padding: 20px 20px}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before{    bottom: 0px;}
.baby-faishon-text{    height: 48px;
    width: 100%;
    position: relative;}
.baby-faishon-text > div {
    width: 100%;
    text-align: center;
}
.baby-faishon-text div .ribonleft {
    display: inline-block;
    float: left;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    top: 23px;
    border-bottom: 1px double silver;
    border-top: 1px double silver;
}
.baby-faishon-text div .riboncenter {
    display: inline-block;
    background-image: url("//cdn.fcglcdn.com/brainbees/images/n/main-bg.jpg");
    position: relative;
    background-repeat: repeat;
}
.baby-faishon-text div .baby {
    font-size: 22px;
    color: rgb(51, 51, 51);
    margin-left: 15px;
    margin-right: 7px;
}
.baby-faishon-text div .fashion {
    font-size: 22px;
    color: rgb(51, 51, 51);
    font-weight: 700;
    margin-bottom: 9px;
    margin-right: 7px;
}
.baby-faishon-text div .subheading {
    color: rgb(106, 106, 106);
    font-size: 14px;
    position: relative;
    top: -4px;
}
.baby-faishon-text div .ribonleft {
    display: inline-block;
    float: left;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 4px;
    top: 33px;
    border-bottom: 1px double #d8d8d8;
    border-top: 1px double #d8d8d8;}
.cham-soc-be-yeu .img .img-inner{border: 1px solid #efefef}
.behoc-bechoi{padding-top:0px}
span.amount{color: #f00;
    font-weight: bold;
    font-size: 17px;}
.box-text a:not(.button){    margin-bottom: 7px;
    height: 30px;
    overflow: hidden;}
.behoc-bechoi .noi-dung .col{padding: 0 9.8px 0px;}
.behoc-bechoi .noi-dung .sub-menu ul li{font-size:13px; list-style: square; color: #b3b3b3}
.behoc-bechoi .noi-dung .sub-menu {background: white; margin-left: 0px; margin-right: 0px; margin-top: -15px}
.behoc-bechoi .noi-dung .sub-menu ul li+li{border-top: 1px dotted #efefef;}
.top-footer {background-image: url("http://bachkhoa.quangtriweb.com/wp-content/uploads/2017/10/testimonials-bg.png"); background-repeat: repeat; height: 212px}
.absolute-footer ul li a{text-transform:none; letter-spacing: 0; color: black}
.copyright-footer{color: #543b00; font-size:13px}
.top-footer .col{padding: 0 9.8px 10px;}
.top-footer input[type='submit']:not(.is-form){border-radius: 4px; font-size:14px}
.top-footer .blog-footer ul li{list-style: none;    margin-bottom: 2px; margin-left: 0px }
.top-footer .blog-footer p{margin-bottom:8px;}
.absolute-footer{padding: 10px 0 5px;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}