/*
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.   ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.back-to-top.active { display: block !important; }
}

.nav-spacing-xlarge>li { margin: 0 20px; }

.slider-nav-light .flickity-prev-next-button { color: #000; }

.slider-nav-light .flickity-prev-next-button .arrow { fill: #000; }

.slider-nav-circle .flickity-prev-next-button svg { border: 2px solid #000; }

.post-views { margin-bottom: 5px; }

.custom-form-sub 
{
    background: #f2f2f2;
    border-radius: 5px;
    padding: 25px 15px 30px 15px;
    margin-bottom: 20px;
    margin-top: 15px;
	border: 1px dashed #222;
}

.custom-form-sub .custom-form-title { margin-bottom: 5px; text-align: center; }

.custom-form-sub .custom-form-title-2 { margin-bottom: 15px; text-align: center; }

.custom-form-sub .custom-form-title-2 b { color: #B71C1C; }

.custom-form-sub input[type='submit']:not(.is-form) { margin-right: -60px; }

.custom-form-sub .col-lg-4 
{
	flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
	padding-right: 5px;
    padding-left: 5px;
}

.custom-form-sub .col-lg-12
{
	flex: 0 0 100%;
    max-width: 100%;
	padding-right: 5px;
    padding-left: 5px;
}

@media (max-width: 480px)
{
	.custom-form-sub .col-lg-4 
	{
		position: relative;
        min-width: 100%;
	}
}

input[type='search'] { border-radius: 0 !important; }

.wp-video { margin-bottom: 15px; }

.don-vi-slider .flickity-slider > .img { width: 20% !important; }
@media (max-width: 549px)
{
	h2 { font-size: 22px; }
	h3 { font-size: 18px; }
	.box-text { font-size: 100%; }
	
	.don-vi-slider .flickity-slider > .img { width: 50% !important; }
}

.single-post blockquote { font-size: 15px; }
/* ========HOME======== */
.gpc-flex-4-2-1{
	justify-content: center;
}
@media (max-width: 1024px){
	.gpc-flex-4-2-1 > div{
		flex-basis: 48%;
		max-width: 100%;
	}
}
@media (max-width: 767px){
	.gpc-flex-4-2-1 > div{
		flex-basis: 90%;
		max-width: 100%;
	}
}

.gpc-home__service > .col-inner{
	border-radius: 20px;
	overflow: hidden;
}
.gpc-home__service > .col-inner .gpc-home__service-label p{
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 16px 0 14px;
    font-size: 16px;
    line-height: 22px;
    background: linear-gradient(to left, yellow, 42%, #ffd700);
}
.gpc-home__service > .col-inner:hover .gpc-home__service-label p{
	background: black;
}
.gpc-home__service > .col-inner:hover .gpc-home__service-label strong{
	background: linear-gradient(to left, yellow, 42%, #ffd700);
	-webkit-background-clip: text;
	color: transparent;	
}

/* -------Thành tựu------- */
.margin_top_20{
	margin-top: 20px;
}
.gpc-count-up-style > p > span{
	padding: 0 5px;
	color: transparent; 
	font-size: 56px; 
	line-height: 1.16;
	font-weight: 800;
    background: linear-gradient(-120deg, var(--primary-color), #ffd700, var(--primary-color));
    -webkit-background-clip: text;
}
@media (max-width: 1024px){
	.gpc-count-up-style > p > span{
		font-size: 42px;
	}
}
@media (max-width: 767px){
	.gpc-count-up-style > p > span{
		font-size: 36px;
	}
}
span.count-up{
	opacity: 1 !important;
}

/*---- Bổ sung thêm ----*/

.single-post .wp-caption { margin-bottom: 20px; }

ul ul, ul ol, ol ol, ol ul { margin: 1em; }

table tr td { padding-left: 10px !important; }