/*
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.   ***************/
:root {
    --primary-color-css: #1f487c;
    --secondary-color-css: #f5ad03;
}
.no-margin {margin: 0 !important}
.no-margin > * {margin: 0 !important}
.no-paddding {padding: 0 !important}
.no-paddding > *{padding: 0 !important}
.row-no-padding-bottom .col{padding-bottom: 0 !important}

.owl-nav.disabled{display: none !important;}
.owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev {left: 0}
.owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next {right: 0;}
.absolute-footer {display: none !important;}
p {margin-bottom: 1em; }

header#header.header {
/* 	position: fixed; */
}

.text-justify {
    text-align: justify !important;
}

.m5-p p{
    margin-bottom: 5px !important;
    text-align: justify !important;
}

.header-nav-main > li {
    margin-right: 20px; 
}

/* .header-nav-main > li.current-menu-item.active {
	border-bottom: 2px solid #ffffff;
}

.header-nav-main > li.current-menu-item.active.scroll {
	border-bottom: 0 !important; 
}

.header-nav-main > li.current-menu-item.active.scroll > a{
	color: var(--secondary-color-css) !important;
}

.header-nav-main > li > a.scroll {
	color: var(--primary-color-css) !important;
}

.bgr-light {
	background: #ffffff;
} */

.btn-w-100 {
    width: 100%;
}

.btn-w-100 > a {
    margin: 0;
    width: 100%;
}

.products-home a.woocommerce-loop-product__link{
    font-size: 22px;
    font-weight: 600;
}

.short-description {
    text-align: justify;
}

.section-margin-top {
    margin-top: 35px;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.title-page > h2{
    font-size: 24px;
    color: var(--primary-color-css);
    margin-bottom: 0;
    line-height: 1;
}

.text-introduce span{ 
    text-align: justify;
}

.video-introduce {
    border: 2px solid var(--primary-color-css);
    padding: 9px 9px 0px 9px;
    border-radius: 5px;
}

.video-introduce > p {
    margin-bottom: 0;
}

.row-develop {
    margin-top: 40px;
}

.icon-box-develop > .icon-box-img {
    border-radius: 99px;
    overflow: hidden;
}

.section-tab {
    padding-bottom: 20px !important;
}

.tab-images {
    margin-top: 35px;
}

.tab-images ul {
    margin-bottom: 20px;
}

.tab-images li {
    margin-right: 10px;
}

.tab-images li > a {
    background: #5d5e5f;
    border-radius: unset !important;
}

.tab-images li > a > span {
    font-weight: 500;
    color: #ffffff;
}

.col-btn-products {
    padding-bottom: 0 !important;
}

.feedback-slider .flickity-page-dots {
    bottom: -20px;
}

.feedback-box-icon .icon-box-img img{
    border-radius: 99px;
    overflow: hidden;
    border: 2px solid var(--secondary-color-css);
}

.feedback-box-text-icon {
    padding: 20px 15px;
    background: var(--primary-color-css);
    border-radius: 10px;
    color: #ffffff;
}

.news-home .image-cover img {
    border-bottom: 4px solid var(--primary-color-css);
    border-radius: 5px;
}

.news-home .post-title > a{
    color: var(--primary-color-css) ;
    font-size: 19px;
}

.news-home .post-title > a:hover {
    color: var(--secondary-color-css) !important;
}

.news-home .from_the_blog_excerpt {
    font-size: 18px;
    cursor: pointer;
}

.news-home .from_the_blog_excerpt:hover {
    color: var(--primary-color-css);
}

.news-home .is-divider {
    display: none;
}

.img-culture img {
    border-radius: 5px;
}

.form-contact {
    background: var(--primary-color-css);
    padding: 20px;
    border-bottom: 4px solid var(--secondary-color-css);
    height: 100%;
    border-radius: 5px;
}

.form-contact input, .form-contact select {
    border-radius: 5px;
}

.form-contact label {
    color: #ffffff;
    font-weight: 500;
    margin-top: 10px;
}

.form-contact input[type="number"] {
    margin-top: 10px;
}

.form-contact input[type="submit"] {
    margin: 0;
    background-color: var(--secondary-color-css) !important;
    font-weight: 600;
}

.map-shop {
    border: 3px solid var(--primary-color-css);
    border-radius: 5px;
    overflow: hidden;
}

.map-shop > p {
    margin-bottom: 0;
}

.infomation-footer > h5 {
    margin-bottom: 30px;
}

.infomation-footer ul {
    list-style: none;
}

.infomation-footer ul > li {
    margin-left: 0;
    margin-bottom: 25px;
}

.shop-container .product-small .woocommerce-loop-product__link {
    font-weight: 600;
    font-size: 22px;
}

.shop-container #product-sidebar {
	display: none !important;
}

.shop-container .next-prev-thumbs {
	display: none !important;
}

.shop-container .product-short-description {
    margin-bottom: 20px;
    padding: 29px 18px;
    background-color: #D9D9D9;
    border-radius: 20px;
	line-height: 20px;
}

