/*
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.   ***************/
b, strong {
	font-weight: 700;
}
.align-justify {
	text-align: justify !important;
}

.section-chuongtrinhhoc {
	margin-top: 0;
}

.section-3-dung {
	padding-top: 50px !important;
}
.chuongtrinhhoc-box {
	padding: 24px;
}
.chuongtrinhhoc-box h4 {
	margin-block: 5px 15px;
}
.chuongtrinhhoc-box .box-text {
	padding-bottom: 0;
}
.sologan-text {
    background-image: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
	font-style: italic;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
}
.follow-icons .icon {
	padding: 0;
    width: 40px;
    height: 40px;
}
.follow-icons .icon i {
	margin: 0 !important;
}
.form-contact .form-field label { font-weight: 400 }
.form-contact .form-field .wpcf7-form-control { margin-bottom: 0; font-weight: 400; box-shadow: none }
.gradiant-text {
	background-image: linear-gradient(135deg, #FF4945 0%, #FFB810 100%);
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
	position: relative;
}
.no-style { list-style: none }
.whychoose-row > .col > .col-inner {
    height: 100%;
}
.whychoose-box {
    height: 100%;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    padding: 24px;
}
.whychoose-box .icon-box-img svg {
    fill: transparent;
    color: var(--fs-color-primary);
}
.whychoose-box .icon-box-img svg path {
    stroke: currentColor;
    fill: transparent;
}
#btn-join {
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding-inline: 20px !important;
    line-height: 1.2 !important;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-sidebar-trigger {
    margin: 0;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-sidebar-trigger:hover .ld-icon:before {
    color: #fff;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button, 
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button {
    font-weight: 700;
}
.entry-meta {
    font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}
article .entry-content h1 {
    color: var(--fs-color-secondary);
    text-transform: initial;
}
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    text-transform: initial;
}
.blog-share {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.blog-single {
    margin-block: 2rem 0;
}
.navigation-post a {
    text-transform: initial;
}
.buttonizer-head {
    display: none !important;
}
.back-to-top.button {
    width: 40px;
    height: 40px;
}
.back-to-top.button::before {
    content: "Về đầu trang"; /* The label text */
    display: block;
    padding: 5px 15px 5px 15px;
    z-index: 1;
    position: absolute;
    font-size: 12px;
    background: var(--fs-color-primary);
    box-shadow: none;
    text-align: end;
    transition: all 250ms ease-in-out;
    line-height: initial;
    white-space: nowrap;
    border-radius: 3px;
        right: 51px;
}
.ld-course-list-items.row {
	flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}
.courses-intro-img .img-inner {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    border: 5px solid var(--fs-color-success);
}

.learndash-course-grid .items-wrapper .grid-2 .thumbnail .image {
	display: block;
    padding-bottom: 100%;
    position: relative;
}
.learndash-course-grid .items-wrapper .grid-2 .thumbnail img {
    position: absolute;
    height: 100% !important;
    width: auto !important;
    object-fit: cover;
	left: 50%;
    transform: translateX(-50%);
}
body.single-sfwd-courses #wrapper,
body.single-sfwd-courses #main {
	background-color: #fff;
}
.blog-single.course-single {
	margin-top: 0;
}
.blog-single.course-single .entry-content.has-post-thumbnail {
	margin-top: 0;
}
.blog-single.course-single .entry-content {
	padding-block: 2rem 0;
	padding-inline: 0;
	box-shadow: none;
}
.course-single .top-content {
	background-color: #f7fafc;
	padding-block: 2rem;
}
.course-sidebar-inner {
	background-color: #fff;
	margin-top: -100px;
	box-shadow: 0 2px 4px rgba(6, 17, 118, 0.08), 0 4px 12px rgba(6, 17, 118, 0.08);
}
.course-sidebar-content {
	padding: 1.5rem;
}
.course-single .ld-progress-steps {
	display: none;
}
.course-single .social-icons  {
	margin-top: 1rem;
	margin-inline: -5px;
}
.course-single .social-icons .button.icon {
	padding: 0;
    height: 30px;
    width: 30px;
    min-width: unset;
	margin-inline: 5px;
}
.course-single .social-icons .button.icon i {
	margin: 0 !important;
}
.course-single .price {
	font-size: 1.5rem;
    font-weight: 600;
	color: #FF5722;
}
.course-single .ld_button {
	width: 100%;
	display: block;
	margin-block: 1rem 0;
}
.course-single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button {
	width: 100%;
	display: block;
	margin-block: 1rem 0;
	max-width: unset;
	border-radius: 8px;
	padding-block: 12px;
    padding-inline: 40px;
	line-height: normal;
    font-size: 14px;
}
.course-single .learndash-wrapper .ld-button:hover:not(.ld-button-transparent):not(.ld--ignore-inline-css) {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
	opacity: 1;
}
.course-single .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
	background-color: var(--fs-color-secondary ) !important;
}
.course-single .course-meta {
	margin-block: 1rem 0;
}
.course-intro {
	padding: 1.6rem;
    border: 1px solid #d1d2e0;
}
.course-intro h2 {
	font-size: 24px;
}
.course-single .course-thumb {
	display: block;
	padding-bottom: 100%;
	position: relative;
}
.course-single .course-thumb img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	object-fit: cover;
	height: 100%;
	width: auto;
}
.learndash-wrapper .ld-item-list .ld-section-heading h2, .learndash-wrapper .ld-item-list .ld-section-heading h3 {
	text-align: left;
}

