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

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

body,.nav > li > a,h1,h2,h3,h4,h5,h6, .heading-font,.alt-font{font-family:  Arial,sans-serif !important;}
b, strong {
	font-weight: bold;
}
pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 8px;
}

h2{
    margin-top: 20px;
}
h3{
    margin-top: 15px;
}

td {
    color: #161616;
    font-size: initial;
}

.indam{
	font-weight: bold;
	padding: 5px 0;
	color: #f00;
}

.bmargin {
	margin-bottom: 15px!important;
}
.archive .page-wrapper, .archive .page-title-inner, .search .page-wrapper, .search .page-title-inner{
	 padding-top: 0;
}

.archive .page-wrapper .flex-col, .search .page-wrapper .flex-col{
    text-align: left;
}

.archive h1.page-title, .search h1.page-title{
	font-size: 25px;
}


.home #wrapper, .home #main, .home #main.dark {
    background-color: #ffffff!important;
}

#mega-menu-title {
    background: #ed1c24;
	border: dashed 2px #fff;
	font-size:1em;
}

#mega_menu li > a {
color: #ed1c24;
}

#mega_menu li > a {
    border-bottom: 1px solid #ddd;
	border-top: none;
}

.sf-menu a {
    border-top: none;
}

#mega_menu {
    border: none;
}
.widget .product-categories {
    margin-top: 10px;
    background-color: #ed1c24;
}
.widget .product-categories > li > a {
    background-color: #ed1c24;
	color:#fff;
    padding: 7px;
    height: 40px;
}
.widget .product-categories .toggle {
    width: 30px;
}
.widget .product-categories > li ul {
    background-color: #EEEEEE;
	padding: 0;
	margin-left: 0;
	margin-bottom: 0;
	border-top: solid 1px #fff;
}
.widget .product-categories > li ul li {
    height: 40px;
    border-bottom: solid 1px #fff;
    padding-top: 5px;
}
.widget .product-categories > li ul > li > a {
    color: #424242;
    padding-left: 20px;
}
.widget .product-categories .toggle i {
    color: #fff;
}
ul.menu > li ul, .widget > ul > li ul {
    border-left: none;
}
.sf-vertical.sf-arrows > li > .sf-with-ul::after {
	border-left-color:#ed1c24;
}
.single-post .featured-title .page-title-inner {
    min-height: 150px!important;
}

.single-post .row-divided > .col + .col:not(.large-12) {
    border-left: none;
}

.nav-dropdown {
    padding: 5px 0;
    min-width: auto;
}

.star-rating span:before{
    color: #ed1c24;
}

.single-post .widget .is-divider{
	display: none;
}

.single-post .entry-content h2{
	color: #63b03e;
}

.single-post .entry-content h3{
	color: #dc3545;
}

.page .page-title-inner,.single-post .page-title-inner,.single-post .page-wrapper, .single-product  .page-title-inner{
    padding-top: 0;
}
.page .page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
.page .is-divider {
    margin-top:5px;
}
.page #content h1.entry-title {
    margin-bottom: 0;
}
.product .title-wrapper h3 {
    font-size: 15px;
    line-height: 1.4;
	text-align:center;
}

a.devvn_buy_now_style {
    background: #F57E20 !important;
    max-width: 100%;
}

.single-product .tab-panels .devvn-popup-inner {
    max-width: 100%;
} 

/*Css chỉnh màu cho tiêu đề popup*/
.devvn-popup-title {
    background: #F57E20 !important;
}
 
/*Css chỉnh màu cho button đặt mua ngay*/
.popup-customer-info-group .devvn-order-btn{
    background: #F57E20 !important;
}

.single-post .bvlq{
	font-weight: 700;
	font-size:22px;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom: 1px solid #ececec;
}

.product-info p.stock {
    font-size: 25px;
    color: #ff0000;
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
  font-weight: 700;
}

.nav-dropdown .nav-dropdown-col>a{
	color: #333333;
	font-size: 15px;
}

.nav-dropdown .nav-dropdown-col>ul li a{
	color: #333333;
}

.single-post .entry-content .button, .page .button-group{
	padding: 0 0.5em;
	margin-right: 0;
	margin-bottom: 0;
}

body .wq_questionTextCtr h4{
	font-size: 24px;
	line-height: 1.3;
}

