/*
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.   ***************/
.btn-pttuan-custom, .col_but_dk input[type=submit]{
   border-radius:5px;
}

.header-bottom-nav > li > a {
    text-transform: capitalize;
}

.header-nav-main.nav-left{
	justify-content:center;
}

.section-title b{
	display:none;
}

.section-title {
	justify-content: center;
}

.sf_date_field>li{
	margin:0!important;
}

/* FIX 15/4/2025 */

.wc-tabs.product-tabs{
	display:none;
}

/* timkiem */

.timkiem_kh .sf-field-search{
	flex-basis:100%;
}

.timkiem_kh .sf-field-search label{
	width:100%;
}

.timkiem_kh li:not(.sf-field-search){
	flex:1;
}

.timkiem_kh li:not(.sf-field-search)>label{
	width:100%;
}

.timkiem_kh .sf-field-submit{
	text-align:right;
}

.timkiem_kh .sf-field-submit input{
	margin:0;
	text-transform: none;
    width: 100%;
}

.timkiem_kh ul{
	display:flex;
	align-items:center;
	flex-wrap: wrap;
}

.timkiem_kh input, .timkiem_kh select{
	border-radius: 50px;
    border-color: var(--primary-color);
	margin-bottom: 0;
}

/* KHO TRI THUC */
@media only screen and (min-width: 48em) {
	.col_ktthuc>.col-inner:after{
	content:"";
	background:url(/wp-content/uploads/2025/05/svgexport-13.svg) no-repeat;
	background-size:100%;
	position:absolute;
	width:62px;
	height:62px;
	top: 0;
    right: 0;
}

.col_ktthuc h2{
	font-size:36px;
}

.row_khotrithuc h3{
	font-size: 36px;
    margin-left: -30px;
}


.row_khotrithuc .col.post-item:nth-child(2){
	border-bottom: 1px solid;
    border-top: 1px solid;
}

.row_khotrithuc .col.post-item{
	padding:30px 0;
}
}


/* form dkhv */
.thong_tin_form{
	background-color: white;
    padding: 15px 20px;
}

.tab_dkkh .tab-panels{
	padding:20px;
}

.col_button_send{
	display: flex;
	gap: 5px;
	font-size: 14px;
	align-items: center;
}

.col_button_send input[type=submit]{
	margin:0;
	padding: 0 50px;
    border-radius: 5px;
}

.col_button_send .wpcf7-spinner{
	display:none
}

.col_form_luuy ul>li{
	margin-bottom:0;
	font-size:14px;
}

.col_form_dk>p{
	font-size: 14px;
    background-color: #E3E3E3;
    padding: 10px!important;
    line-height: 0.5;
}

.dk_mhv>.col{
	padding-bottom:5px;
}

.row_ctkh .product_title {
	color:white!important;
}

/* trang chi tiet khoa hoc */
.info_kgdd{
	display: flex;
    justify-content: center;
    gap: 20px;
}

.info_kgdd p>span{
	font-weight: bold;
    color: yellow;
}

