/*
Theme Name: Hat Dieu - MST37782
Theme URI: https://muatheme.com/san-pham/theme-wordpress-ban-hat-dieu/
Author: MuaTheme.com
Author URI: https://muatheme.com
Description: Theme by MuaTheme.com
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.widgets-boxed .widget
{
	padding: 10px 10px 10px;
}
.widgettitle{font-size: 16px;
    background: #824a1a;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    letter-spacing: 0;
    color: white;
    font-weight: normal;margin:0}
.slider .widget ul{margin-left:8px}
.slider ul.ul-reset>li{    border: 1px solid #e6e6e6;}
.slider .col-inner ul li{margin-left:0}
ul.menu>li>a{padding: 7px 0;}
.nav-spacing-xlarge>li{margin:0}
.nav-dark .nav>li.active>a{background: #fe9705}
.nav-dark .nav>li>a{padding-left:12px; padding-right:12px}
.nav-dark .nav>li>a:hover{background: #fe9705}
.tieu-de span{    text-transform: uppercase;
    font-size: 20px;
    margin: 0 15px;}
.tieu-de{position: relative;display: flex;flex-flow: row wrap;align-items: center;    justify-content: space-between;
    width: 100%;}.tieu-de b{display: block;flex: 1;
    height: 2px;
    opacity: .5;
    background-color: #fe9705;}
.product-title{font-size:17px; font-weight: bold}
.price-wrapper{font-size:14px; margin-top:10px}
.price-wrapper .price{margin-top:10px; font-size:18px}
.price-wrapper .price ins span{color: red}
.price-wrapper .price del span{color: gray; font-size:16px}
.badge-container{margin: 0px 0 0 0;top:1px; left:1px}
.badge{    height: 30px;
    width: 50px;}
.badge-inner.on-sale {
    background-color: #ff7300;
    border-bottom-right-radius: 10px;border-top-left-radius:4px;top:1px; left:1px
}
.section-san-pham .box{    border: 1px solid #ececec;
    width: 100%;
    position: relative;
    border-radius: 4px;
    margin: 0 auto;
    background: white;}
.section-san-pham .box:hover{border: 1px solid #fe9705;    background: #fe9705; color: white}
.section-san-pham .box:hover .price-wrapper .price ins span{color: white}
.section-san-pham .box:hover .price-wrapper .price del span{color: white; font-size:16px}
.section-san-pham .box:hover .product-title a{color: white}
span.amount{color:red}
.section-san-pham .box:hover span.amount{color: white}

.section-san-pham{    padding-bottom: 0px;}


.section-tin-tuc .box{    border: 1px solid #ececec;
    width: 100%;
    position: relative;
    border-radius: 4px;
    margin: 0 auto;
    background: white;}
.section-tin-tuc .box:hover{border: 1px solid  #fe9705;  }
.section-tin-tuc .box:hover .product-title a{color: white}

.section-tin-tuc .box:hover span.amount{color: white}

.section-san-pham{    padding-bottom: 0px;}
.box-blog-post .is-divider{display:none}

.section-tin-tuc .box .box-text h5{letter-spacing:0; margin-bottom:10px}
.section-tin-tuc .box  .box-text p:hover{color: black}
.section-tin-tuc:hover .box-text p{color:black}
.section-tin-tuc{padding-top:0; padding-bottom:0}
.section-comment{padding-top:0; padding-bottom:0}
.section{    padding: 0px 0;}
.section section-tin-tuc{padding-bottom:0}
.section-tin-tuc .row-small>.col{    padding: 0 15px 0px;}
.section-tin-tuc .col{padding: 0 15px 0px;}
.dang-ky-tu-van p{    margin-bottom: 0;}
.dang-ky-tu-van .row .col{    padding: 0 9.8px 0px;}
.lightbox-content{border-radius:4px}
input[type='submit']:not(.is-form){border-radius: 4px}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea{border: 1px solid #51a718;
    border-radius: 4px;}
form{margin-bottom:0px}
input:hover{box-shadow: inset 0 0em 0em 0 transparent;}
.footer a{color: white;}
.footer a:hover{color:#53ac19;}
.footer p{margin-bottom:12px; COLOR: WHITE}
.footer ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star, ul li.bullet-arrow{    border-bottom: 1px solid #3c3c3c;padding: 7px 0px 7px 15px;}
.footer .col{    padding: 0 9.8px 0px;}
.absolute-footer{padding: 10px 0 10px;}

.widget .is-divider{display:none}
.article-inner .relative{display:none}
.entry-content{    padding-top: 10px;
    padding-bottom: 10px;}
.is-divider{display:none}
.article-inner .entry-content single-page ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star{    border-bottom: 1px solid #f7f7f7;}
footer.entry-meta{display:none}
.next-prev-nav .flex-col{display:none}
span.widget-title{    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    color: #fe9705;
    padding-bottom: 10px;}
#product-sidebar .menu-danh-muc-san-pham-container{    border: 1px solid #e8e8e8;
    padding: 8px;
    border-radius: 4px;    margin-top: 10px;}

.product_list_widget .product-title{font-size:15px; font-weight: normal}
.button.is-outline, input[type='submit'].is-outline, input[type='reset'].is-outline, input[type='button'].is-outline{    border: 1px solid currentColor;}
.shop-container{padding-top:20px; padding-bottom:20px}
.product-main{    padding: 0px 0;}
.hide-for-off-canvas{display:none}
.dia-diem-mua-hang{    background: whitesmoke;
    padding: 8px;
    border-radius: 4px;margin-top:10px}
.dia-diem-mua-hang .address{ font-weight: bold;
    margin-bottom: 8px;}
.dia-diem-mua-hang .info{font-size:13.5px}
.op-7{display:none}
.product-main .product-title{font-size:20px}
[data-icon-label]:after, .button#place_order, .button.checkout, .single_add_to_cart_button.button{border-radius:4px}
.khuyen-mai {
    border: 1px solid #bfbfbf;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    margin-bottom: 15px;
    line-height: 18px;
}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){    margin-top: -31px;
    background: #824a1a;
    padding-left: 10px;}
.product-footer .nav>li.active>a{    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;background: #fe9705;}
.product-footer .nav > li > a {
    font-weight: normal;
    font-size: 15px;
    color: gainsboro;}
.chat-facebook .col{padding: 0 9.8px 0px;}
.chat-facebook .button{margin-bottom:0}
.detailcall-1{    margin: 10px 0;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fd6e1d;
    box-shadow: 0 0px 0 0 #248c50 inset;
    text-align: center;}.detailcall-1 h3{    margin-bottom: 0px;}
.form-content .cottrai img{margin-bottom:10px}
.notice {
    border: 1px solid #ff6009;
    color: green;
    padding: 5px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    margin-top: 10px;}

button.btn.btn-default{    padding: 0px 20px;
    border-radius: 4px;}
.footer .col-inner{color:white}
.woocommerce .woocommerce-bacs-bank-details ul{margin-left:20px}
.widget-area .menu-danh-muc-san-pham-container {border: 1px solid #e8e8e8;
    padding: 8px;
    border-radius: 4px;
    margin-top: 10px;
}
.shop-container .col-inner{border: 1px solid #efefef;
    border-radius: 4px;}
.shop-container .col-inner:hover{border:1px solid #53ac19}
.header-block-block-2{width:100%}




.box-vertical .box-text h5{    margin-bottom: 6px; font-size:20px}
.box-vertical .box-text{vertical-align: top; padding-top:0px}

.current-menu-item > a{    background-color: #53ac19;}
.meta-post-danh-muc{font-size: 13px;
    color: gray; margin-bottom: 10px; display: inline-block}
.meta-post-danh-muc a{font-size: 14px;
    color:gray;}
.meta-post-danh-muc a:hover{color:#53ac19}
.meta-post-danh-muc .luot-xem{padding-left: 3px;padding-right: 10px;
}
.meta-post-danh-muc .meta-date-capnhat{padding-left:4px;    padding-right: 6px;}
.meta-post-danh-muc .danh-muc .category a{margin-right:10px}
.meta-post-danh-muc .danh-muc .tac-gia{margin-right:10px}
@media screen and (max-width: 849px){.chat-facebook .col {
    padding: 0 9.8px 10px;}.detailcall-1{margin:0}}
.category-page-row{padding-top:0px}
.meta-related ul li a{color: #53ac19}
.meta-related ul li a:hover{color: #ff7300}
.list-news{    width: 100%;
    display: inline-block;margin-bottom: 0;}
.list-news h3{font-size:18px; margin-top: 15px}
.list-news li{width: 23.5%;
    float: left;
    margin-right: 11px;margin-bottom: 0;
    font-size: 12px;list-style: none}
.item-list{margin-top:10px}
.new-img{width: 100%; height: 110px}
.new-img img{height:100%}
.relative-post-title{    font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;}


.current-menu-item > a{
background-color:#0086ea;
}
/* Form để lại số điện thoại */
.call-phone-product .wpcf7-form-control-wrap{
	padding:0px;
	margin:0px;
}
#san-pham-quan-tam{
display:none;
}
.call-phone-product{width:100%;padding:8px !important;margin-top:8px;background-color:#22934e;border-radius:3px;display:block;margin-bottom:0px;}
.call-phone-product aside input {
	margin-bottom:0px !important;
}
.call-phone-product aside{
	
	height:100%;
	padding:0px;
	margin:0px;
}
.call-phone-product aside input:focus{box-shadow:none;}
.call-phone-product>aside:first-child{display:inline-block;float:left;width:78%;}
.call-phone-product>aside:first-child>input{height:28px;margin:0;border:none;font-size:12.5px !important;}
.call-phone-product>aside .text-customer-name{border:0;font-size:12px;color:#999;display:none;padding:5px 5px 5px 5px;margin-top:0px;width:100%;display:none;margin-bottom:3px;}
.call-phone-product>aside .text-number-phone{margin:0;padding:5px 5px 5px 5px;display:block;font-size:12px;}
.call-phone-product>aside .text-number-phone.focused{
	margin-top:8px;
}
.call-phone-product>aside:last-child{width:calc(22% - 8px) !important;display:block;position:relative;float:right;height:auto;}
.call-phone-product>aside .btn-sent-number-phone{width:100%;height:100%;max-height:100%;border:0;background-color:#f60 !important ;font-size:13px;color:#fff;font-weight:normal;position:absolute;top:0px;right:0px;margin:0;display:block}
@media only screen and (max-width:667px){
	.call-phone-product>aside:first-child{width:75%;}
	.call-phone-product>aside:last-child{width:calc(25% - 8px) !important;}
}	
/* Form để lại số điện thoại */
@media only screen and (min-width: 320px) and (max-width: 768px) {
.bai-viet-tag {    display: inline-block;
    width: 100%;
    display:inline-block;
}
.list-news li {
   width: 46.5%;
    float: left;
    margin-right: 6px;
    margin-left: 6px;
}
.home_slider .danh-muc{display:none}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}