.wq_singleAnswerCtr .wq_answerTxtCtr {
	font-size: 17px;
	line-height: 25px;
}

.wq_quizCtr.flip_quiz .desc {
    text-align: left;
    font-size: 28px;
    line-height: 1.4;
}

.entry-header .entry-meta, .single-post .ht_count{
	text-transform: none;
	letter-spacing: normal;
	font-size: 14px;
	line-height: 2;
	color: #595959;
}

.single-post .article-inner .entry-header-text-top{
	padding-bottom: 0;
}

.single-post .blog-single blockquote, .page .entry-content blockquote, .home blockquote{
	background: #dcf0ff;
	border-left: 3px solid #63b03e;
	padding: 15px 20px;
	font-size: inherit;
	margin: 10px 0 !important;
	font-style: normal;
}

.single-post .blog-single blockquote p, .page .entry-content blockquote p{
	margin-bottom: 0;
}

.author .entry-author{
	padding: 0 0 10px 0;
}

.author #content h2{
	margin-bottom: 20px;
}

.author-social .fa{
	font-size: 20px;
	padding-right:5px;
}

.button.shopee:not(.is-outline){
	background-color: #ee4d2d;
}

.button.lazada:not(.is-outline){
	background-color: #6f42c1;
}

.button.tiki:not(.is-outline){
	background-color: #0d5cb6;
}

.home .title-home a {
	font-size: 28px;
	padding-right: 15px;
}

.home .title-home span {
	font-size: 28px;
}

.nav-top-link .ux-menu-icon {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(161deg) brightness(107%) contrast(101%);
}

.single-post .entry-content th:first-child, .single-post .entry-content td:first-child, .page .entry-content th:first-child, .page .entry-content td:first-child, .home td:first-child, .home th:first-child, .page-template-thanh-cong td:first-child, .page-template-thanh-cong th:first-child{
    padding-left: .5em;
}

.footer-primary .copyright-footer {
    color: #fff;
}

.ma-giam-gia .small-12 {
    max-width: 33.3333333333%;
}

.symple-box {
    margin: 15px 0 !important;
}

.egg-container .cegg-gridbox {
    border: 1px solid #ececec!important;
    margin-left: 0.5%;
	margin-right: 0.5%;
}

.egg-container .col-xs-6 {
    width: 49%!important;
}

.cegg-gridbox .productprice {
    color: #ff0000!important;
}

.single-post .relatedcat .post-title, .author-box .author-name{
	font-weight: 700;
}

.pt-half {
	padding-top: 0;
}

.archive-page-header .taxonomy-description{
	font-style: italic;
}

.header-bottom .dark,.header-bottom .dark p,.header-bottom .dark td,.header-bottom .dark .nav-vertical-fly-out > li > a,
.header-bottom .nav-dropdown.dark > li > a {
  color: #ffffff;
}

.copyright-footer .site-info {
  font-size: 12px;
}

.ct-single-source {
    margin: 20px 0;
}

.ct-single-source .collapsible {
  text-align: left;
  color: white;
  cursor: pointer;
  width: 100%;
  outline: none;
  font-size: 17px;
  text-transform: none;
  background-color: #63b03e;
  border: 2px solid #63b03e;
  margin-bottom: 0;
}

.ct-single-source .collapsible:hover, .ct-single-source .active:hover, .ct-single-source .active:focus,.ct-single-source .collapsible:focus {
  background: #63b03e!important;
}

.ct-single-source .content {
  padding: 15px 30px 15px 30px;
  display: none;
  overflow: hidden;
  border: 2px solid #63b03e;
  font-size: 13px;
}

.ct-single-source .collapsible:before {
  content: '\002B'; /* Unicode character for "plus" sign (+) */
  color: #fff!important;
  margin-right: 5px;
}

.ct-single-source .active:before {
  content: '\2212'; /* Unicode character for "minus" sign (-) */
}

.footer-widgets .textwidget{
	font-size: 15px;
}

.archive-page-header .taxonomy-description {
  font-style: italic;
  text-align: left;
  border: 2px dashed #63b03e;
  padding: 10px 10px 2px 10px;
}

a.devvn_buy_now_style{
    background: #63b03e!important;
	border-radius:0px;
}
.popup-customer-info-group .devvn-order-btn{
	border-radius:0px;
} 

