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

/*************** ADD CUSTOM CSS HERE.   ***************/
.mobile-sidebar .sidebar-menu .sub-menu.children li a{
	font-size:13px !important;
}
.product-small.box  .box-image img{
	/* height:105px;*/
	width:auto !important;
	margin:0 auto !important
}
.product-small.box .image-zoom-fade{
	text-align:center !important
}
.product-footer ul.tabs.wc-tabs.product-tabs{
	background:none !important
}
.product-footer ul.tabs.wc-tabs.product-tabs li.active a{
	text-transform:none !important;
	font-size:18px !important
}
.product-footer .nav-line-bottom>li>a:before{
	display:none !important
}
ul.ulchinhsach{
	padding-left:155px;
	padding-right:70px;
	list-style:none;
	margin:0px !important;
		float:left;
	width:100%;
	    margin-top: 25px !important;
}
ul.ulchinhsach li{
	float:left;
	width:50%;
	
}
ul.ulchinhsach li a{
	color:#333;
	font-size:13px;
}
ul.ulchinhsach li img{
	width:20px;
	margin-top:-3px;
}
.button.alt, .button.checkout, .checkout-button {
    background-color: #02aef0;
}
.product-info form.cart{
	padding-top:25px !important;
	position:relative;
}
.product-info form.cart:after{
	content:"Số lượng";
	color:#333;
	font-size:14px;
	font-weight:600;
	left:0px;
	top:0px;
	position:absolute
}
.product-info .input-text.qty.text{
	min-width:65px !important;
}
.product-info  .single_add_to_cart_button {
	margin-left:80px;
	position:relative;
}
.single_add_to_cart_button{
	font-size:14px;
	padding-left:100px;
	padding-right:100px;
	border-radius:3px;
	font-weight:500;
	height:40px;
}
.product-info  .single_add_to_cart_button:before {
	position:absolute;
	content:"";
	width:64px;
	height:40px;
	background:url(/wp-content/uploads/2025/07/themgio.png) no-repeat top left;
	background-size:cover !important;
	left:-80px;
	top:0px;
	
}

