/*
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.   ***************/
li.html.custom.html_topbar_right{
	width :100%;
	text-align: center;
}
.right-banner-top-left h3 {
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin: 0;
}
p.phone{
	font-weight: 900;
	    text-transform: uppercase;
    font-weight: bold;
    color: yellow;
    font-size: 30px;
}
.header-wrapper.stuck .right-banner-top-left{
	display: none;
}
.dangkybaogia {

}
.dangkybaogia  .col{
	padding-bottom: 5px;
}
.dangkybaogia p{
	font-size: 13px;
}
.dangkybaogia input.wpcf7-form-control {
    border: solid 1px #c5c5c5;
    height: 29px;
    box-shadow: none;
    margin: 0;
}
.wpcf7-spinner{
	display: none;
}
.dangkybaogia input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #FFEB3B;
    border: none;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    min-width: 106px;
    margin: 0;
}
.list_sv .box h3{
	text-transform: uppercase;
	font-size: 95%;
	margin-bottom: 15px;
}
.list_sv .box:hover .overlay{
	    background: #E9582C !important;
}
.title a {
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    line-height: 40px;
    font-size: 28px;
    color: #4f4f4f;
    font-weight: normal;
    text-transform: uppercase;
}
.title a:before {
    content: "";
    background: url(/wp-content/uploads/2026/07/bg_right_tin.png) no-repeat;
    width: 360px;
    height: 10px;
    background-size: 100% 100%;
    position: absolute;
    left: 100%;
    top: 10px;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
	    background-color: #003a4f !important;
}
.nav-sidebar.nav-vertical>li+li{
	border:none;
}
.title a:after {
    content: "";
    background: url(/wp-content/uploads/2026/07/bg_left_tin.png) no-repeat;
    width: 360px;
    height: 10px;
    background-size: 100% 100%;
    position: absolute;
    right: 100%;
    top: 10px;
}
ul.header-nav.header-nav-main{
	justify-content: center;
}
ul.header-nav.header-nav-main>li {
    margin: 0 20px;
}
aside span.widget-title{
	background: #38c7fc;
    font-size: 16px;
    padding: 10px 10px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    display: block;
}
aside .is-divider{
	height: 0;
}
aside  .dangkybaogia  .col.large-3.small-3{
	display: none;
}
aside  .dangkybaogia  .col.large-9 {
        flex-basis: 100%;
        max-width: 100%;
}
.archive.category .col.post-item .box-image {
    width: 25% !important;
    border: 1px solid #ddd;
    padding: 3px;
}
.archive.category .box-blog-post .is-divider{
	max-width: 100%;
	height: 1px;
}
.archive.category .box-blog-post h5{
	text-transform: capitalize;
	font-weight: 600;
	font-size: 13px;
}
h1.page-title.is-large.uppercase {
    text-align: left;
    font-size: 28px;
    border-bottom: solid 3px #0f330f;
    margin-bottom: 20px;
}
nav.rank-math-breadcrumb * {
    color: #7e4833;
    font-size: 14px;
}
.accordion .toggle {
    width: 32px !important;
    height: 25px !important;
    background-image: url(/wp-content/uploads/2026/07/icon_hoidap.png);
    min-height: unset;
    min-width: unset;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    color: transparent !important;
        top: 10px;
}
.active>.toggle {
    transform: rotate(0deg);
}
.accordion-title{
	    border-top: dashed 1px #A5A5A5;
}
aside .textwidget.custom-html-widget{
	padding: 10px;
}
h1.entry-title{
	    text-align: left;
    margin: auto;
    padding-top: 0px;
    border-bottom: solid 3px #0f330f;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.col.post-item a.button{
	text-transform: none;
}
header.entry-header .is-divider{
	display: none;
}
.header-search-form button.ux-search-submit.submit-button.secondary.button.icon.mb-0{
    background-color: #fff !important;
    color: #003A4F;
    box-shadow: none !important;
    border: none !important;
}
.header-search-form  input{
    box-shadow: none;
    border: none;
}

@media screen and (max-width: 549px) {
	.archive.category .col.post-item .box-image {
	    width: 100% !important;
	   
	}
}