.devvn-popup-title,.popup-customer-info-group .devvn-order-btn{
    background: #63b03e!important;
}

.popup-customer-info-radio label input:checked ~ span::after{
	background: #63b03e;
	border: 1px solid #63b03e;
}

.popup-customer-info-radio label input:checked ~ span::before {
    border: 1px solid #63b03e;
}

.devvn-popup-close:hover {
background: url(https://caithuocthaynghi.com/wp-content/plugins/devvn-quick-buy/images/close.png) no-repeat center center;
background-size:100% auto;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
}

.devvn-popup-quickbuy .devvn-popup-inner {
  max-width: 95%;
}

.popup-customer-info-group select {
  padding: 0px !important;
}

.home li{
  color: #63b03e;
}

.home .wpcf7-form .row .col{
	padding: 0 5px 0;
}

.home .wpcf7-form .wpcf7-submit{
	width: 100%
}

.wp-caption .wp-caption-text {
  margin-top: 10px;
}

.view-more-button {
  border-radius: 4px;
  width: 100%;
  max-width: 400px;
  color: #fff;
  background-color: #63b03e !important;
  text-transform: none;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

.view-more-button:active {
  color: #fff;
}

.single-post .byline, .single-post .posted-on,.single-post .tp-post-view{
	padding-right: 10px;
}

.single-post .post-sidebar .widget-area {
	margin-top: 20px;
}

.topview span.widget-title, .post-sidebar .widget_text span.widget-title {
  font-size: 1em;
  font-weight: 600;
  background: #63b03e;
  padding: 10px;
  color: #fff;
  display: block;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 10px;
  border-radius: 5px;
}

.topview .top-img {
  height: auto;
  width: 70px;
}

.topview .top-title {
	font-size: 14px;
	line-height: 1.3em;
	color: #161616;
}

.topview .pb-half {
  padding-bottom: 10px;
}

.topview .pt-half {
  padding-top: 4px;
}

.topview .top_count{
	font-size: 12px;
	color: #595959;
}

.ht-breadcrumb {
	margin:20px 0;
	font-size:14px;
	color: #595959;
	text-align: left;
}

.row-large > .post-sidebar.col {
	padding: 0 30px 0 0;
}

.row-divided > .col + .col:not(.large-12) {
    border-left: none;
}

.box-image .image-cover img{
	border-radius: 5px;
}

.topview .top-img img{
	border-radius: 3px;
}

/**table css **/
table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-spacing: 0;
}

table tr:nth-child(1) {
    background: #63b03e;
    color: #fff;
}
table tr:nth-child(1) td {
    color: #fff;
}

table td {
    border: 1px solid #ccc;
}

.table-container {
  overflow-x: auto; /* Tạo thanh cuộn ngang khi nội dung bị tràn */
}

.single-post .entry-author, .author .entry-author {
  background-color: rgba(0,0,0,.05);
  padding: 30px 10px;
  border-radius: 5px;
}

#comments .comment-respond, #ftwp-container.ftwp-wrap #ftwp-contents {
  border-radius: 5px;
}

/*lấy top sản phẩm lên topbar bằng menu*/
.header #top-bar ul{
  flex-flow: row nowrap;
}

.header #top-bar .flex-row {
  white-space: nowrap;
  overflow-x: auto;
}

.header #top-bar .flex-row::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.header #top-bar .flex-row::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 15px;
}

.header #top-bar .flex-row::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 15px;
}

.header #top-bar .flex-row {
    scrollbar-width: thin;
    scrollbar-color: #bbb #ddd;
}

/* An load va thong bao cf7 */
.wpcf7-spinner, .wpcf7-response-output {
    display: none !important;
    visibility: hidden !important;
}

.wpcf7 .wpcf7-not-valid-tip {
  margin-bottom: 5px;
}

.tongthanhtoan {
	color: #ffff00;
	font-size: 18px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
}

.gia-giam{
    color: #DCDCDC;
	font-size: 16px;
	text-decoration-line: line-through;
}

.tongthanhtoan .wpcf7-form-control-wrap{
	display: inline-block;
	
}

.thanh-toan-trai {
	max-width: 49.5%!important;
	margin-right: 0.5%!important;
}