.wpcf7 .form-wrap textarea,
.wpcf7 .form-wrap input {
	margin-bottom: 0;
}

.shop-container .products {
	margin: 0 !important;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.shop-container .products > .product-small {
	padding: 0;
	max-width: 100%;
}
.product-small .col-inner {
	height: 100%;
	background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
    -moz-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
}
.product-small .box-text-products {
	padding: 30px 22px;
    color: #333333;
}
.product-small .box-image > div {
	padding-bottom: 100%;
}
.product-small .box-image img {
	position: absolute;
    height: 100% !important;
    width: auto !important;
    object-fit: cover;
    left: 50%;
    transform: translateX(-50%);
}
.product-small .product-title a {
	font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
    color: var(--fs-color-primary);
    margin: 0 0 1rem;
}
.product-small .box-excerpt {
	font-size: 0.875rem;
}
.product-small .price-wrapper .price {
	margin-bottom: 1rem;
}

.product-info .product-short-description {
	margin-top: 1rem;
}
.product-images .button.zoom-button {
    padding: 0;
    line-height: unset;
    width: 40px;
    height: 40px;
}
.product-images .button.zoom-button i {
	margin: 0 !important;
}
.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button{
	min-height: unset;
}
.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-heading {
	text-align: center;
	font-weight: 700;
}
.learndash-wrapper .ld-expand-button,
.learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button,
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label {
	font-weight: 600;
}
.learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-name input[type=text] {
	height: 39px;
    border-width: 1px;
    box-shadow: none;
    border-radius: 4px;
    font-size: 16px;
	margin: 0;
}
.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat {
	flex: 0 0 150px;
}
.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat.ld-profile-stat-completed {
	border: none;
}

.ld-profile-stats .ld-profile-stat-points,
.ld-profile-stats .ld-profile-stat-certificates{
	display: none;
}
.off-canvas .nav-vertical>li>a {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
}
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
	margin-top: 0;
	display: block !important;
}
.slider.slider-nav-reveal .flickity-prev-next-button {
	width: 30px;
    height: 30px;
    min-height: unset;
    background: transparent;
    left: 15px !important;
    right: auto !important;
}
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
	padding: 0
}
.slider-nav-reveal .flickity-prev-next-button.next {
	right: 15px !important;
	left: auto !important;
}
.slider.slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    height: 30px;
    background: transparent;
}
.product-small .box-image img {
	margin-block: 0;
	border-radius: 0;
}
.product-small .box-text-products {
	text-align: left;
}
.row.product-row .col:last-child {
	padding-left: 9.8px;
}
.row.product-row .col:first-child {
	padding-right: 9.8px;
}
.product-info .quantity {
	display: none;
}
.navigation-post a {
	font-weight: 600;
}

@media (min-width: 850px) {
    .blog-single {
        margin-block: 5rem 0;
    }
}
@media (max-width: 849px) {
    .section-block-heading>h1, .section-block-heading h2, .section-block-heading h3, .section-block-heading h4, .section-block-heading h5, .section-block-heading h6 {
        font-size: 40px;
        line-height: normal;
    }
	.course-single .entry-title {
		margin-bottom:0;
	}
	.course-single .price {
		margin-top: 1rem;
	}
	.course-single .top-content {
		background-color: #fff;
		padding-block: 2rem 0;
	}
	.shop-container .products {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 549px) {
    .section-block-heading>h1, .section-block-heading h2, .section-block-heading h3, .section-block-heading h4, .section-block-heading h5, .section-block-heading h6 {
        font-size: 28px;
    }
	.shop-container .products {
		grid-template-columns: repeat(1, 1fr);
	}
	.sologan-text {
		font-size: 24px;
	}
}