/*
Theme Name: Danhhd Child
Description: Design by Danhhd
Author: Danhhd
Author URI: https://www.danhhd.com/
Description: This is theme child of Flatsome
Template: flatsome
Version: 3.0
*/

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


#masthead.nav-dark .header-nav .form-flat input#woocommerce-product-search-field-0 {
    background: #fff !important;
    border: 1px solid #e0e6ec;
    display: block;
    height: 48px;
    padding: 14px 48px 14px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #383e4f !important;
    margin: 0;
    position: static;
    border-radius: 4px;
}

#masthead input#woocommerce-product-search-field-0::placeholder {
    color: #a2a2a2;
}

#masthead.nav-dark button.ux-search-submit {
    padding: 0;
    border: none;
}

#masthead.nav-dark button.ux-search-submit i {
    border-left: 1px solid #e0e6ec;
    color: #44BA46;
    padding: 11px;
    margin-top: 3px;
    margin-left: -9px;
    font-size: 20px;
}

#masthead .searchform-wrapper.form-flat .submit-button.loading:after {
    color: #44BA46 !important;
}

.hotline-dh:before {content: "";width: 20px;height: 40px;background: url(/wp-content/themes/flatsome-child/svg/phone-solid.svg) no-repeat center;position: absolute;left: 0;}

.hotline-dh {
    padding-left: 35px;
    margin-left: 25px;
    position: relative;
    margin-right: 20px;
}

.hotline-dh span {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.hotline-dh a {
    text-align: right;
    display: block;
    line-height: 22px;
    color: #fff !important;
}

div#wide-nav {
    box-shadow: 0 3px 6px rgba(0,0,0,0.08);
}

#wide-nav .header-nav > .menu-item > a.nav-top-link {
    padding: 5px 24px;
    border-right: 1px solid #e2e8ed;
    color: #44ba46;
    font-weight: normal;
    text-transform: none;
}

#wide-nav li.header-vertical-menu > .header-vertical-menu__opener {height: 35px;padding: 5px 15px 3px 0;}

#wide-nav .header-nav > .menu-item {
    margin: 0;
}

#wide-nav li.header-vertical-menu > .header-vertical-menu__fly-out, #wide-nav #menu-danh-muc-san-pham > .menu-item > ul.sub-menu {
    border-top: 1px solid #e0e6ec;
    padding: 16px 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.08);
    width: 350px;
    margin-top: 1px;
}

#wide-nav #menu-danh-muc-san-pham > .menu-item > a.nav-top-link, #wide-nav #menu-danh-muc-san-pham > .menu-item > ul.sub-menu a {
    color: #000;
    font-weight: bold;
    padding: 10px 15px;
    font-size: 14px;
    margin: 0;
    line-height: 1.6;
}

#wide-nav #menu-danh-muc-san-pham > .menu-item > a.nav-top-link:hover, #wide-nav #menu-danh-muc-san-pham > .menu-item > ul.sub-menu a:hover {
    background-color: #44ba46;
    color: #fff;
}

#wide-nav #menu-danh-muc-san-pham > .menu-item > ul.sub-menu {
    margin-top: 0;
}

.row-box {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e2e8ed;
    margin-bottom: 20px;
}

.row-box h3.uppercase {
    border-bottom: 1px solid #e0e6ec;
    font-size: 17px;
    color: #383e4f;
    padding: 16px 22px 13px;
    margin: 0;
}

.row-category .product-category.col {
    border-left: 1px solid #e2e8ed;
    text-align: center;
    padding: 22px 10px 17px !important;
}

.row-category .product-category.col h5 {
    color: #34373d;
    text-transform: none;
    font-size: 15px;
}

.row-category .product-category.col .box-text.text-center {
    padding-bottom: 0;
}

.row-sale {
    background-color: #FBE0B8;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 11px;
    margin-top: 50px;
}

h3.title-sale {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    background: url(/wp-content/uploads/2022/04/home-block3-heading.png) no-repeat center;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
    margin-top: -51px;
}

.bt-view-all {
    position: absolute;
    top: 53px;
    right: 0;
}

.bt-view-all a {
    color: #F16522;
    font-weight: bold;
}

.row-box .row > .col, .row-sale .row-collapse>.flickity-viewport>.flickity-slider>.col, .row-box .row-collapse>.flickity-viewport>.flickity-slider>.col {
    border-left: 1px solid #e2e8ed;
    background-color: #fff;
    padding: 14px 13px 20px !important;
    border-bottom: 1px solid #e2e8ed;
}

