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


}

.btn-apply{
	background-color: #0057B8 !important;
	border-radius: 4px;
}

.btn-exr{
	background-color: #A50021 !important;
	border-radius: 4px;
}

.row-post-research .post-item .col-inner{
	background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

.row-post-research .post-item .col-inner:hover{
    transform: translateY(-8px);
    border: 3px solid #0057B8;
}

.row-post-research .post-item .col-inner .box-image img{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}

.header-block{
	width: auto !important;
}

ul.header-nav{
	gap: 10px;
}

.gtranslate_wrapper{
	gap: 5px;
	display: flex;
}

.form-flat input:not([type=submit]){
	background-color: #ffffff !important;
}

.container{
	max-width: 1360px !important;
	
	display: flex;
    justify-content: space-between;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width:1200px){
	width: 1360px !important;
}

.join-btn{
    border-radius:6px;
    background:#0057B8;
    padding:10px 15px;
    color:#fff;
    max-width:150px;
    white-space:normal;
    text-align:center;
    display:inline-block;
}

.logo a font, .logo a {
	font-size: 15px !important;
	color: #fff;
}

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

.sub-menu .nav-dropdown li a{
    padding: 6px 10px;  
    font-size: 13px;    
    line-height: 1.2;
}

.nav-dropdown-default{
	padding: 0px !important;
}

ul.sub-menu.nav-dropdown{
    border-radius: 8px;
	min-width: 160px !important;
}

.slider-banner:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.4); /* độ mờ */
    z-index:1;
}

.slider-banner .text-box.banner-layer{
    position:relative;
    z-index:2;
}

.header-nav-main {
    display: flex;
    flex-wrap: nowrap;
}

.header-nav-main > li {
    white-space: nowrap;
}

ul.header-nav{
	gap: 2px;
}

.um-directory .um-members-wrapper .um-members .um-member{
	border: none !important;
}

.um-members-grid .um-member{
    width:25% !important;
}

.um-members.masonry{
    display:flex;
    flex-wrap:wrap;
}

.um-members.masonry .um-member{
    position:static !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer{
    width: 0% !important;
}

.absolute-footer{
    display: none !important;
}