/*
Theme Name: dgo
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body{--color--3 : var(--primary-color); --color--2: #f9ad81; --color-bg-menu-2: #f3f3f3;  --bg--color--body:  #FFF; --color--product: #000; }

strong,b{font-weight: bold;}
.padding-bottom-col .col, .padding-bottom-col-only > div, .padding-bottom-col-only{padding-bottom: 0px; 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;}
.header-wrapper .button.is-outline{line-height: 2.4em;}

.background-contain .bg.bg-loaded{background-size:100% 100% !important;}
/* 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{color: var(--color--3) !important;}

/* products  */
.name.product-title, .name.product-title a{color: var( --color--product); font-weight: bold;}
.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:  var(--color--3);}
#shop-sidebar{padding-bottom: 40px;}
.woocommerce-ordering select{background: var(--color--3); color: #FFF}
.woocommerce-ordering select option{background: var(--color--3); color: #FFF}
/* BLOG  */
.box-blog-post .is-divider{display: none;}
.box-blog-post .post-title{text-transform: uppercase; font-size: 1.1em; padding-bottom: 8px; padding-top: 8px; line-height: 1.4em;}
.box-blog-post .from_the_blog_excerpt{color: #555;}

/*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--2); 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--2); 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--2); 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; }
/* .breadcrumbs-div  */
.breadcrumbs-div{background: var(--color-bg-menu-2); 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:  var(--color--3); font-weight: 800; font-size: 1.2em; 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: var(--color--2);}

.menu-category-sidebar .product-categories > li > a{font-size: 1em; 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:  var(--color--3); 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:  var(--color--3);}
.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);}

/*home*/

.menu-home-category{float: right; display: block; position: absolute; right: 0px; top: 4px;}
.menu-home-category > .menu-item{display: inline-block; vertical-align: top; padding-left: 7px;}
.menu-home-category > .menu-item a{color: #000 !important; display: inline-block; font-weight: bold;}
.menu-home-category > .menu-item a:hover{color: var(--color--2) !important;}
.menu-home-category > .menu-item:before{content: "	\0399"; color: #6e6e6e; padding-right: 7px; display: inline-block; }
.menu-home-category > .menu-item:first-child:before{display: none;}

.view-all-category-home{    color: var(--color--3) !important; display: block !important; margin: 0px auto !important; max-width: 320px !important; position: relative; overflow: hidden;}
.view-all-category-home:before, .view-all-category-home:after{content: ""; position: absolute; top: 50%; height: 1px; background: var(--color--3); left: 0px; right: 0px;    width: 90px; }
.view-all-category-home:before{right: inherit;}
.view-all-category-home:after{left: inherit;}
.view-all-category-home:hover{color: var(--color--2) !important;}
.view-all-category-home:hover:before, .view-all-category-home:hover:after{background-color: var(--color--2) !important;}

.button-home{font-size: 14px; margin-bottom: 5px; margin-right: 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); text-transform: uppercase; 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 .post-item{position: relative !important;left: inherit !important; top: inherit !important; float: inherit !important; height: auto !important; padding-bottom: 30px !important;}
	.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: 1em;}

}