/*!
Theme Name: Solvior
Theme URI: http://solvior.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Solvior is a Business Consulting  WordPress Theme.
Version: 1.0.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: solvior
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Solvior Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/* style for header */
@media (min-width: 768px) and (max-width: 1025px) {
  div#home-about-us .sec-heading {
    margin-top: 40px!important;
}
}
header.tj-header-area.header-1.header-absolute {
    border-bottom: none!important;
}
/* ===============================
   BASE HEADER SETUP
================================ */

/* Base header (transparent) */
.tj-header-area.header-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  z-index: 1000;
}

/* Sticky state on scroll */
.tj-header-area.header-absolute.is-sticky {
  position: fixed;
  background: #071850;
  box-shadow: 0 4px 25px rgba(0,0,0,0.15);
}

/* Text & links stay WHITE when sticky */
.tj-header-area.header-absolute.is-sticky a,
.tj-header-area.header-absolute.is-sticky .header_search,
.tj-header-area.header-absolute.is-sticky .menu_btn,
.tj-header-area.header-absolute.is-sticky i {
  color: #ffffff !important;
}

/* Optional: submenu background */
.tj-header-area.header-absolute.is-sticky .sub-menu {
  background: #071850;
}
@media (min-width: 1000px) and (max-width: 1025px) {

.mainmenu ul > li > a {
    font-size: 12px;
}
	button.header_search.d-none.d-lg-inline-flex {
    font-size: 13px;
}
}
.sjb-page .list-data .sjb-job-type-location-date {
    border-top: none!important;
}
.sjb-page .list-data .v2 .company-logo {
    width: 200px;
}
/* =====================================================
   STEP 1 – HEADER ALIGNMENT FIX (ONLY THIS SECTION)
===================================================== */

/* Header container */
.sjb-job-info {
    border-radius: 16px;
    padding: 28px 36px;
}

/* Force logo + name row alignment */
.sjb-company-wrapper-details .row {
    align-items: center;
    gap: 18px;
	display:flex;
	justify-content:center;
}

/* Logo sizing */
.company-logo img {
    max-height: 46px;
    width: auto;
    display: block;
}

/* Remove default column weird spacing */
.sjb-company-wrapper-details .col-md-8 {
    justify-content: flex-start;
    gap: 75px;
    padding: 0;
    align-items: center;
}

/* Company name */
.sjb-with-logo h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.sjb-with-logo h4 a {
    color: #071850;
    text-decoration: none;
}

/* Remove icon clutter (optional but premium) */
.sjb-with-logo i {
    display: none;
}

/* =====================================================
   INFO ROW (TYPE / LOCATION / DATE)
===================================================== */

.sjb-job-characteristics {
    margin-top: 22px;
}

.sjb-job-type-location-date .row {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

/* Equal pill sizes */
.sjb-job-type-location-date .col-md-3 {
    flex: 1;
    min-width: 220px;
}

/* Pills */
.job-type,
.job-location,
.job-date {
    background: #f1f5ff;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #071850;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Icons inside pills */
.job-type i,
.job-location i,
.job-date i {
    color: #1a56db;
}

/* =====================================================
   MOBILE FIX
===================================================== */
@media (max-width: 768px) {
    .sjb-company-wrapper-details .row {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =====================================================
   STEP 2 – MATCH JOB DESCRIPTION PADDING
===================================================== */

/* Outer card */
.job-description {
    background: #ffffff;
    border-radius: 16px;
    padding: 0; /* important: avoid double padding */
}

/* Inner content – SAME padding as header */
.job-description .job-content {
    padding: 28px 36px; /* matches sjb-job-info */
}
@media (max-width: 768px) {
    .job-description .job-content {
        padding: 24px;
    }
}
/* =====================================================
   STEP 3 – JOB FEATURES PREMIUM DESIGN
===================================================== */

.job-features {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px 36px; /* SAME as header & description */
    box-shadow: 0 20px 45px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

/* Section title */
.job-features > h3 {
    font-size: 20px;
    font-weight: 800;
    color: #071850;
    margin-bottom: 26px;
}

/* Grid layout */
.job-features .row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

/* Override bootstrap spacing */
.job-features .col-md-3,
.job-features .col-sm-6 {
    padding: 0;
    flex: 1;
    min-width: 220px;
}

/* Feature card */
.sjb-title-value {
    background: #f8faff;
    border-radius: 14px;
    padding: 22px 20px;
    height: 100%;
    border: 1px solid #e4e9ff;
    transition: all 0.25s ease;
}

/* Hover (subtle premium) */
.sjb-title-value:hover {
    background: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(7, 24, 80, 0.12);
}

/* Label */
.sjb-title-value h4 {
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* Icons */
.sjb-title-value h4 i {
    font-size: 14px;
    color: #1a56db;
}

/* Value */
.sjb-title-value p {
    font-size: 18px;
    font-weight: 700;
    color: #071850;
    margin: 0;
}

/* Remove useless table */
.job-features table {
    display: none;
}

/* =====================================================
   MOBILE REFINEMENT
===================================================== */
@media (max-width: 768px) {
    .job-features {
        padding: 26px;
    }

    .job-features .row {
        gap: 14px;
    }
}
/* =====================================================
   STEP 4 – APPLY FORM (FINAL PREMIUM DESIGN)
===================================================== */

#sjb-application-form {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px 36px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}

/* Form heading */
#sjb-application-form > h3 {
    font-size: 22px;
    font-weight: 800;
    color: #071850;
    margin-bottom: 30px;
}

/* Label column */
#sjb-application-form label {
    font-weight: 600;
    color: #374151;
    font-size: 14.5px;
}

/* Required star */
#sjb-application-form .required {
    color: #dc2626;
    margin-left: 3px;
}

/* Input fields */
#sjb-application-form .form-control {
    height: 48px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    font-size: 15px;
    padding: 10px 14px;
    box-shadow: none;
}

/* Textarea */
#sjb-application-form textarea.form-control {
    height: auto;
    min-height: 120px;
    resize: vertical;
}

/* Focus state */
#sjb-application-form .form-control:focus {
    border-color: #1a56db;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.15);
}

