/*
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.   ***************/
html{
    scroll-behavior: smooth;
}
.absolute-footer, html, .section.dark {
    background-color: #111111;
}
.container {
    padding-left: 30px;
    padding-right: 30px;
}
.col{
		padding-left: 30px;
		padding-right: 30px;
}
/*---menu---*/
.off-canvas-right.mfp-ready .mfp-content {
    box-shadow: none;
    background: #1c36ed;
    width: 100%;
}
.off-canvas .sidebar-menu {
    padding-top: 80px;
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 0;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li {
    flex-direction: row-reverse;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	font-size: 130%;
    text-transform: uppercase;
    font-weight: 900;
    justify-content: end;
    padding-right: 20px;
    flex-grow: inherit;
    padding-left: 0;
}
/*---header---*/
.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
}
.dark .widget a, .dark a, .light .widget a, .light a {
    color: #ec9d02;
}
#top-bar .menu-item a.nav-top-link {
    text-transform: uppercase;
    font-size: 14px;
	font-weight: bold;
}
/*---form---*/
.wpcf7 form.sent .wpcf7-response-output {
    border: 0;
    padding: 0;
    margin: 0;
}
.wpcf7 label {
    font-weight: inherit;
}
/*---custom---*/
.section .row .col:last-child {
    padding-bottom: 0;
}
.section p:last-child {
    margin-bottom: 0;
}
.section ul:last-child {
    margin-bottom: 0;
}
.portfolio-inner .col-inner>.img:not(:last-child) {
    margin-bottom: 9.6px;
}
.mb-0{
	margin-bottom: 0;		
}
.mp-0, .mp-0 ul{
	padding-bottom: 0;
	margin-bottom: 0;
}
.header1home{
	line-height: 1.2;
    font-weight: 900;
	font-size: 5rem;
}
.subheaderhome{
	font-size: 1.8rem;
	text-align: center;
}
.article-inner .entry-meta, .article-inner .entry-author {
    display: none;
}
.entry-content {
    padding-top: 0;
}
/*---header search css---*/
.custom-job-search-form {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
	justify-content: center;
}
.custom-job-search-form .search-field input, 
.custom-job-search-form .search-field select {
    /*padding: 10px;*/
    border: 1px solid #ccc;
    border-radius: 4px;
}
.custom-job-search-form button {
    background-color: #0073aa;
    color: #fff;
    border: none;
    cursor: pointer;
	border-radius:6px; 
	padding: 8px 30px; 
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	transition: 0.3s;
}
/*---region css---*/
.region-grid-container {
    text-align: center;
    padding: 40px 0;
}

.region-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* Chia 5 cột đều nhau */
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
}

.region-item {
    position: relative;
    height: 120px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    text-decoration: none;
}

.region-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* Lớp phủ đen mờ (Overlay) */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.region-item:hover .region-overlay {
    background: rgba(0, 0, 0, 0.6);
}

.region-name {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    line-height: 1.4;
}
span.select2-search.select2-search--dropdown {
    display: none; /* hide box search regions */
}
.entry-header-text-top {
    padding-bottom: 0;
}
/*---custom style default job search box---*/
/* 1. Thiết lập khung chứa chính */
.job_filters {
    zoom: 1;
    background: #1c36ed;
    border-radius: 6px;
}
.job_filters .search_jobs {
    display: flex !important;
    flex-wrap: wrap; /* Cho phép rớt dòng trên mobile */
    gap: 10px; /* Khoảng cách giữa các ô */
    align-items: flex-end; /* Căn lề dưới đều nhau */
}

/* 2. Loại bỏ div clear:both dư thừa làm gãy hàng */
.job_filters .search_jobs > div[style*="clear"] {
    display: none !important;
}

/* 3. Chia độ rộng cho các mục con trên Desktop (4 cột) */
.job_filters .search_jobs .search_keywords,
.job_filters .search_jobs .search_region,
.job_filters .search_jobs .search_categories {
    flex: 1; /* Chia đều không gian */
    min-width: 150px;
}