.shop-container .product-short-description > p {
    margin-bottom: 0;
}

.shop-container .btn-contact a{
    width: 313px;
    height: 53px;
    border-radius: 20px;
    margin: 0;
    line-height: 53px;
}

.video-tab {
    border-bottom: 3px solid var(--secondary-color-css);
    border-radius: 5px;
    overflow: hidden;
}

.icon-box-about-us img {
	border-radius: 99px;
}

.icon-box-about-us .icon-box-text {
	background: var(--primary-color-css);
	padding: 10px;
	border-radius: 10px;
}

.icon-box-about-us .icon-box-text p {
	margin-bottom: 0;
}

.breadcrumbs-news > a {
    color: var(--primary-color-css);
}

.category-name-post {
    margin: 10px 0;
}

.category-name-post > span {
    font-size: 25px;
    color: var(--primary-color-css);
    font-weight: normal;
}

.taxonomy-description > p {
    margin-bottom: 0;
}

.custome-news img {
    border-radius: 10px;
}

.custome-news .post-title > a {
    font-size: 21px;
    color: var(--primary-color-css);
}

.custome-news .post-title > a:hover {
    color: var(--secondary-color-css);
}

.entry-header.detail-post .entry-title {
    color: var(--primary-color-css);
}

.bai-viet-lien-quan {
    margin-top: 20px;
}

.bai-viet-lien-quan > h3 {
    font-size: 24px;
    color: var(--primary-color-css);
}

.bai-viet-lien-quan .list-bai-viet {
    list-style: none;
}

.bai-viet-lien-quan .list-bai-viet > li .box-image img {
    border-radius: 10px;
    height: 180px;
    object-fit: cover;
}

.bai-viet-lien-quan .list-bai-viet .tieu-de-bai-viet{
    height: 45px;
    overflow: hidden;
    font-size: 17px;
    font-weight: normal;
    color: black;
    margin-top: 7px;
    line-height: 24px;
}

.bai-viet-lien-quan .list-bai-viet .tieu-de-bai-viet:hover {
    color: var(--secondary-color-css);
}

.sologan {
    background-color: #d8dde4;
    padding: 15px;
    border-radius: 10px;
}

.sologan .title {
    color: var(--primary-color-css);
}

.sologan .des {
    margin-bottom: 0;
}

.divider-detail {
    margin: 0 5px;
}

.blog-single .entry-category {
    margin-bottom: 10px;
    font-size: 11px;
    /* font-weight: 500; */
}

.blog-single .entry-meta .view {
    display: inline-block;
    margin-left: 30px;
}

.nav .nav-dropdown {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 20px;
	overflow: hidden;
}

.sub-menu.nav-dropdown {
    min-width: 250px !important;
    padding: 0 !important;
}

.sub-menu.nav-dropdown > li{
    padding-top: 10px;
    padding-bottom: 10px;
}

.sub-menu.nav-dropdown > li > a {
	color: var(--primary-color-css) !important;
	font-weight: 700;
}

.sub-menu.nav-dropdown > li:hover{
    background-color: var(--secondary-color-css) !important;
}

.dropdown-product {
	width: 800px;
	padding: 30px 15px;
}

.dropdown-product .list a {
	color: #5E769E !important;
	font-size: 14px;
	font-weight: 700;
}

.tabbed-content ul > li > a > span{
	width: 100%;
	text-align: center;
}
.radius-img-20 img{
	border-radius: 20px;
}

.banner-scale .text-box-content .text-inner p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}

.banner-scale .text-box-content .text-inner p:last-child {
	line-height: 20px;
}

.banner-scale .text-box-content .text-inner ul > li > span {
	text-align: justify;
	
}

.banner-scale .text-box-content .text-inner ul > li {
	margin-bottom: 4px;
	line-height: 20px;
}

.col-bus .col-inner{
	background-color: #f2f0f0;
	padding: 15px 10px 10px 10px;
	border-radius: 20px;
}

.col-bus .icon-box-text .text p:first-child {
	line-height: 1.1;
}
.image-box-solution .box-text {
	padding-top: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border: 1px solid var(--primary-color-css);
}
.plr-30 p:first-child {
	padding-left: 30px;
	padding-right: 30px;
}

/* SINGLE PRODUCT */
#section-thumbnail-product .img-inner img {
    height: 700px;
    object-fit: cover;
}

.shop-container #breadcrums-detail a {
    color: var(--primary-color-css);
}

.shop-container .product-title.entry-title {
    color: var(--secondary-color-css);
}

/* add class */
.fixed-header {
    position: fixed !important;
}
.fixed-header .header-bg-color  {
    background: transparent;
}

.nav-color.active {
    border-bottom: 2px solid #ffffff !important;
}
.nav-color a{
    color: #ffffff !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.tabbed-content ul > li {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 850px) {
	.col-bus {
		flex-basis: 20%;
    	max-width: 20%;
	}
}