.pmua{
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	font-size:15px;
	font-weight:600;
	color:#333;
	border-bottom:1px solid #E0E0E0;
	font-size:14px;
	display:block !important
}
.pmua a{
	color:#f00;
	font-size:16px;
}
.product-short-description:after {
    content: "Tính năng nổi bật";
    position: absolute;
    left: 40px;
    top: -14px;
    padding-left: 40px;
    padding-right: 20px;
    background: #fff url(/wp-content/uploads/2025/07/bookmark-x.png) no-repeat top left 6px;
    background-size: auto !important;
    font-weight: 600 !important;
    font-size: 17px;
}
.product-short-description p{
	margin-top:5px;
	margin-bottom:5px;
	
}
p.masp{
	font-size:14px;
	color:#555;
	margin-bottom:0px;
}
.product-info .price {
  
    font-size: 24px;
}
.product-info h1.product-title {
    font-size: 20px;
}
.product-info .product-title {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background: #f7f7f7;
    margin-bottom: 0px !important;
    padding-bottom: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.product-short-description {
    font-size: 14px;
    color: #333;
}
.product-short-description {
    margin-top: 30px;
    padding: 20px 20px 12px;
    margin-bottom: 8px;
    border: 2px solid #02aef0;
    border-style: dashed;
    border-radius: 6px;
    position: relative;
    width: 100%;
    position: relative;
}


/**  thêm */ 
.page-title:not(.featured-title)+main .product-main {
    padding-top: 40px;
}

.badge-container {
    margin: 0px !important;
    margin-top: 0px !important;
    left: 6px;
    right:auto;
}
.badge-container .callout.badge{
	height:32px !important
}
.badge-container .badge-inner{
    background: url(/wp-content/uploads/2025/07/salesx.png) top left no-repeat;
    padding: 0px 10px 7px 25px;
    background-size: contain;
    font-size: 13px;
	border-radius:0px !important;
	font-weight:normal !important
}
.badge-container .badge-inner .onsale{
	font-size:12px !important
}
.header-main .header-cart-link.icon{
	background: #2E2E76;
	background: linear-gradient(90deg,rgba(46, 46, 118, 1) 0%, rgba(2, 174, 240, 1) 50%, rgba(46, 46, 118, 1) 100%);
}
.nav-dropdown-default{
	padding:12px !important;
	border-radius:10px !important
}
.product-small.box {
    background: #fff !important;
    border-radius: 8px;
    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
}
.price-lien-he{
	padding:0px !important;
	margin-top:8px !important
}
.price-lien-he a{
	color:#333 !important
}
.product-small.box .box-image {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
.xgal .gallery-col.col img{
	border-radius:16px;
}
.xduan .box-text.text-left{
	padding-top:15px;
	padding-left:40px;
	padding-right:15px;
	padding-bottom:10px;
	position:relative
}
.xduan .box-text.text-left:after{

    width: 5px;
    height: 30px;
    background: #2e2e76 !important;
    transform: rotate(15deg);
    content: "";
    z-index: 2;
    left: 5px;
    top: 15px;
    position: absolute;

}
.xduan .post-title{
	margin-bottom:15px;
}
.xduan .button.is-link{
	text-transform:none !important;
	margin:0px !important;
	font-weight:normal !important;
	font-size:14px;
	color:#2e2e76 !important;
}
.xduan .box-text.text-left:before{

    width: 5px;
    height: 20px;
    background: #02aef0 !important;
    transform: rotate(15deg);
    content: "";
    z-index: 2;
    left: 14px;
    top: 15px;
    position: absolute;

}
.slider-wrapper.slihome{
	position:relative
}
.slider-wrapper.slihome:after{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	content:"";
	z-index:2;
	display:block !important;
background: #000;
background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%);
}
aside.widget .widget-title{
	display:block !important;
	width:100% !important;
	padding:13px 15px;
	background:#02aef0 !important
}
aside .widget-title{
	color:#fff !important
}
.product-footer ul.tabs.wc-tabs.product-tabs{
	background:#fff !important;
}
#product-sidebar{
	padding-top:15px;
}
#header{
	border-top:1px solid #fff !important
}
.tab-panels{
	padding-top:0px !important
}
.tab-panels .entry-content.active{
	padding:15px 20px !important;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border:1px solid #f4f4f4;
	border-top:0px !important
}
.product-short-description ul li{
	list-style:none;
	position:relative;
	margin-left:10px;
	padding-left:25px;
	
}
.product-short-description ul li:after{
	position:absolute;
	left:0px;
	top:3px;
	width:18px;
	height:18px;
	content:"";
	z-index:3;
	background:url(/wp-content/uploads/2025/07/checkmark.png) no-repeat top center;
	background-size:cover !important;
	
}
.product-footer ul.tabs.wc-tabs.product-tabs{
	border-bottom:1px solid #f4f4f4
}
.product-footer ul.tabs.wc-tabs.product-tabs li.active a{
	color:#2e2e76 !important;
	font-size:15px;
	padding-left:20px;
	padding-right:20px;
	background:#fff;
	border-left:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
	border-radius:10px;
}

