/*

Theme Name: Flatsome Child

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.0

*/



/*************** ADD CUSTOM CSS HERE.   ***************/
#masthead input[type='search']{
	 padding-right: 80px;
}  
.cart{
	display:none
}
#content li{
	margin-left:10px
}
.secondary{
	background-color:#eb2329 !important;
}
h3.widget-title {
    font-size: 1em;
    display: block;
    border-left: 7px solid red;
    background-color: #f7f7f7;
    padding: 10px;
}
 .header-top{
     background-color: #e9e9e9;
     border-bottom: 1px solid #f6f6f6;
}
 .header-top ul li a{

     border-width: 0 1px 0 0;
     box-shadow: 1px 0 #fff;
     line-height: 15px;
     text-shadow: 1px 1px #fff;
     color:red !important
}
 .hot_line span{
    color:black;
    font-weight:bold;
	 font-size:0.6em;
}
 .hot_line{
    color:#2445a2;
	 font-size: 1.5em;
}
 #wide-nav .nav > li > a{
    color:white;
    padding:10px 20px;
    border-right:1px solid white
}
 #wide-nav .nav li ul li a:before{
    content:"\f111";
     font-family: FontAwesome;
    font-size:0.9em;
    padding-right:5px
}
 .widget>ul>li ul{
    border-left:0px
}
 .widget>ul>li ul li{
    border-bottom:1px solid silver
}
 .widget>ul>li ul li:last-child{
    border:0px
}
 .widget>ul>li ul li:before{
    content:"\f105";
    font-family: FontAwesome;
    padding-right:5px
}
 #content .icon-angle-down:before{
    content:url(img/menu_down.png)
}
 .is-divider{
    max-width:100%
}
 span.amount{
    color:red
}
 .san_pham_ban_chay .badge{
    height: 1.8em;
     width: 4.8em;
}
 .san_pham .badge-container{
    right:0px;
    margin:10px
}
 .san_pham .left{
    left:unset
}
 .san_pham .badge{
     height: 1.8em;
     width: 5.8em;
}
 li.current-dropdown>.nav-dropdown{
     position: absolute;
     z-index: 3000;
     background-color: #e9e9e9;
     text-align: left;
     padding: 20px;
     margin: 0;
     text-shadow: 1px 1px #f9f9f9;
     box-shadow: 0 13px 6px -11px #b3b3b3 inset, 0 6px 12px -5px #666;
}
 .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after{
    display:none
}
 #wide-nav .nav > li > a:hover{
    background-color:#b90e2c;
}
 .chat a,.ship a,.discount a,.back a{
    color:white
}
 .chat{
    background-color:#eb2329;
    color:white;
     border: 1px dashed white;
    font-size:0.8em;
    transition:1s 
}
 .chat .hinh:before{
    font-family:FontAwesome;
    content:"\f086";
    padding-left: 10px;
    padding-right: 20px;
    border-right:1px solid;
     font-size: 3.5em;
}
 .ship{
    background-color:#eb2329;
    color:white;
     border: 1px dashed white;
    font-size:0.8em;
    transition:1s 
}
 .ship .hinh:before{
    font-family:FontAwesome;
    content:"\f072";
    padding-left: 10px;
    padding-right: 20px;
    border-right:1px solid;
     font-size: 3.5em;
}
 .discount{
    background-color:#eb2329;
    color:white;
     border: 1px dashed white;
    font-size:0.8em;
    transition:1s 
}
 .discount .hinh:before{
    font-family:FontAwesome;
    content:"\f0d1";
    padding-left: 10px;
    padding-right: 20px;
    border-right:1px solid;
     font-size: 3.5em;
}
 .back{
    background-color:#eb2329;
    color:white;
    border: 1px dashed white;
    font-size:0.8em;
    transition:1s 
}
 .back .hinh:before{
    font-family:FontAwesome;
    content:"\f0d6";
    padding-left: 10px;
    padding-right: 20px;
    border-right:1px solid;
     font-size: 3.5em;
}
 .back .chu,.discount .chu,.ship .chu,.chat .chu{
    padding-left:20px;
     display: inline-block;
     width: 70%;
}
 .bai_viet:before{
    background-image:url("/wp-content/uploads/2017/10/scrolldown2.jpg");
     background-attachment: fixed;
     background-position: 100%;
    width:100%;
    height:100%;
    content:"";
    position:absolute
}
 .tieu_de{
    font-weight:bold;
    color:black;
    border-bottom:1px solid black;
    text-align:center
}
 .khu_vuc{
    height:125px;
    overflow:hidden;
    transition:1s
}
 .khu_vuc img{
    border-radius:50%
}
 .khu_vuc:hover{
    overflow:unset;
    transition:1s
}
 .khu_vuc .so_dien_thoai_dia_chi{
    position:relative;
    z-index:10;
    background-color:black;
    border-radius:20px;
     background-color: #e9e9e9;
     text-align: left;
     padding: 20px;
     margin: 0;
     text-shadow: 1px 1px #f9f9f9;
     box-shadow: 0 13px 6px -11px #b3b3b3 inset, 0 6px 12px -5px #666;
}
 .lien_he i{
     padding: 6px 11px;
     border-radius: 50%;
    transition:1s;
}
 .lien_he span{
    padding-left:5px
}
 .text:hover i{
    border-radius:0px
}
 .footer .box-text{
    background-color:transparent;
    color:white;
    padding-bottom:0px;
    padding-top:0px
}
 .footer .is-divider{
    display:none
}
 .huong_dan_tham_khao i{
    background-color:#09c;
    padding:20px;
    border-radius:10px;
    color:white;
    font-size:1.5em
}
 .huong_dan_tham_khao a{
    padding:5px;
}
 .footer .box-text:before{
    content:"\f105";
     font-family: FontAwesome;
     position: absolute;
    transition:1s;
    top:0px
}
 .footer .box-text .post-title{
    padding-left: 12px;
     font-weight: normal;
     padding-bottom: 10px;
}
 .footer .box-text{
    transition:2s;
    overflow:hidden
}
 footer .col{
    padding-bottom: 0!important;
}
 aside .product-small{
    padding-bottom: 2px;
     border-bottom: 1px solid #f2f2f2;
}
 .icon-shopping-cart:before{
    color:#cc0033
}
.widget>ul>li:hover ul.children{
	display:block;
}
.header-top {
    position: absolute;
    right: 0px;
	border-bottom:0px
}
.footer-1 {
    background-color: #eb2329 !important;
}
.widget>ul>li>a{
	font-weight:700;
	font-size:0.9em
}
.widget>ul>li>a:before{
	content: "\f111";
    font-family: FontAwesome;
    padding-right: 5px;
	color:red;
	font-weight:bold;
	font-size:0.5em;
	position: relative;
    top: -2px;
}
 @media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE ***************/
     .zalo a{
        color:white
    }
     .zalo{
        position: fixed;
         bottom: 0px;
         left: 0px;
         background-color: #76b51b;
         padding: 5px;
        color:white
    }
     .header-bottom {
         min-height: 1px !important;
    }
}