.thanh-toan-phai {
	max-width: 49.5%!important;
	margin-left: 0.5%!important;
}
/* Boxes shortcodes

/*-----------------------------------------------------------------------------------*/
/*main*/
.symple-box { display: block; padding: 15px 20px; margin: 0; font-size: 1em; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.symple-box p:last-child { margin: 0 }
/*aligns*/
.symple-box.left { float: left }
.symple-box.right { float: right }
.symple-box.center { margin: 0 auto; float: none; }
/*colors*/
.symple-box.black { color: #fff; background: #000; }
.symple-box.white { color: #0000; background: #ffff; border: 1px solid #eee; }
.symple-box.gray { color: #666; background: #f9f9f9; border: 1px solid #ddd; }
.symple-box.red { color: #de5959; background: #ffe9e9; border: 1px solid #fbc4c4; }
.symple-box.green { color: #5f9025; background: #ebf6e0; border: 1px solid #b3dc82; }
.symple-box.blue { color: #5091b2; background: #e9f7fe; border: 1px solid #b6d7e8; }
.symple-box.yellow { color: #c4690e; background: #fffdf3; border: 1px solid #f2dfa4; }

@media only screen and (max-width: 1100px) {

}


@media only screen and (min-width:992px) {
	.egg-container .col-md-4 {
	    width: 32.33333333%!important;
	}
}

@media screen and (max-width: 1100px) and (min-width: 849px) {

}

@media only screen and (max-width: 850px) {
	.row-large > .post-sidebar.col {
	  padding: 0 15px;
	}
	.single-post #main > .page-title .page-title-inner, 
	.page #main > .page-title .page-title-inner, 
	.archive #main .page-title > .page-title-inner{
		min-height: 0;
	}
	.page .entry-content {
        padding-top: 0.5em;
	}
	.archive .archive-page-header > .row .col{
		padding-bottom: 10px;
	}
	.archive .medium-col-first .row .col{
		padding-left: 0;
		padding-right: 0;
	}

	.ma-giam-gia .small-12 .box-image{
		width: 80%!important;
	}

	.single-post .entry-content .aligncenter, .page .entry-content .aligncenter {
	    clear: both;
	    display: block;
	    margin: 0 auto;
	}
	.wp-caption {
   		margin-bottom: 2em!important;
	}

	.page .form-submit input{
		margin-bottom: 1em;
	}
	.mfp-bg.mfp-ready {
	  opacity: .6;
	}

	.single-post .post-sidebar .widget-area, .archive .post-sidebar .widget-area {
	  padding: 0 15px;
	}

	.row-large > .post-sidebar.col {
	  padding: 0;
	}

	.post-sidebar .textwidget *{
		width: 100%;
	}

}

@media only screen and (max-width: 549px) {
	.entry-content h2 {
	    font-size: 1.3em;
	}
	.entry-content h3 {
	    font-size: 1.2em;
	}
	.entry-content h4 {
	    font-size: 1.1em;
	}
	.next-prev-nav .flex-col {
	    padding: .7em 5px;
	}
	.author-box .flex-row{
		display: block;
	}

	.author-box .flex-col.mr.circle, .author-box .flex-col.flex-grow {
	    text-align: center;
	    margin-right: 0;
	}

	.btmua3 {
		max-width: 30%!important;
	}

	.btpcenter{
		margin: 0 0 30px;
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.btp{
		margin: 0 2.5% 30px;
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.btmua2 {
		max-width: 50%!important;
	}

	.pt-half {
	    padding-top: 15px;
	}
	.altumcode-bottom_left {
  		/*width: 70% !important;*/
  		bottom: 50px !important;
	}
	.box .box-text .post-title {
		font-size: 17px;
	}
	.thanh-toan-trai {
		max-width: 100%!important;
		margin-right: 0!important;
		margin-top: 0!important;
	}

	.thanh-toan-phai {
		max-width: 100%!important;
		margin-left: 0!important;
		margin-top: 0!important;
	}

}

@media only screen and (max-width: 480px) {

	.article-inner.has-shadow .entry-content{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.home .title-home a, .home .title-home span {
		font-size: 24px;
	}
	.egg-container .col-xs-6 {
	    width: 100% !important;
	}

	.egg-container .cegg-gridbox {
	    margin-left: 0;
	    margin-right: 0;
	}
}

@media only screen and (max-width: 330px) {
	.home .title-home a, .home .title-home span {
		font-size: 20px;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}