/* Phone input wrapper */
#sjb-application-form .iti {
    width: 100%;
}

#sjb-application-form .iti input {
    padding-left: 60px !important;
}

/* File upload */
#sjb-application-form .file {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px dashed #c7d2fe;
    border-radius: 10px;
    padding: 12px 14px;
    background: #f8faff;
}

#sjb-application-form .file div {
    background: #071850;
    color: #fff;
    padding: 4px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

#sjb-application-form .file span {
    font-size: 14px;
    color: #374151;
}

/* Validation text */
#sjb-application-form .validity-note {
    font-size: 13px;
    color: #dc2626;
    margin-top: 6px;
    display: block;
}

/* Buttons container */
#sjb-form-padding-button {
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-top: 30px;
}

/* Submit button */
#sjb-application-form .app-submit {
    background: #071850;
    border: none;
    padding: 14px 34px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
}

#sjb-application-form .app-submit:hover {
    background: #0b245f;
}

/* Close button */
#sjb-application-form .btn-app-modal-close {
    background: transparent;
    border: 2px solid #071850;
    color: #071850;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 700;
}

/* Loader overlay tweak */
.sjb-loading .sjb-overlay {
    background: rgba(255,255,255,0.85);
}

/* =====================================================
   MOBILE OPTIMIZATION
===================================================== */
@media (max-width: 768px) {
    #sjb-application-form {
        padding: 26px;
    }

    #sjb-form-padding-button {
        flex-direction: column;
        align-items: stretch;
    }

    #sjb-form-padding-button button {
        width: 100%;
    }
}
.sjb-page .row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
.header-margin-top.sjb-job-info {
    margin-right: 0px!important;
    margin-left: 0px!important;

}
.sjb-page .list-data .v2 {
    background: none!important;
    
}
.job-features{
	margin-top:20px;
}
.header-margin-top.sjb-job-info {
    background: white;
}
section.full-width.tj-post-details__area.section-space {
    padding: 10px!important;
}

/* archieve job page
 */
.sjb-page .list-data .v2 {
    border: none!important; 
}
.sjb-archive-page .sjb-listing {
    border-radius: 20px;
    background: #ffff;
}
.sjb-archive-page  a#quick-apply-btn {
background: #071850;
}
.sjb-archive-page a.btn.btn-primary {
background: #071850;
}

/* ===== FIX JOB FILTER DROPDOWN ISSUE ===== */

/* Keep filters on top */
.sjb-filters,
.sjb-filters-v2 {
    position: relative;
    z-index: 50;
    overflow: visible !important;
}

/* Nice-select dropdown */
.nice-select {
    position: relative;
    z-index: 60;
}

.nice-select .list {
    z-index: 9999 !important;
}

/* Push job listings behind dropdown */
.sjb-listing {
    position: relative;
    z-index: 1 !important;
}

/* Prevent parent containers from clipping dropdown */
.sjb-archive-page,
.sjb-page,
.sjb-container,
.sjb-content {
    overflow: visible !important;
}

.sjb-archive-page input.btn-search.btn.btn-primary {
    color: white;
    background: #071850;

}

.sjb-archive-page span.current {
    color: #071850;
}

.sjb-company-wrapper-details {
justify-content:center;
display:flex;
}
/* job posting header and footer hide */
body.jobpost-template-default .elementor-widget-tj-header {
    display: none !important;
}

/* Job Archive / Listing Page */
/* Remove Elementor header & Apolonia footer on Simple Job Board pages */

/* Single Job Page */
body.jobpost-template-default .elementor-widget-tj-header,
body.jobpost-template-default #Apolonia-footer {
    display: none !important;
}

/* Job Archive / Listing Page */
body.post-type-archive-jobpost .elementor-widget-tj-header,
body.post-type-archive-jobpost #Apolonia-footer {
    display: none !important;
}

.tj-slider-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* FORCE overlay ABOVE background image */
.tj-slider-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(11, 29, 58, 0.35),
        rgba(0, 0, 0, 0.35)
    );
    z-index: 2;
    pointer-events: none;
}

/* Ensure text & buttons stay on top */
.tj-slider-section .container,
.tj-slider-section .slider-content {
    position: relative;
    z-index: 3;
}