/*
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.   ***************/
#header .icon-box-img img {
	    aspect-ratio: 1 / 1;
    object-fit: contain;
}

#content .row-bo-vien .col-inner {
	min-height:auto ;
}

.page-title h1.entry-title {
	font-size:48px!important;
	color:white;
}

#content .box-vertical .box-text {
	padding-left: 15px;
	padding-right: 15px;
}
.mlw_qmn_message_before p img {
	width: 250px;
	height:250px;
	
}

.mlw_qmn_message_before {
	margin: 0!important;
}

.mlw_qmn_message_before h2 {
	margin-bottom: 0!important;
}

.qsm-auto-page-row.quiz_section.quiz_begin {
	padding: 0;
}
.mlw_qmn_message_before p  {
	text-align: center;
	margin-bottom: 0!important;
}
#quizForm1 {
	margin-bottom: 0;
}

.qsm-auto-page-row.quiz_section.quiz_begin  {
	display: flex;
	flex-direction:column;
	align-items:center;
}

.qsm_contact_div {
	width:100%;
	max-width:700px;
	margin: 0;
}
#quizForm1 .qsm_contact_div input {
	width:100%;
}

#header .header-bottom {
background: #145b2b !important;
}
#content .qmn_quiz_container .qmn_btn {
	background: #145b2b !important;
}

#content .qmn_quiz_container .qmn_btn:hover {
	opacity: 0.8;
}
.post-sidebar .widget-title, .div-widget .widget-title {
	background: #145b2b !important;
}

.row-bo-vien p {
	margin-bottom:0;
}

.wn-bg-yt {
	background:#FF0000;
}

.wn-bg-fb {
	background:#1877F2;
}

#header .button.facebook, #header .button.facebook:not(.is-outline), #header .button.facebook:hover {
	background:#1877F2!important;
	border-color:#1877F2!important;
}

@media only screen and (max-width: 56em) {
	.box-list-view .box .box-image, .box-vertical .box-image {
		min-width: 200px;
	}
}

.social-icons {
	display: flex;
}

.button.facebook {
	order:3
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.section-hoc-vien .img-inner {
		height:200px;

	}

	.box-list-view .box .box-image, .box-vertical .box-image {
		min-width: 140px;
	}

	#main .section-hoc-vien .flickity-slider div.img  {
		width:100% !important;
	}


	.box.box-blog-post {
		display: flex;
		gap: 4px;

	}

	 .box-text.text-left {
		padding-left: 0!important;
	}

}