.info_ghlh{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.col_ghlh {
	padding: 20px 30px 20px 50px !important;
}

.info_ghlh p{
	display: flex;
    border-bottom: 1px solid var(--primary-color);
    justify-content: space-between;
	padding-bottom: 20px;
    margin-bottom: 0;
	font-weight: bold;
}

.row_info_lichhoc .product-page-price del,
.row_info_lichhoc .product-page-price ins{
	border-bottom: 1px solid var(--primary-color);
	padding-bottom: 20px;
	line-height:1.6;
}

.row_info_lichhoc .product-page-price del bdi,
.row_info_lichhoc .product-page-price ins bdi{
	display:flex;
	justify-content: space-between;
}

.row_info_lichhoc .product-page-price del bdi:before,
.row_info_lichhoc .product-page-price ins bdi:before{
	flex:3;
}

.row_ctkh p{
	margin-bottom:0;
}

/* FORM */
.dkkh input, .dkkh textarea{
	border-radius:5px;
	margin-bottom:0;
}

/* BODY */

img.size-full.alignnone {
    margin-bottom: 0;
}

.product-small.box{
	border: solid 1px var(--fs-color-primary);
    padding: 20px;
	padding-bottom:20px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	border-radius:10px;
} 

/* @media only screen and (min-width: 48em) {
	.product-small.box .box-text .title-wrapper{
	height:71px;
	}
} */


.product-small.box .box-text .title-wrapper a{
	font-size:16px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-small.box .box-text .title-wrapper{
	height:63px;
}

.box-text.text-center{
	padding-bottom:0;
}

.bn_textbox h2{
	font-size: 30px;
}

.bn_textbox h4{
	font-size: 20px;
}

.widget ul {
    border: 1px solid var(--fs-color-primary);
    padding: 0 10px;
}

.sec_title h2 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
	font-weight:normal;
	font-size: 22px;
}

.sec_title>h2:before,
.sec_title>h2:after {
    content: '';
    display: block;
    width: 104px;
    height: 1px;
    background: linear-gradient(to right, transparent, #0d487f);
    position: absolute;
    top: 54px;
    right: 50%;
    margin-right: 19px;
}

.sec_title>h2:after {
    content: '';
    right: auto;
    left: 50%;
    margin-right: 0;
    margin-left: 19px;
    transform: rotateY(180deg);
}

.box-text-bottom .is-divider{
    display: none;
}

/* PRODUCT PAGE */

.product-small.box .price-wrapper{
	display:none;
}


/* BLOG PAGE */
.col.post-item{
    padding-bottom: 5px;
}

.col.post_img{
    max-height: 400px;
    overflow: hidden;
    margin-bottom: 20px;
    
}

.col.post_text,.col.post_img{
    padding-top: 20px;
}

.blog-archive .item-post:nth-child(2n) {
    background-color: #f6f6f6;
}

.blog-archive .item-post:nth-child(2n)>.row.large-columns-2{
    flex-direction: row-reverse;
}
/* TAB-CONTENT */
.home .tabbed-content ul>li{
    border:1px solid #e6e6e6;
    border-radius: 99px;
    margin-left: 10px!important;
}

.home .tabbed-content ul>li>a{
    font-weight: normal;
}

.button.is-outline{
	border: 1px solid;
}

.nav-tabs>li>a{
	border-radius:5px 5px 0 0
}

#header-contact>li>a>i+span {
    text-transform: lowercase;
}

.section-title{
	border:none;
}
.section-title span{
	text-transform:none;
}

/* SIDEBAR */
.widget.flatsome_recent_posts{
    background-color: #f9f9f9;
}
.widget.flatsome_recent_posts>ul>li{
    padding-left: 10px;
}
span.widget-title {
    display: block;
    padding: 10px;
    background-color: var(--fs-color-primary);
    color: white;
	font-size:15px;
	border-radius:5px 5px 0 0;
}

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

.recent-blog-posts a {
    text-transform: capitalize;
    font-size: 14px;
}

/* PAGE CTSP */

.sec_ctsp .is-divider{
	background-color:var(--primary-color);
}

.product_title.entry-title{
	color:var(--primary-color);
}
.col_right_ctsp .section-title-container{
	margin-bottom:10px;
}

.price-wrapper>.product-page-price{
	display: flex;
    flex-direction: column;
    gap: 20px;
}

.price-wrapper del,.product_list_widget del{
	text-decoration:none;
}

del span.amount{
	color:#B71D21;
	opacity: 1;
	font-weight:bold!important;
	margin-right:0;
}

.price-wrapper del bdi:before,
.product_list_widget del bdi:before{
	content:"Học phí: ";
	color:black;
}
ins span.amount{
	color:#002CFF;
}
.price-wrapper ins bdi:before{
	content:"Phí ưu đãi: ";
	color:black;
}

.col_right_ctsp{
	background-color: #F4F4F4;
}

.col_right_ctsp .widget_products{
	padding:0;
}

.product_list_widget ins{
	display:none;
}

.product_list_widge{
	font-size:14px;
}

.fot_img_logo{
	align-items:center;
}
.form-search-advanced .row {
    margin-left: 0;
    margin-right: 0;
}

.form-search-advanced select,
.form-search-advanced input[type="text"] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.form-search-advanced .button.expand {
    width: 100%;
}
.form-search-advanced button{
	margin-bottom: 0;
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	.product-small.box {
		padding: 10px!important;
	}
	.col_right_ctsp{
		padding:10px;
	}
	ul.product-tabs{
		justify-content: center;
	}
	ul.product-tabs>li{
		width:fit-content;
	}
	.col_form_dk>p{
		line-height:1.5;
	}
	.info_kgdd{
		justify-content: space-around;
	}
	.row_ctkh p{
		display: flex;
    flex-direction: column;
	}
	.row_ctkh h1{
		font-size:20px;
	}
	.timkiem_kh ul>li{
		margin:0 10px;
	}
	
}