﻿body {
}

/* Accessibility improvement: increase contrast for vacancy detail header */
.job-details-head {
    background-color: var(--bs-gray-800); /* dark background for contrast */
    color: #fff;
}

    .job-details-head h2,
    .job-details-head .fs-4,
    .job-details-head .btn,
    .job-details-head a {
        color: #fff;
    }

    .job-details-head .text-muted {
        color: rgba(255,255,255,0.8) !important;
    }

.menu-links .nav > li > a {
    color: #000;
    font-size: 16px;
    padding: 32px 15px;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    position: relative;
    border-width: 0 0 0 1px;
    line-height: 1;
}

    .menu-links .nav > li > a.active {
        color: #000;
        font-size: 16px;
        padding: 32px 15px;
        cursor: pointer;
        font-weight: 500;
        display: inline-block;
        position: relative;
        border-width: 0 0 0 1px;
        line-height: 1;
    }

footer {
    color: #000;
}

.about-thumb:after {
    background-image: none;
}

.menu-logo img {
    height: auto;
    max-width: 125%;
    width: 125%;
}

.post-job-card .form-control {
    padding-left: 15px;
    padding-top: 10px;
}

/* Availability table styling */
.table-sm td, .table-sm th {
    padding: 0.5rem;
    vertical-align: middle;
}

.table thead th {
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
}

.table tbody tr:hover {
    background-color: #f8f9fa;
}

/* Remove borders from checkboxes in availability table */
.table .form-check-input {
    border: 1px solid #ced4da;
    cursor: pointer;
}

    .table .form-check-input:focus {
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

/* Style disabled textareas */
textarea.form-control:disabled,
textarea.form-control[disabled] {
    background-color: #e9ecef;
    opacity: 0.65;
    cursor: not-allowed;
}

.post-extra a {
    margin-bottom: 5px;
}

/* Disable image zoom and rotate effect on hover */
.post-card:hover .post-media img {
    transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

.search-filters-widget .filters-title {
    margin-bottom: 10px;
}

.search-filters-widget {
    margin-bottom: 25px;
}

p {
    color: #14181d;
}