#header #logo{
	background:hsl(0deg 0% 100% / 80%) !important;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding-right: 15px !important;
	padding-left: 15px !important;
	padding-bottom: 15px !important;
	    margin-bottom: -5px;
}
.header-wrapper.stuck .header-bg-color {
    background-color: #fff !important;
}
.sidebar-menu.no-scrollbar {
	padding-top:0px !important
}
.header-block-block-1{
	width:100% !important;
	text-align:center;
}
.sidebar-menu .header-search-form{
	background:#2e2e76 !important;
}
.blog-featured-title .entry-divider{
	display:none !important
}
.sidebar-menu .search-field{
	font-size:13px !important
}
.sidebar-menu .menu-item>a{
	text-transform:none !important
}
.img.logohead{
	padding:10px 20px !important
}
.img.logohead img{
	width:auto;
	max-height:80px;
	margin:0 auto
}
.blog-featured-title .flex-col.flex-center{
	text-align:left !important;
	width:100% !important
}
#post-list .post-title{
	font-size:20px;
}
#post-list .post-title a{
	color:#2e2e76 !important;
}
header.archive-page-header{
	padding-top:35px;
	padding-bottom:30px;
	background:#02aef0  ;
	margin-bottom:30px;
	text-align:left
}
header.archive-page-header h1{
	color:#fff !important;
font-size: 24px;
    margin-bottom: 0px;
}
header.archive-page-header .large-12.col{
	text-align:left;
	padding-bottom:0px;
}
#post-list .from_the_blog_excerpt {
	padding-top:15px;
	position:relative;
	border-top:1px solid #dedede;
	margin-top:10px;
}
#post-list .from_the_blog_excerpt:after{
	width:60px;
	height:3px;
	background:#02aef0 !important;
	position:absolute;
	top:-1.5px;
	left:0px;
	content:"";
	z-index:2;
}
.blog-wrapper{
	padding-top:0px !important
}
.devvn-popup-title, .devvn-order-btn{
	background:#2e2e76 !important;
	color:#fff !important
}
#devvn_buy_now{
	margin-bottom:0px !important
}
#tab-description{
	font-size:15px;
}
#devvn_buy_now strong{
	font-size:15px;
}
#devvn_buy_now span{
	font-size:13px;
}
.product-info h1.product-title{
	color:#2e2e76 !important;
	margin-bottom:20px;
	border-bottom:10px solid #f4f4f4;
	padding-bottom:15px;
}
.product-info .posted_in{
	display:none !important
}
.product-info .product_meta{
	padding-top:10px;
}
.product-info .is-divider{
	display:none !important
}
.product-short-description{
	font-size:14px;
}
.product-short-description ul{
	margin-left:0px;
}
.product-short-description ul li{
	margin-bottom:10px;
}
.product-small.box .box-text .title-wrapper{

}
.product-small.box:hover .box-text .title-wrapper{
	
}
.product-small.box:hover  .name.product-title a{
	
}
.product-small.box .box-text.box-text-products{
	padding:15px !important
}
.product-small.box  .price-wrapper{
	margin:0px !important;
}
.price-lien-he{
	display:block ;
	padding:10px 15px;
	background:#fff;
	color:#03813e;
	font-size:13px;
}
.product-info .price-wrapper{
	color:#f00
}
.product-info .price-wrapper span.amount{
	color:#f00;
	font-size:20px;
}
.product-info .price-wrapper ins{
	float:left;
	margin-right:10px;
}
.product-info .price-wrapper del span.amount{
	color:#666 !important;
	font-size:15px;
}
p.name.product-title{
	margin-bottom:0px !important
}
.product-small.box .name.product-title {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
}
.product-small.box .price-wrapper ins{
	float:left;
	margin-right:10px;
}
.product-small.box .price-wrapper{
	margin-top:5px !important;
	margin-bottom:5px !important
}
.product-small.box .price-wrapper del span{
	font-size:13px !important
}
.product-small.box .price-wrapper{
	margin-bottom:10px;
}
.product-small.box .add_to_cart_button{
	text-transform:none !important;
	font-size:14px;
	border-radius:40px;
	width:100% !important;
	padding:5px 20px;
	font-weight:normal !important;
	text-align:center;
}
.product-small.box .price-wrapper span.amount{
	color:#f00;
	font-size:15px;
}
.product-small.box .name.product-title a {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2e2e76 ;
	font-weight:600
}
.product-small.box{
	background: #fff !important;
    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
	    border: 1px solid #cecef9;
}
.product-small.box:hover {
    border: 1px solid #2e2e76 !important;
}
h1.shop-page-title{
	color:#2e2e76 !important;
}
aside.widget{
	
}
aside.widget_product_categories{
	
}
aside.widget .recent-blog-posts-li a{
	font-size:14px;
	color:#333;
}
.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: #fff !important
}
.post_comments {
	display:none !important
}
aside.widget_product_categories .product-categories>li>a, aside.widget_nav_menu ul.menu>li>a{
	color:#111;
	font-size:14px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:20px;
	position:relative
}

aside.widget_product_categories .product-categories>li>a:after{
	content:"";
	z-index:2;
	position:absolute;
	left:0px;
	top:12px;
	width:10px;
	height:10px;
	background:url(/wp-content/uploads/2025/07/right.png) no-repeat top center;
	background-size:100% !important;	
	opacity:0.5
}

