/* Theme Name: Hải Anh
Theme URI: https://azdgo.com;
Description: Thiết kế và phát triển bởi DGO.
Author: DGO
Author URI: https://azdgo.com
Template: flatsome
Version: 3.0
Text Domain: dgo
*/
/*************** ADD CUSTOM CSS HERE. ***************/
body{--color--3 : var(--primary-color); --color--2: #9bb933; --color-bg-menu-2: #f3f3f3; --bg--color--body: #FFF; --color--product: var(--color--3); }
strong,b{font-weight: bold;}
.padding-bottom-col .col, .padding-bottom-col-only > div, .padding-bottom-col-only{padding-bottom: 0px !important; margin-top: 0px !important;}
.margin-bottom-p p{margin-bottom: 0px;}
.btn-align-left{ text-align: left; margin-bottom: 0px;}
.color-black, .color-black a{ color: #000 !important;}
.btn-font-weight-none{font-weight: normal !important;}
.font-roboto{font-family: 'Roboto', Arial;}
.col-overflow .col-inner{position: relative; overflow: hidden;}
.img-margin-none img{margin-bottom: 0px !important;}
.uppercase, h6, th, span.widget-title{letter-spacing: 0px;}
.zindex-top-content{position: relative; z-index: 10;}
.zindex-top-content2{position: relative; z-index: 9;}
.content-relative{position: relative;}
.breadcrumbs{font-weight: normal;}
#wrapper .page-wrapper{padding-bottom: 0px;}
#logo img{position:relative; overflow:hidden;}
.zindex-999{z-index: 9999;}
#footer .absolute-footer{color: #FFF;}
.header-wrapper .button.is-outline{line-height: 2.4em;}
.button-margin-zero{margin-bottom: 0px !important;}
.nav-hidden-slider > button{display: none !important;}
.background-contain .bg.bg-loaded{background-size:100% 100% !important;}
.text-shadow-none *{text-shadow: none !important;}
.back-to-top{bottom:200px !important;}
.single-product blockquote{color:var(--color--3);}
#content ul{ padding-left: 25px;}
/*page*/
.form-contact-page label{font-weight: normal;}
.form-contact-page input[type=submit]{display: block;}
.form-contact-page .wpcf7-spinner{display: none;}
.contact-page-feature a{font-size: 2em; min-height: auto; margin: 0px; padding: 0px;}
.contact-page-feature a i{color: var(--color--3); font-size: 0.8em;}
.backin-title-service{position: relative;}
.backin-title-service .title-backin{position: absolute; left: 20px; top: 30px; z-index: 1;text-shadow: 1px 1px 0px #fff;}
.backin-title-service:hover .title-backin{display: none;}
.color-3-check-icon i{color: var(--color--3);}
/* header bar */
.header-bar-title i, .header-bar-hotline i{padding-right: 5px;}
#top-bar .header-bar-title, .header:not(.transparent) .top-bar-nav > li > a, .header-social-icons .social-icons a{color: #000 !important; text-transform: uppercase;}
.icon-header{ padding-left: 38px; position: relative; line-height: 1.4em;}
.icon-header i{position: absolute; left: 0px; font-size: 26px; padding-top: 5px; color: var(--color--3);}
.sidebar-menu .social-icons a{display: inline-block;}
/* products */
.name.product-title, .name.product-title a{color: #000; }
button.single_add_to_cart_button{border-radius: 40px;}
.title-wrapper .category {line-height: 1.4em;}
.term-description{margin-top: 30px;}
body.single-product .product-main{padding-bottom: 0px;}
body.single-product .product-footer .woocommerce-tabs{padding-top: 0px;}
span.amount{ color: #fd0000;}
.product-footer .woocommerce-tabs, .single .product-section{border-top: none !important;}
.product-short-description{font-size: 14px;}
#shop-sidebar{padding-bottom: 40px;}
.woocommerce-ordering select{background: #7c7c7c; color: #FFF}
.woocommerce-ordering select option{background: #7c7c7c; color: #FFF}
.sticky-add-to-cart--active .contact-product-order{display: none !important;}
.contact-product-order{ background-color: var(--color--3); border-radius: 40px; display: block; max-width: 100%; margin: 0px auto 15px auto; text-align: center; color: #FFF !important; padding: 5px;}
.contact-product-order .title-content-btn{ font-size: 1em; font-weight: 600; text-transform: uppercase; text-decoration: underline;}
.contact-product-order:hover{background-color: var(--color--2);}
.form-contact-after-gallery{background: var(--color--3); padding: 15px 20px; border-radius: 10px; border: 1px solid #FFF; box-shadow: 0px 0px 0px 1px var(--color--3); margin-top: 15px; margin-bottom: 15px;}
.form-contact-after-gallery .title-form:before{content: ""; display: block; position: absolute; left: 0px; top: 0px; background: url(/wp-content/uploads/2022/10/icon-phone.png) center center no-repeat; background-size: 100% auto; width: 40px; height: 40px;}
.form-contact-after-gallery .title-form{ color: #FFF; position: relative; line-height: 1.4em; font-size: 14px; display: block; margin-bottom: 10px; padding-left: 45px;}
.form-contact-after-gallery form{ margin-bottom: 10px;}
.cam-ket-after-cart-button{background: #dbf3ff; padding: 15px 20px; border-radius: 10px; color: #1a7099; font-size: 14px;}
.product .product-main .product_meta{margin-top: 15px; margin-bottom: 15px;}
/* BLOG */
.box-blog-post .is-divider{display: none;}
.box-blog-post .post-title{ font-size: 1.1em; padding-bottom: 8px; padding-top: 8px; line-height: 1.4em;}
.box-blog-post .from_the_blog_excerpt{color: #555;}
.div-question-description{border: 2px solid var(--color--3); border-radius: 5px; padding: 15px; margin-bottom:15px;}
.div-question-description .question-name{ font-size: 0.9em;color: var(--color--3); text-decoration: underline;}
.div-question-anser{color: var(--color--2); font-size: 1.2em; padding: 10px 0px 0px 0px; border-bottom: 1px solid var(--color--2); margin-bottom: 20px;position: relative;}
.div-question-anser strong{ border-bottom: 2px solid var(--color--2); display: inline-block; padding: 0px 0px 2px 0px;}
.blog-hoi-dap .post-item .box-image{display:none !important;}
.blog-hoi-dap .post-item .box-text{ padding-bottom: .7em;}
.blog-hoi-dap .post-item .box-text > div{max-height: inherit !important;}
.blog-hoi-dap .box-blog-post{ background: #FFF; border: 1px solid #cdcdcd;border-radius: 5px;}
.blog-hoi-dap .box-blog-post .div-question-description-loop:before{ content:"?"; position: absolute; left: 0px; top: 10px; background: var(--color--3); color: #FFF; text-align: center; line-height: 20px; height: 20px; width: 20px; border-radius: 50%;}
.blog-hoi-dap .box-blog-post .post-title{color: #000;display: table; width: 100%; }
.blog-hoi-dap .box-blog-post .post-title strong{font-weight:normal;}
.blog-hoi-dap .box-blog-post .post-title .tags-key-blog{direction: ltr; display: table-cell; text-align:right; }
.blog-hoi-dap .box-blog-post .post-title .tags-key-blog span{background: #e7e7e7; color: #000; padding: 4px 10px; border-radius: 20px; font-size: 0.9em;}
.blog-hoi-dap .box-blog-post .div-question-description-loop{ margin-bottom: 10px; margin-top: 10px; position:relative; padding-left:25px;border-top: 1px solid #e1e1e1; padding-top: 10px;}
.blog-hoi-dap .box-blog-post .question-name-loop{ font-size: 1.1em; color: #000;}
.blog-hoi-dap .box-blog-post .question-btn-hoi{padding: 0px 3px; border: 1px solid var(--color--2); color: var(--color--2); border-radius: 5px; display: inline-block; margin: 0px 10px 0px 5px;}
.blog-hoi-dap .box-blog-post .text_title_question-loop{padding: 0px 3px; border: 1px solid var(--color--3); color: var(--color--3); border-radius: 5px; display: inline-block; margin: 0px 10px 0px 0px;}
.blog-hoi-dap a:hover{color:#000}
.blog-hoi-dap .post-item .from_the_blog_excerpt{font-size: 1em; border-bottom: 1px solid #e5e5e5; padding-left: 25px; padding-bottom: 10px; font-style: italic;}
.blog-hoi-dap .box-blog-post button{ margin-left: auto; display: block; color: #424242; border: none; padding: 2px 20px 0px 20px; margin-top: 5px;}
.blog-hoi-dap .box-blog-post button:hover{color: #FFF;}
/*archive-page-header*/
.archive-page-header h1{color: var(--color--3); margin-bottom: 25px;font-size: 16px; }
.archive-page-header .col{padding-bottom: 10px;}
.archive-page-header h1 b{display: inline-block; float: left; position: relative;min-height: 40px; background: var(--color--3); color: #FFF; line-height: 40px; padding: 0px 10px;}
.archive-page-header h1 b:after{content: ""; width: 0; height: 0; border-left: 0px solid transparent; border-right: 15px solid transparent; border-bottom: 40px solid var(--color--3); position: absolute; top: 0px; left: 100%; z-index: 10; }
.archive-page-header h1 span{color: var(--color--3); padding-left: 20px; line-height: 40px; min-height: 40px; }
.archive-page-header h1:after{content: ""; clear: both; display: block; background: var(--color--3); height: 2px; max-width: 400px;}
.page-header-image{display: block; margin-bottom: 20px;}
.page-header-image img{max-width: 100%; width: 100% !important; height: auto !important;}
/*footer*/
.footer-menu a{display: block; padding: 0px 0px 10px; min-height: inherit; font-size: 0.9em; line-height: 1.4em; }
.footer-menu a:hover, .footer-menu .ux-menu-link--active a{color: var(--color--2) !important;}
/* .breadcrumbs-div */
.breadcrumbs-div{background:none; padding: 10px 0px; font-size: 0.98em; color: var(--color--3);}
.breadcrumbs-div nav p{margin-bottom: 0px;}
.breadcrumbs-div .breadcrumbs a{color: var(--color--3); }
/* sidebar */
h1.shop-page-title{color: var(--color--3);}
.menu-gioithieu, .menu-category-sidebar{background: var(--color-bg-menu-2); padding: 15px !important; border-radius: 3px;}
.menu-gioithieu .widget-title, .menu-category-sidebar .widget-title{color: #000; font-weight: 800; font-size: 1.1em; line-height: 1.4em;}
.menu-gioithieu .is-divider, .menu-category-sidebar .is-divider{ max-width: 100%; height: 1px;}
.menu-gioithieu ul.menu>li+li, .menu-gioithieu>ul>li+li, .menu-category-sidebar ul>li+li{ border-top-style: dashed;}
.menu-gioithieu a{color: #333;}
.menu-gioithieu .current-menu-item a{color: var(--color--2);}
.bg-menu-color, .menu-category-sidebar{background: var(--color--3); }
.bg-menu-color .is-divider, .menu-category-sidebar .is-divider{ margin-bottom:5px; }
.bg-menu-color .widget-title, .menu-category-sidebar .widget-title{color: #FFF;}
.bg-menu-color a, .menu-category-sidebar a{color: #fff;}
.bg-menu-color .current-menu-item > a, .bg-menu-color a:hover, .menu-category-sidebar .active > a, .menu-category-sidebar a:hover, .menu-category-sidebar .current-cat > a{color: #FFF; text-decoration: underline;}
.menu-category-sidebar .product-categories > li > a{font-size: 0.95em; padding: 10px 0px;}
.menu-category-sidebar .product-categories > li i{color: #FFF;}
.list-news-sidebar{border-right: 3px solid var(--color--2); padding-right: 15px;}
.list-news-sidebar .widget-title, .list-products-sidebar .widget-title, .filter-sidebar .widget-title{color: #000; font-weight: 900; font-size: 1.15em; line-height: 1.4em;}
.list-news-sidebar .is-divider, .list-products-sidebar .is-divider{ max-width: 100%; height: 1px; background-color: #c9cbc9;}
.list-news-sidebar a{color: #333;}
.list-products-sidebar, .filter-sidebar{ background: var(--color-bg-menu-2); padding: 15px; border-radius: 3px;}
.list-products-sidebar .product-title{font-size: 0.95em; color: #000; }
.filter-sidebar .widget-title{margin-bottom: 15px; display: block;}
.filter-sidebar .is-divider{display: none;}
.filter-sidebar .price_slider_amount .button{ background-color: var(--color--2);}
.sidebar-menu a{display: flex;}
.sidebar-menu a i{ width: 24px; height: 24px; background: #ffffff; border-radius: 50%; line-height: 24px; text-align: center; font-size: 12px; color: var(--color--2);}
.footer-menu a:hover, .footer-menu .ux-menu-link--active a{color: currentColor !important; text-decoration: underline;}
/*home*/
.title-after-slider-home{position: relative; z-index: 1; margin-top: -60px;}
.fix-section{position: relative; z-index: 2; margin-top: -2px;}
@media only screen and (min-width: 550px) {
.desktop-img-absolute{position: absolute; right: 0px; top: 0px; bottom: 0px; overflow: hidden; max-width: 100% !important;}
.desktop-img-absolute *{position: static !important; overflow: inherit !important;}
.desktop-img-absolute img{position: absolute !important; top: 0px; right: 0px; height: 100% !important; display: block !important; width: auto !important;}
}
@media only screen and (min-width: 48.01em) {
.menu-footer-style{font-size: 0.9em; opacity: 0.8;}
.nav-small.nav>li.html{font-size: 0.85em;}
.nav-dropdown>li{position: relative;}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px; margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{ margin-top: -40px; box-shadow: 0px 0px 2px 0px #ccc; display: none; position: absolute; left: 100%; z-index: 9; background: var(--color--3); min-width: 260px; display: none !important; padding: 10px;}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a{ font-weight: normal; color: #FFF; }
.nav-dropdown a{font-weight: normal; color: rgba(102,102,102,0.85); font-size: 0.9em !important; }
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.col-md-no-padding-left{padding-left:0px !important;}
.header-main .nav li li a:hover{text-decoration:underline; }
}
@media only screen and (max-width: 849px) {
.footer-icon{display: inline-block;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
.col-align-center-xs *{text-align: center !important;}
body.home #wrapper .page-wrapper{padding-top: 5px;}
.nav.nav-sidebar.nav-vertical img{padding-right: 10px;}
.box-img-row .box-blog-post{width: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;position: relative !important; height: auto !important;}
.box-img-row .box-image, .archive.category .box-image{ height: inherit !important; padding-right: 15px; width: 40% !important;direction: ltr !important; display: table-cell !important; vertical-align: middle !important; position: relative !important; margin: 0px !important;}
.box-img-row .box-image > div, .archive.category .box-image > div{padding-top:100% !important;}
.box-img-row .box-text, .archive.category .box-text{width: 60%; direction: ltr !important; display: table-cell !important; vertical-align: middle !important; padding-right: 0px !important; padding-bottom: 0px; position: relative !important; bottom: inherit !important; background: none !important;}
.box-img-row .box-text .post-title{text-align: left; font-size: 14px;}
.box-img-row .box-text .is-divider{display: none !important;}
.footer-icon strong{font-size: 1.1em; font-weight: bold;}
a.button.button-link-contact:not(.no-mobile){ display: flex;}
a.button.button-link-contact:not(.no-mobile) i{padding-top: 3px;}
body #wrapper .slider-wrapper.slider-home-pr-ct > .slider .flickity-slider > *{max-width: 100% !important;}
/* header bar */
.header-bar-title{text-align: center;}
.footer-menu a{font-size: 0.9em;}
.accordion-item .accordion-inner{padding-left:0px; padding-right:0px;}
}