.job_filters .search_jobs .search_submit {
    flex: 0 0 auto; /* Nút submit không giãn */
}

/* 4. Xử lý Select2 (Vì Select2 hay bị lỗi width: 100%) */
.job_filters .select2-container {
    width: 100% !important;
}

.job_filters .select2-selection {
    height: 45px !important; /* Độ cao bằng ô input */
    display: flex !important;
    align-items: center;
    border: 1px solid #ccc !important;
}
.job_filters .select2-search.select2-search--dropdown {
	display: none !important;
}
/* 5. Định dạng lại Input Keywords và Button */
.job_filters .search_jobs input[type="text"],
.job_filters .search_jobs input[type="submit"] {
    margin-bottom: 0;
    height: 45px;
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.job_filters .search_jobs input[type="submit"] {
    background-color: #0028bc;
    color: #fff;
    cursor: pointer;
    border: none;
    font-weight: bold;
    padding: 0 30px;
}

/* 6. Ẩn Label để giao diện gọn như thanh tìm kiếm */
.job_filters .search_jobs label {
    display: none !important;
}
/* Ẩn các checkbox loại công việc phía dưới form */
.job_filters .job_types {
    display: none !important;
}

/* Ẩn dòng chữ "Showing jobs in..." */
.job_filters .showing_jobs {
    display: none !important;
}
/* Tương thích điện thoại (Responsive) */
@media (max-width: 768px) {
    .region-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* Khung chứa tổng thể */
.industry-section-container {
    background-color: #f7f7f7; /* Nền xám nhạt như ảnh */
    padding: 30px;
    border-radius: 4px;
}

/* Tiêu đề mục */
.industry-title {
    color: #0073aa; /* Màu xanh đặc trưng */
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

/* Chia lưới 3 cột */
.industry-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Chia 3 cột đều nhau */
    gap: 15px 40px; /* Khoảng cách giữa các hàng và cột */
}

/* Từng mục ngành nghề */
.industry-item a {
    text-decoration: none;
    color: #555; /* Màu chữ xám đậm */
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.3s ease;
    display: block;
}

/* Hiệu ứng khi di chuột */
.industry-item a:hover {
    color: #0073aa;
    text-decoration: underline;
}

/* Tương thích thiết bị di động (Responsive) */
@media (max-width: 992px) {
    .industry-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 cột cho máy tính bảng */
    }
}

@media (max-width: 600px) {
    .industry-grid {
        grid-template-columns: 1fr; /* 1 cột cho điện thoại */
    }
}
/* Ẩn hoàn toàn khu vực Apply mặc định của WP Job Manager */
.job_application.application {
    display: none !important;
}

/* Đảm bảo nút mới của bạn vẫn hiển thị (vì nó nằm ngoài div bị ẩn) */
#btn-tu-van-tuyen-dung {
    display: inline-block !important;
}

@media only screen and (max-width: 1280px) {
	.header1home{
		font-size: 4rem;
	}
	.subheaderhome{
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 1024px) {
	.header1home{
		font-size: 3.2rem;
	}
	.subheaderhome{
		font-size: 1rem;
	}
	.header3services {
		font-size: 3.2rem;
	}
}
@media only screen and (max-width: 900px) {
	.header1home{
		font-size: 3rem;
	}
	.header3services {
		font-size: 3rem;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.similar-jobs-wrapper {
    border-top: 2px solid #eee;
    padding-top: 30px;
}

.similar-jobs-title {
    font-size: 20px;
    position: relative;
    padding-left: 15px;
}
.similar-jobs-wrapper .job_listings .company {
    border: none;
    box-sizing: unset;
    min-height: unset;
    box-shadow: unset;
	margin: 0;
    padding: 0;
}
.similar-jobs-wrapper .job_listings ul.meta {
    clear: none;
}
.similar-jobs-wrapper .job_listings ul.meta li {
    line-height: inherit;
	padding: 0;
}

ul.job_listings li.job_listing a .meta li.date {
    display: none !important;
}