aside.widget_nav_menu ul.menu>li>a:after{
	content:"";
	z-index:2;
	position:absolute;
	left:0px;
	top:12px;
	width:10px;
	height:10px;
	background:url(/wp-content/uploads/2025/07/right.png) no-repeat top center;
	background-size:100% !important;	
	opacity:0.5
}
aside.widget a:hover{
	color:#2e2e76 !important
}
aside.widget .product-categories{
	padding:10px 15px;
	background:#fff;
	border-radius:8px;
	border:1px solid #f7f7f7
}
.flatsome_recent_posts ul{
	padding:10px 15px;
	background:#fff;
	border-radius:8px;
	border:1px solid #f7f7f7
}
aside.widget .menu-menudv-container{
		padding:10px 15px;
	background:#fff;
	border-radius:8px;
	border:1px solid #f7f7f7
}
aside .widget-title {
    padding-left: 15px;
    border-left: 2px solid #2e2e76;
    display: block;
    margin-bottom: 10px;
    position: relative;
	    font-size: 17px;
}
aside .widget-title {
    text-transform: uppercase !important;
    color: #fff !important;
}
aside.widget_nav_menu .widget-title:after{
	top:12px !important;
	right:15px !important
}
aside.widget .is-divider{
	display:none !important
}
aside.widget_product_categories .widget-title:after {
    width: 20px;
    height: 20px;
    content: "";
    z-index: 2;
    right: 15px;
    background: url(/wp-content/uploads/2025/07/sort.png) no-repeat top right;
    position: absolute;
    top: 12px;
    background-size: cover !important;
}

