/*
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.   ***************/
.wpcf7-response-output {
    color: white;
}

.is-divider {
	background-color: white !important;
	width: 100%
}
.box-text {
    position: relative;
    width: 100%;
}

.box-text.text-left.dark {
    padding: 10px 0px 0px 25px;
}


.section-title-center span{    
	text-transform: none;
	font-weight:500;
	color: black; 
	font-size:29px;
	width: 100%;
}
.section-title-container {
	margin-bottom: 4px;
}
.section-title-center span:after {
	content: "";
    display: table;
    clear: both;
    background: url("https://vanchuyenhanghoa.net/wp-content/uploads/2024/07/da-chemical.png");
	background-size: 180px;
	width: 100%;
	height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 46px;
}
.section-title b{background:none}
.rank-math-breadcrumb {
	color: white;
	font-size: 26px;
}
.rank-math-breadcrumb a {
	color: white;
}
.ux-menu-link__text {
	color: white;
}
.button.icon.circle {
	color: white;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
	background: white
}
.wpcf7-submit{
	background-color: #c58c4b!important;
}
.wn-list-product-page .post-item .box .box-image img,
.wn-list-product .box .box-image img {
	min-height: 268px;
    padding: 20%;
    border-bottom: 1px solid #ccc2;
}
.wn-list-product-page .post-item .box .box-image img {
	min-height: 240px;
	height: unset;
}
.button.icon.circle {
    color: #5b3203;
}
.button.icon.circle:hover {
    color: #ffffff;
}

.header-main li.html.custom {
	display: block !important;
}

.wn-social {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 3px;
}

.wn-social a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	color: white;
	overflow: hidden;
}

.wn-social a.facebook {
	background-color: #4064AD;
}

.wn-social a.youtube {
	background-color: #FF0000;
}
.header-contact a {
	text-transform: initial!important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.rank-math-breadcrumb {
	color: #fff;
}
.rank-math-breadcrumb a {
	color: #fff;
}
	.wn-social {width:80px;}
}