/* General Page Styles */
/* Set the default font and background color for the body. Changed text color to dark (#333) for readability */
body {
    font-family: 'Open Sans', sans-serif;
    color: #010101; /* Main text color */
    background-color: #f7f7f7; /* Light grey background */
    margin: 0;
    padding: 0;
}

/* Heading Styles */
h2, h3 {
    color: #1c831c; /* Dark green color for headings */
    font-weight: 700; /* Bold font weight for headings */
    font-size: 36px; /* Increased font size for headings */
}

h3.uppercase {
    text-transform: uppercase; /* Converts text to uppercase */
    margin-bottom: 30px; /* Adds space below the heading */
    font-size: 32px; /* Increased font size for uppercase headings */
    font-weight: 800; /* Stronger (bolder) text for uppercase headings */
}

/* Link Styles */
a {
    color: #245824; /* Dark green color for links */
    text-decoration: none; /* Removes underline from links */
}

a:hover {
    color: #0d120c; /* Darker green color on hover */
}

/* Page Header */
.page-header {
    background-position: center; /* Centers the background image */
    background-size: cover; /* Ensures the background image covers the entire section */
    padding: 180px 0; /* Adds padding to the top and bottom of the header */
    color: #fff; /* White text color for the header */
    text-align: center; /* Centers the text */
}

.page-header h2 {
    font-size: 42px; /* Increased font size for the page header heading */
    margin: 0; /* Removes default margin */
    font-weight: 900; /* Stronger (bolder) text for the page header heading */
}

/* Breadcrumb */
.thm-breadcrumb {
    font-size: 18px; /* Increased font size for breadcrumb links */
    font-weight: 600; /* Stronger (bolder) text for breadcrumb */
}

.thm-breadcrumb li {
    display: inline-block; /* Displays breadcrumb items inline */
    color: #fff; /* White text color for breadcrumb items */
    margin-right: 5px; /* Adds space between breadcrumb items */
}

.thm-breadcrumb li a {
    color: #fff; /* White text color for breadcrumb links */
}

.thm-breadcrumb li span {
    color: #66c9ff; /* Light blue color for the active breadcrumb item */
}

/* Main Content Section */
#post-job {
    background: #ffffff; /* White background color */
    padding: 80px 0; /* Padding on top and bottom */
}

/* Resume Container */
.post-job-resume {
    background: rgba(25, 72, 51, 0.85); /* Dark green background with transparency */
    border-radius: 10px; /* Rounded corners */
    padding: 30px; /* Padding inside the container */
    margin-top: 50px; /* Space above the container */
    border: 6px solid #000; /* Black border around the container */
    position: relative; /* Positioning to ensure proper stacking */
    z-index: 1; /* Ensures the form stacks above other content */
    color: #fff; /* White text color inside the form */
    overflow: hidden; /* Ensures the form does not overflow the container */
}

/* Form Group Styles */
.post-job-resume .form-group {
    margin-bottom: 25px; /* Space below each form group */
}

.post-job-resume label {
    display: block; /* Displays labels as block elements */
    font-size: 18px; /* Increased font size for labels */
    font-weight: 700; /* Stronger (bolder) text for labels */
    margin-bottom: 10px; /* Space below each label */
    color: #fff; /* White text color for labels */
}

.post-job-resume input,
.post-job-resume select,
.post-job-resume textarea {
    width: 100%; /* Full width for form fields */
    padding: 10px 15px; /* Padding inside the form fields */
    border: 1px solid #fff; /* White border for form fields */
    border-radius: 5px; /* Rounded corners for form fields */
    background: #fff; /* White background for form fields */
    color: #000000; /* Dark text color for form fields */
    font-size: 16px; /* Increased font size for form fields */
    box-shadow: none; /* Removes default shadow */
}

.post-job-resume input:focus,
.post-job-resume select:focus,
.post-job-resume textarea:focus {
    outline: none; /* Removes default outline */
    border-color: #29b1fd; /* Light blue border on focus */
}

/* File Upload Button Styles */
.post-job-resume .upload-file-btn {
    background-color: #29b1fd; /* Light blue background to match submit button */
    color: #fff; /* White text color */
    padding: 10px 20px; /* Adjust padding for a better button appearance */
    border-radius: 5px; /* Rounded corners to match submit button */
    display: inline-block; /* Make it appear like a button */
    cursor: pointer; /* Pointer cursor on hover */
    text-align: center; /* Center the text */
    font-size: 16px; /* Adjust font size */
    font-weight: 700; /* Stronger text */
    text-transform: uppercase; /* Uppercase text to match submit button */
}

.post-job-resume .upload-file-btn input[type="file"] {
    display: none; /* Hide the default file input */
}

.post-job-resume .upload-file-btn:hover {
    background-color: #66c9ff; /* Lighter blue on hover */
}

/* Submit Button Styles */
.post-job-resume .btn-blue {
    background-color: #29b1fd; /* Light blue background for the button */
    color: #fff; /* White text color */
    padding: 12px 25px; /* Padding inside the button */
    border-radius: 5px; /* Rounded corners for the button */
    text-align: center; /* Centers the button text */
    font-size: 18px; /* Increased font size for button text */
    font-weight: 700; /* Stronger (bolder) text for button */
    text-transform: uppercase; /* Uppercase button text */
    border: none; /* Removes default border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth background color transition */
}

.post-job-resume .btn-blue:hover {
    background-color: #66c9ff; /* Lighter blue on hover */
}

/* Clearfix for Footer */
.clearfix::after {
    content: ""; /* Empty content */
    display: table; /* Creates a block formatting context */
    clear: both; /* Clears floated elements */
}






/* Fix for Dropdown Arrow Position */
.selectpicker {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    background-image: url('assets/images/custom-arrow.png');
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.selectpicker:focus {
    border-color: #29b1fd;
    outline: none;
}

.selectpicker.open {
    background-color: #fff;
    border-color: #29b1fd;
    z-index: 1000;
}







/* Adjust input text size */
.post-job-resume input,
.post-job-resume select,
.post-job-resume textarea {
    font-size: 18px; /* Increase the font size for better readability */
    padding: 12px 20px; /* Adjust padding for a more comfortable input area */
}

.dropdown-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

/* Footer Styles */
.footer-grid {
    position: relative; /* This allows absolute positioning of child elements */
    padding: 20px 0;
}

.logo-container {
    grid-column: 1;
    text-align: center;
}

.site-footer__social {
    position: absolute; /* This takes the element out of the normal flow */
    right: 0; /* This aligns the element to the right edge of its container */
    top: 50%; /* This centers the element vertically */
    transform: translateY(-50%); /* This ensures perfect vertical centering */
    display: flex;
    gap: 10px; /* This adds space between the social icons */
}

.site-footer__social a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
}

.site-footer__social a:hover {
    background-color: #fff;
    color: #000;
}

/* Additional Fixes for Dropdown Arrow */
.bootstrap-select .dropdown-toggle::after {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}