aside.widget_nav_menu .widget-title:after{
	width: 20px;
    height: 20px;
    content: "";
    z-index: 2;
    right: 0px;
    background: url(/wp-content/uploads/2025/07/sort.png) no-repeat top right;
    position: absolute;
    top: -3px;
    background-size: cover !important;
}
.shop-page-title.page-title{
	background:#02aef0  !important
}
.header.archive-page-header{
	background:#02aef0  !important
}
.shop-page-title .orderby{
	border-radius:30px !important
}
.shop-page-title nav.woocommerce-breadcrumb, .shop-page-title nav.woocommerce-breadcrumb p, .shop-page-title nav.woocommerce-breadcrumb a{
	color:#fff
}
.shop-page-title .woocommerce-result-count{
	color:#fff
}
.shop-page-title.page-title h1.shop-page-title {
    color: #fff !important;
	margin-bottom:5px !important
}
select.orderby{
	font-size:14px;
}
.woocommerce-result-count{
	font-size:14px;
}
.shop-page-title .page-title-inner{
	padding-top:20px;
	padding-bottom:20px;
}
nav.woocommerce-breadcrumb.breadcrumbs{
	text-transform:none !important;
	font-size:13px !important;
	    font-weight: 300;
}
.iconxy img{
	padding-top:0px !important;
	filter: brightness(0) invert(1);
	margin-top:-6px;
}
.iconxy p{
	font-size:14px;
}
.iconxy .icon-box-img{
	width:14px !important
}
.bfooter h3{
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:20px;
	position:relative
}
.bfooter h3:after{
	position:absolute;
	left:0px;
	bottom:-1px;
	width:60px;
	height:1px;
	background:#02aef0;
	content:"";
	display:block;
}
.flogo img{
	width:auto !important;
	max-height:70px;
}
.bfooter .col{
	padding-bottom:10px !important
}
.flogo p{
	font-size:14px;
}
.xtintuc .from_the_blog_excerpt {
	padding-top:12px;
	position:relative;
	font-size:14px;
}
.absolute-footer{
	padding-top:15px !important;
	padding-bottom:15px !important;
	border-top:1px solid #dedede29;
}
.copyright-footer{
	font-size:13px !important
}
.xtintuc .post-title{
	height:70px;
	overflow:hidden
}
.colformxz .col{
	margin-top:-120px;
	    z-index: 999;
}
.xtintuc .from_the_blog_excerpt {
	min-height:110px;
	border-top:1px solid #02aef0;
	margin-top:8px !important
}
.xtintuc .from_the_blog_excerpt:after{
	width:60px;
	height:1px;
	content:"";
	z-index:2;
	position:absolute;
	left:0px;
	top:-1px;
	background:#2e2e76;
	display:block !important
}
.ngangxy>p{
	display:flex;
	gap:15px;
}
.colformxz .col-inner{
	border:1px solid #02aef0;
	position:relative;
	padding-bottom:0px !important
}
.colformxz .wpcf7-form{
	margin-bottom:0px !important
}
.colformxz .wpcf7-form-control.wpcf7-submit{
	margin:0 auto !important;
	    display: block;
	padding-left:70px;
	padding-right:70px;
	background:#2e2e76 !important;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	padding-top:5px;
	padding-bottom:5px;
}
.ngangxy .wpcf7-form-control{
	font-size:15px;
	border:0px;
	border-bottom:1px solid #2e2e76;
	box-shadow:0px 0px #fff !important;
	height:50px;
	padding-left:0px !important;
	margin-bottom:20px;
}
.ngangxyz .wpcf7-form-control.wpcf7-textarea{
	font-size:15px;
	border:0px;
	border-bottom:1px solid #2e2e76;
	box-shadow:0px 0px #fff !important;
	padding-left:0px !important;
	margin-bottom:40px;
	
}
.colformxz .wpcf7-spinner{
	display:none !important
}
.xtindv  .post-title{
	min-height:50px;
}
.col.post-item .is-divider{
	display:none !important
}
.xtindv .col.post-item:nth-child(2) {
  flex-direction: row-reverse;
}
.xtindv .post-title{
	color:#2e2e76
}
.xtindv .col.post-item .box-text{
	min-height: 205px;
}
.xtindv .col.post-item:nth-child(2) .box-image{
	    padding-top: 205px;
}
.xtindv .col.post-item:nth-child(4) .box-image{
	    padding-top: 205px;
}
.xtindv .col.post-item:nth-child(6) .box-image{
	    padding-top: 205px;
}
.xtindv .col.post-item:nth-child(1) .box-text{
	border-top:5px solid #2e2e76 !important;
}
.xtindv .col.post-item:nth-child(3) .box-text{
	border-top:5px solid #2e2e76 !important;
}
.xtindv .col.post-item:nth-child(2) .box-text{
	border-bottom:5px solid #02aef0 !important;
	position:absolute;
	top:0px;
min-height: 205px;
}
.xtindv .col.post-item:nth-child(4) .box-text{
	border-bottom:5px solid #02aef0 !important;
	position:absolute;
	top:0px;
min-height: 205px;
}
.xtindv .col.post-item:nth-child(6) .box-text{
	border-bottom:5px solid #02aef0 !important;
	position:absolute;
	top:0px;
min-height: 205px;
}
.xtindv .col.post-item .from_the_blog_excerpt {
	min-height:100px;
}
.listnangluc h3{
	width:120px;
	float:left;
	font-size:50px;
	line-height:50px;
	font-weight:500 !important;
	margin-bottom:0px !important
}
.listnangluc .col{
	padding-bottom:15px;
}
.boxslogan{
	margin-top:-60px;
}
.boxslogan .icon{
	padding:15px;
	background:#2e2e76;
	border-radius:100px !important
}
.textpx p{
	margin-bottom:15px;
	font-size:15px;
}
.listcn p{
	font-size:15px;
}
.listcn>.col{
	position:relative
}
.listcn .icon-box-img{
	z-index:2;
}
.listcn>.col:after{
	width:100%;
	height:2px;
	content:"";
	position:absolute;
	left:0px;
	top:58px;
	right:0px;
	display:block;
	background:#2e2e76 !important;
	z-index:1;
}
.listcn .icon-box-text{
	padding-top:70px !important;
	    width: 99%;
	padding:15px 20px;
	background:#f4f4f4;
	border-radius:8px;
	    margin-top: -70px;
}
.xcate .box-image img{
	border-radius:15px !important
}
.xcate .product-category.col{
	padding-bottom:0px !important;
	    margin-top: 20px;
}
.titmainx{
	color:#2e2e76
}
.xcate .product-category.col h5.header-title:hover{
	color:#2e2e76 !important
}
.galhome .box-image img{
	border-bottom-right-radius:30px !important;
	border-top-left-radius:30px !important;
}
.colliab .flickity-page-dots .dot{
	background-color:#fff !important
}
.titmainx .section-title-main{
	margin-bottom:0px !important;
	    font-size: 32px;
	color:#2e2e76
}
.titmainx .section-title b{
	height:0px !important
}
.xemthem{
	font-size:14px;
	font-weight:normal !important;
	color:#fff !important;
	padding-left:30px !important;
	border-left:3px solid #fff !important;
	margin:0px !important
}
.vechungtoi .xemthem{
	border-left:3px solid #fff !important;
	line-height:35px !important
}
.textp{
	font-size:15px;
}
.titmain .section-title-main{
	border-bottom:0px !important
}
.titmain .section-title{
	border-bottom:0px !important;
	font-size:32px;
}
#header i.icon-menu{
	font-size:32px;
}
.flickity-page-dots .dot{
	width:9px !important;
	height:9px !important
}
.header-main li.nav-icon.has-icon{
	margin-left:30px;
}
.header-main li a{
	font-size:14px !important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.listnangluc h3 {
		font-size:26px;
	}
	.listnangluc h3 {
		width: 60px;
	}
	.listnangluc p{
		font-size:13px;
	}

}