.product-small p.name.product-title a {
    font-weight: bold;
    color: #383e4f;
}

.product-small span.price > ins {float: right;}

.product-small span.price > ins bdi, .product-small span.price > .amount > bdi {
    color: #44ba46;
    font-size: 18px;
    line-height: 23px;
}
.product-small span.price > .amount > bdi{
    display: block;
    text-align: right;
}

.product-small span.price > del bdi {
    line-height: 23px;
}

.product-small span.price > amount >bdi {}

.row-sale .product-small span.price > ins bdi, .row-sale .product-small span.price > .amount > bdi {
    color: #F16522 !important;
}

.product-small .box-text {
    padding-bottom: 0;
}

.badge-container.absolute.left.top.z-1 {
    right: 0;
    left: auto;
}

.badge-container.absolute.left.top.z-1 .callout.badge.badge-circle {
    margin-left: 0;
    margin-right: 15px;
    font-size: 14px;
}

.row-view .product-category.col {
    border-right: 1px solid #e2e8ed;
    border-top: 1px solid #e2e8ed;
    border-bottom: 1px solid #e2e8ed;
    margin-bottom: -1px;
    padding: 15px 22px 18px !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #697180;
    display: flex;
    align-items: center;
}
.row-view .product-category.col:nth-child(5n +5) {
    border-right: none;
}

.row-category .product-category.col:first-child {
    border: none;
}

.row-box .row > .col:nth-child(5n+1) {
    border-left: none;
}

.row-view .product-category.col .box-text {
    padding: 15px;
}

.row-view .product-category.col .box-text h5 {
    text-transform: none;
    font-size: 15px;
    color: #000;
}

.row-box h3.uppercase a {
    color: #44ba46;
    float: right;
    text-transform: none;
}
.row-two-col .col-2 {
    flex-basis: 20%;
}

.row-two-col .col-8 {
    flex-basis: 80%;
    max-width: 80%;
}

.bt-view-more a {
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    padding: 11px 46px;
    margin: 15px 0;
    border-radius: 4px;
    background: -webkit-linear-gradient(left, #3aab3d 0%, #008242 100%);
    border: 1px solid #44ba46;
    display: inline-block;
    font-weight: bold;
    transition: all 0.3s ease;
}

.bt-view-more a:hover {
    background: #fff;
    color: #44ba46;
}

.ft-top {
    background: -webkit-linear-gradient(left, #3aab3d 0%, #008242 100%);
}

.ft-top .box-text {
    padding: 15px 25px 15px 15px;
}

.ft-top .row.row-small .col {
    padding-bottom: 0;
}

.ft-bottom .ux-menu a.ux-menu-link__link {
    min-height: 20px;
}

.ft-bottom p {
    margin-bottom: 10px;
}

.ft-bottom .col.medium-2 .ux-menu {
    margin-bottom: 25px;
}

.ft-bottom .row > .col {
    padding-bottom: 0;
}

.ft-bottom ul.info {
    margin-bottom: 0;
    list-style: none;
}

.ft-bottom ul.info li {
    margin-left: 0;
    background: url(/wp-content/themes/flatsome-child/svg/building-solid.svg) no-repeat;
    background-size: 15px;
    background-position: 0px 4px;
    padding-left: 25px;
}

.ft-bottom ul.info li:nth-child(2) {
    background-image: url(/wp-content/themes/flatsome-child/svg/phone.svg);
}

.ft-bottom ul.info li:nth-child(3) {
    background-image: url(/wp-content/themes/flatsome-child/svg/envelope-solid.svg);
}

.ft-bottom div#mvcwid {
    padding: 0;
}

.ft-bottom div#mvcwid div#mvccount {
    padding-top: 0;
    padding-bottom: 0;
}

.shop-container > .products > .product-small.col {
    border: 1px solid #e2e8ed;
    margin-bottom: 16px;
    padding: 20px 15px;
    margin-left: 0;
    background-color: #fff;
    margin-right: -1px;
}

.shop-container > .products > .product-small.col:nth-child(4n+1) {
    border-radius: 4px 0 0 4px;
}

.shop-container > .products > .product-small.col:nth-child(4n+4) {
    border-radius: 0 4px 4px 0;
}

.row.category-page-row > .col.large-3 {
    flex-basis: 20%;
}

.row.category-page-row > .col.large-9 {
    flex-basis: 80%;
    max-width: 80%;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}