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

/*************** ADD CUSTOM CSS HERE.   ***************/:root{--primary-color:#FFAA00;}
.label-new.menu-item > a:after{content:"New";}
.label-hot.menu-item > a:after{content:"Hot";}
.label-sale.menu-item > a:after{content:"Sale";}
.label-popular.menu-item > a:after{content:"Popular";}
.header-bottom{background-color:#f3e995;background:-webkit-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:-o-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:-moz-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:linear-gradient(to right,#d3ac50,#f7f09d,#d3ac50);}
.header-top{BORDER-TOP:1px solid #f7f09d;}
.topbar-title{color:#f4eb97;font-size:12.5px;background:black;line-height:30px;padding-left:15px;padding-right:15px;border-radius:3px;}
.header-block .col-inner p{line-height:16px}
.header-block .icon-box-center .icon-box-img{margin:0 auto 10px;}
.product_meta{margin-top:10px}
.product_meta>span{border-top:0px}
.header-block .form-flat input:not([type="submit"]){border-radius:4px;background-color:rgba(53,51,51,0.6)!important;color:white!important;font-size:14px;border-color:rgb(215,177,87);}
.header-block .searchform-wrapper.form-flat .flex-col:last-of-type{margin-left:-2.9em;background:#f6ef9c;width:43px;height:35px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.header-block .form-flat .button.icon{padding-left:10px}
.social-icons .button.icon:not(.is-outline){background-color:black!important;border:1px solid #d4af53!important;}
.header-goc-phai{color:#f5ed9a;width:80%;font-size:13px;text-align:center;line-height:24px;margin:0 auto;border-radius:4px;}
header .col {padding-bottom: 0;}
.header-goc-phai a{color:#f7ef9c}
.header-giohang a{color:#f6ee9a;font-size:13px;text-align:center}
.header-giohang p{color:#f6ee9a;font-size:13px;text-align:center}
.header-giohang{margin-top:10px}
#wide-nav .nav li:first-child{margin:0;}
#wide-nav .nav li:first-child:hover{background:black;color:#F4E995;}
#wide-nav .nav li a:first-child:active{color:#F4E995;}
#wide-nav .nav li:first-child a:hover{color:#F4E995;}
#wide-nav .nav>li{margin:0;border-right:1px solid #d6b257;}
#wide-nav .nav>li a:active{line-height:20px}
#wide-nav .nav>li a:hover{color:#F4E995;}
#wide-nav .nav>li:hover{background:black;color:#F4E995;line-height:40px}
#wide-nav .nav>li:active{background:black;color:#F4E995;line-height:40px}
#wide-nav .topbar a{color:white}
.page-wrapper{padding-top:20px;padding-bottom:10px;}
.box-blog-post .is-divider{display:none}
.top-page .box-vertical{border-bottom:1px dotted #e2e2e2;}
.top-page .tab-panels{padding-top:12px;}
.top-page .box-vertical .box-text{padding-left:10px;padding-right:0;}
.top-page h5{font-weight:normal}
.top-page .op-8{opacity:.5;}
.tab-slider{background:white;}
.row-small>.col{padding:0 9.8px 0px;}
.tab-slider .nav>li.active{background-color:#f2e793;}
.tab-slider .nav>li{margin:0;padding-left:10px;padding-right:10px}
.tab-slider .tabbed-content .nav{border-top:1px solid #f4eb97;}
.slider-wrapper+.row:not(.row-collapse){margin-top:10px;}
.tab-slider .nav > li > a{color:black;font-weight:normal}
.tab-slider-1 li.tab.has-icon{margin-right:15px;}
#wide-nav .nav>li:hover{line-height:initial;}
.header-bottom ul.nav-dropdown{background-color:#000;padding:5px;}
.nav>li>a,.nav-dropdown>li>a,.nav-column>li>a{font-size:.8em;}
.catelogy-title .section-title{margin:0;border:none;}
.catelogy-title .section-title span.section-title-main{border:none;padding-top:7px;font-size:17px;padding-bottom:5px;padding-left:20px;padding-right:10px;background-color:#f3e995;background:-webkit-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:-o-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:-moz-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:linear-gradient(to right,#d3ac50,#f7f09d,#d3ac50);margin-bottom:0;}
.catelogy-title .section-title span.section-title-main:after{content:"";padding-top:8px;border:12px solid black;height:0;width:0px;font-size:0px;padding-bottom:0px;position:absolute;left:0;border-color:#4e3700 transparent transparent #4e3700;top:0;}
.catelogy-title .section-title a{padding-right:20px;}
.header-bottom .header-nav > li:hover *{color:#F4E995!important;}
a.devvn_buy_now.devvn_buy_now_style{width:100%;display:block;max-width:100%;}
.tab-slider-1 .nav > li > a{font-weight:600;color:black;}
.tab-slider-1.tabbed-content ul{background-color:#f3e995;background:-webkit-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:-o-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:-moz-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:linear-gradient(to right,#d3ac50,#f7f09d,#d3ac50);padding-left:10px;font-size:17px}
.tab-slider-1 .nav>li.active{border-bottom:2px solid black}
.tab-slider-1 .nav>li>a{padding-top:10px;padding-bottom:6px}

/*.price del{display:none}*/
.price ins span{color:red}
.price ins{font-size:18px}
.product-main .z-1{display:none}
.price ins .woocommerce-Price-currencySymbol{font-size:14px;font-weight:500;}
.badge-container{margin:0px 0 0 0;}
.badge-inner.on-sale{color:black;background-color:#dcbc62;border-bottom-right-radius:12px;font-weight:normal;}
.badge{height:25px;width:50px;font-size:15px;}
.price-wrapper .price{font-size:18px;color:red}
.price-wrapper .price span.amount{color:red}
.price-wrapper .woocommerce-Price-currencySymbol{font-weight:500;font-size:14px}
.catelogy-section .catelogy-title{width:100%;display:block;background:#f3f3f3;border-top:2px solid #f4eb98;margin-bottom:15px;}
.catelogy-section .catelogy-title-left{width:30%;float:left;}
.catelogy-section .catelogy-title-left h3{margin-bottom:0px}
.catelogy-section .catelogy-title-left h3 a{padding-top:7px;font-size:17px;padding-bottom:5px;padding-left:20px;padding-right:10px;background-color:#f3e995;background:-webkit-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:-o-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:-moz-linear-gradient(to right,rgba(0,0,0,0.91),rgba(0,0,0,0.5),rgba(0,0,0,0.91));background:linear-gradient(to right,#d3ac50,#f7f09d,#d3ac50);}
.catelogy-section .catelogy-title-left h3 a:hover{color:black}
.catelogy-section .catelogy-title-left h3:after{content:"";padding-top:8px;border:12px solid black;height:0;width:0px;font-size:0px;padding-bottom:0px;position:absolute;left:0;border-color:#4e3700 transparent transparent #4e3700;}
.catelogy-section .catelogy-title-right{width:70%;float:right}
.catelogy-section ul{float:right;margin-bottom:0px}
.catelogy-section ul li{float:left;list-style:none;text-align:right;margin-bottom:0px;padding-left:10px;line-height:32px;padding-right:10px;}
.catelogy-section ul li a{font-size:14px}
.catelogy-section .clearboth{clear:both}
.catelogy-section .has-shadow .box:not(.box-overlay):not(.box-shade){padding-left:10px;padding-right:10px;padding-top:10px}
.catelogy-section .has-shadow .box-text{padding-left:0;padding-right:0;padding-bottom:10px}
.catelogy-section .badge-container{padding-left:0;padding-top:0;}
.catelogy-section .row.row-collapse{padding-top:10px}
.row-box-shadow-1 .col-inner{border:1px solid #f3f3f3;box-shadow:none;}
.row-box-shadow-2-hover .col-inner:hover{box-shadow:none;border:1px solid #e8d57e;}
.product-main .cart{display:none}
.khuyen-mai{border:1px solid #bfbfbf;padding:8px;font-size:14px;border-radius:8px;margin-bottom:15px;line-height:18px;}
.khuyen-mai h4{color:red}
.khuyen-mai li{list-style:none;margin-bottom:5px}
.khuyen-mai li a{color:#00b9eb}
.khuyen-mai li a:hover{color:gray}
.button-product{width:100%;display:block;padding:0 9.8px 0px;}
.product-main .row-small>.col{padding:0 9.8px 0px;}
.product-main .button{margin-bottom:0}
.product-main{padding:0px 0;}
.product-main .row.row-large{max-width:1200px;margin-top:20px;}
.product-info .breadcrumbs{text-transform:none;font-size:14px;}
.is-divider{display:none}
.product-main .product-short-description P{font-size:15px}
.mfp-content .lightbox-content{border-top:4px solid #ffdc46;}
.mfp-content .lightbox-content .popup-mua-hang h3{text-transform:uppercase}
.mfp-content .lightbox-content .popup-mua-hang .popup-trai{width:48%;float:left;}
.mfp-content .lightbox-content .popup-mua-hang .popup-phai{width:48%;float:right;font-size:15px}
.mfp-content .lightbox-content .popup-mua-hang .popup-phai p{margin-bottom:10px}
.product-main .mua-hang-button .row-small>.col{padding:0 9.8px 10px;}
ul.product_list_widget li a:not(.remove){font-size:15px}
span.amount{color:red}

/*del span.amount{display:none}*/
.woocommerce-Price-currencySymbol{font-weight:normal;font-size:14px}
.widget a{font-size:15px}
h3.widget-title{background:#e8d37c;line-height:34px;padding-left:10px;padding-top:3px;border-left:10px solid #252424;letter-spacing:0}
.current-menu-item a{background:black;color:#F4E995!important;}
.uppercase{letter-spacing:0}
.article-inner footer.entry-meta{display:none}
.top-footer a{color:white}
.top-footer a:hover{color:#d3ac50}
.top-footer .form-flat input:not([type="submit"]){background-color:rgba(138,138,138,0.11);border-radius:4px;font-size:13px;border:1px solid #585858;}
.top-footer .form-flat input{border-radius:4px}
.top-footer .button,input[type='submit'],input[type='submit'].button{font-size:14px;font-weight:normal;text-transform:none}
.absolute-footer.dark{font-size:13px}
.nav .nav-dropdown{border:1px solid #f2e793;}
.nav>li{transition:none}
.header:not(.transparent) .header-bottom-nav.nav > li > a{padding-left:8px;padding-right:8px;line-height:20px}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){background:#f3f3f3;}
.product-footer .nav>li{margin:0 0px}
.product-footer .nav > li > a{padding-left:10px;padding-right:10px;padding-top:13px;}
.product-footer .nav>li.active>a{background:#f5ec98;border-left:10px solid #ffaa00;}
.off-canvas .sidebar-inner{padding:10px 10px;}
#shop-sidebar h3.widget-title{background:white;border-left:0px;}
ul{margin-left:20px}
.price-wrapper span{font-size:16px}
.form-flat input:not([type="submit"]){border-radius:4px}
.form-flat button{border-radius:4px}
.product-footer .product-section h3{display:none}
.form-flat select{border-radius:4px}
.header-contact p{color:#fff;text-align:center;font-size:18px;}
.header-contact span:after{display:none;}
.header-contact span.section-title-main{margin:0;padding:0;font-size:44px;}
.main-contact h3.section-title,.main-contact span.section-title-main{border:none;}
.main-contact span.section-title-main{border:none;font-size:30px;}
.main-contact .container.section-title-container{margin-bottom:0;}
.main-contact p{font-size:18px;margin-bottom:6px;}
.main-contact a.button.success{margin-top:5px;padding:4px 27px;font-size:16px;}
.bottom-contact label{text-transform:uppercase;font-weight:200;line-height:33px;}
.bottom-contact input.wpcf7-form-control{box-shadow:none;height:50px;border:1px solid #D0D0D0;background:#F5F5F5;-webkit-border-radius:0;-moz-border-radius:0;-spec-border-radius:0;border-radius:0;}
.bottom-contact textarea.wpcf7-form-control.wpcf7-textarea{box-shadow:none;border:1px solid #D0D0D0;background:#F5F5F5;-webkit-border-radius:0;-moz-border-radius:0;-spec-border-radius:0;border-radius:0;}
.bottom-contact input.wpcf7-form-control.wpcf7-submit{background-color:#000;border:none;margin:0;width:100%;}
.bottom-contact .container.section-title-container{margin-bottom:0;}
.header-nav input.search-field::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
color:#fff;}
.header-nav input.search-field::-moz-placeholder{ /* Firefox 19+ */
color:#fff;}
.header-nav input.search-field:-ms-input-placeholder{ /* IE 10+ */
color:#fff;}
.header-nav input.search-field:-moz-placeholder{ /* Firefox 18- */
color:#fff;}
/*p.price.product-page-price.price-on-sale:before {content: "Giá cũ: ";color: gray;}
p.price.product-page-price.price-on-sale ins:before {content: "Giá khuyễn mãi: ";}
p.price.product-page-price.price-on-sale del span,p.price.product-page-price.price-on-sale del {color: gray;}*/
marquee {
    padding-top: 10px;
}
@media only screen and (max-width:1024px){
	#logo{width:180px!important;}
	.header-goc-phai{width:100%;}
	.header-giohang{margin-top:7px;}
	.header-giohang a,.nav>li>a{font-size:11px;}
	.tab-slider li.tab.has-icon{padding:0 5px;}
	.header-block .icon-box p{font-size:14px;}
	.mua-hang-button{font-size:14px;}
}
@media only screen and (max-width:849px){
	#logo{width:230px!important;}
	.header-main{height:90px;}
	.col.tab-slider{padding-left:0;}
	.tab-slider li.tab.has-icon a{font-size:9px;}
	.top-page h5{font-size:11px;}
	.tab-slider-1 .nav > li > a{font-size:10px;}
}
@media only screen and (max-width:549px){
	#logo{width:150px!important;}
}
@media only screen and (min-width:320px) and (max-width:768px){
	.catelogy-section .catelogy-title-left{width:100%;}
	.catelogy-section .catelogy-title{margin-top:20px}
	.catelogy-section .catelogy-title-left h3{line-height:34px}
	.catelogy-section .catelogy-title-right{width:100%}
}