/* PeopleFirst Staffing - Custom CSS (Page-specific tweaks) */

/* Add specific styles for individual pages here if needed */
.job-card-featured {
    border-left: 5px solid var(--pf-secondary);
}

.search-hero-box {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 2rem;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.testimonial-card img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.navbar-collapse {
    padding: 1rem;
}

.navbar-toggler {
    display: none;
    margin-right: 1rem;
    border-color: white;
}

.btn {
    align-content: center;
}

.delete .card {
    padding: 3rem;
}

.delete a, .delete button {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.about .main {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.award {
    padding: 1.5rem;
}

.awards-accreditations .award-icon {
    justify-items: center;
    display: inline-grid;
}

    .awards-accreditations .award-icon span {
        font-family: "Arial";
        font-size: 10px;
        color: #003366;
    }

.award-icon {
    margin-bottom: 1.5rem;
}

.upload .card {
    padding: 1.5rem;
}

    .upload .card i {
        margin-bottom: 1rem;
    }

.client .card {
    padding: 1rem;
}

.about .application {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    .about .application .display-5 {
        margin-top: 1.5rem;
    }

.job-results .filter, #jobDetailsContainer .filter {
    top: 100px;
}

#resultsCount {
    margin-bottom: 0px;
}

#createJobForm, #editJobForm {
    min-height: calc(100dvh - 220px);
}

.job-drafts, .reports, .statistics, .settings, .user-management, .billing, .can-detail, .activity,
.com-pro, .client, .Int-msg, .man-team, .short {
    min-height: 100dvh;
}
/*For mobile Portrait*/
@media screen and (min-width:320px) and (max-width: 480px) and (orientation: portrait) {
    .navbar {
        padding-top: 10px;
    }

    .navbar-toggler {
        display: block;
    }

    .create-job h1, .admin-dashboard h1, .edit-job h1, .job-drafts h1, .reports h1,
    .statistics h1, .statistics h5, .settings h1, .settings .buttons, .user-management h1,
    .can-dashboard .card .card-header, .billing h1, .billing h5,
    #profileContent .profile, #profileContent h5,
    .find-can h1, .activity h1, .activity h5, .com-pro h1, .com-pro .buttons,
    .client h1, .client .card-header, .Int-msg h1, .man-team h1, .short h1,
    .legal h1, .legal h3, .about h1, .about h3, .apply h2, .careers h2, .careers h3, .contact h1, .contact .lead, .card h1,
    #jobDetailsContainer h4, #jobDetailsContainer h5, .job-results h5, .press, .saved-job, .case, .why,
    #featured-jobs-container {
        text-align: center;
    }

    .create-job .buttons, .edit-job .buttons, #pSkills, .legal .buttons {
        display: flex;
        justify-content: center;
    }

    .admin-dashboard .card .card-header,
    .user-management .card .card-header {
        align-items: center;
    }

        .admin-dashboard .card .card-header a {
            padding: 12px 12px;
        }

    .job-drafts .buttons, .edit-profile .buttons, .my-apps .buttons {
        text-align: center !important;
    }

    .dashboard-sidebar {
        min-height: auto;
    }

    .navbar-nav.ms-auto {
        margin-right: auto;
    }

    .can-dashboard .hText, .delete .hText, .edit-profile .hText, .my-apps .hText,
    .saved-jobs .hText, .upload .hText {
        display: block !important;
        text-align: center;
    }

    .delete .card {
        padding: 1rem;
    }

    .delete a, .delete button {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .about .main {
        padding-top: 0;
        padding-bottom: 0;
    }

    .about .bg-light-pf, .about section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .custom-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }



    .index .display-4 {
        font-size: 22.5px;
    }

    .hero-section {
        padding: 3rem 0;
    }
}
/*Bootstrap md*/
@media (min-width:768px) and (max-width:991.98px) and (orientation: landscape) {

    .navbar {
        min-height: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-toggler.f {
        display: block;
    }

    .dashboard-nav .nav-link {
        padding: 0.8rem 0.8rem;
    }

    .small, small {
        font-size: .8em;
    }

    .h2, h2 {
        font-size: 25px;
    }

    .delete .card {
        padding: 0rem;
    }

    .upload .card {
        padding-top: 0;
    }

        .upload .card i {
            margin-bottom: 0;
        }

    .can-detail h5, .can-detail #pSummary,
    #candResults .buttons,
    .activity h5,
    .legal h1, .legal h3,
    .about h3, .about h1,
    .careers h2, .careers h3,
    .contact .display-4, .contact .lead,
    .apply h2,
    .saved-job h2, .case h2, .billing h5, .client .card-header, .client .card-body {
        text-align: center;
    }

    .press {
        .bg-light-pf, article {
            text-align: center;
        }

            article div {
                text-align: start;
            }
    }

    #jobDetailsContainer {
        h1, h4, h5 {
            text-align: center;
        }
    }


    .legal .buttons {
        justify-content: center;
    }

    #pSkills {
        margin: 0 55px;
        justify-content: center;
    }

    .can-detail ul {
        columns: 2;
    }

    .client .card {
        padding: 0.5rem;
    }

    footer .logo-area .logo {
        width: 70%;
        display: block;
    }

    footer .logo-area {
        display: flex;
    }

    .about .main {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .our-values {
        display: flex;
    }

    .custom-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .about .application {
        padding-top: 0;
    }

        .about .application .display-5 {
            margin-top: 0;
            margin-bottom: 0;
        }

    .award {
        padding: 0.5rem;
    }

    .contact .address {
        display: flex
    }

    .job-results .filter, #jobDetailsContainer .filter {
        top: 20px;
    }

    .meet .card svg {
        width: auto;
        height: 110px;
    }

    .hero-section {
        padding: 2rem 0;
    }
}
/*Bootstrap sm*/
@media (min-width:576px) and (max-width:767.98px) and (orientation: landscape) {

    .navbar {
        min-height: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-toggler.f {
        display: block;
    }

    .dashboard-nav .nav-link {
        padding: 0.8rem 0.5rem;
    }

    .small, small {
        font-size: .8em;
    }

    .h2, h2 {
        font-size: 25px;
    }

    .delete .card {
        padding: 0rem;
    }

    .upload .card {
        padding-top: 0;
    }

        .upload .card i {
            margin-bottom: 0;
        }

    .can-detail h5, .can-detail #pSummary,
    #candResults .buttons,
    .activity h5,
    .legal h1, .legal h3,
    .about h3, .about h1,
    .careers h2, .careers h3,
    .contact .display-4, .contact .lead,
    .apply h2,
    .saved-job h2, .case h2, .billing h5, .client .card-header, .client .card-body {
        text-align: center;
    }

    .press {
        .bg-light-pf, article {
            text-align: center;
        }

            article div {
                text-align: start;
            }
    }

    #jobDetailsContainer {
        h1, h4, h5 {
            text-align: center;
        }
    }


    .legal .buttons {
        justify-content: center;
    }

    #pSkills {
        margin: 0 55px;
        justify-content: center;
    }

    .can-detail ul {
        columns: 2;
    }

    .client .card {
        padding: 0.5rem;
    }

    footer .logo-area .logo {
        width: 70%;
        display: block;
    }

    footer .logo-area {
        display: flex;
    }

    .about .main {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .our-values {
        display: flex;
    }

    .custom-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .about .application {
        padding-top: 0;
    }

        .about .application .display-5 {
            margin-top: 0;
            margin-bottom: 0;
        }

    .award {
        padding: 0rem;
    }



    .job-results .filter, #jobDetailsContainer .filter {
        top: 20px;
    }

    .meet .card svg {
        width: auto;
        height: 110px;
    }

    .hero-section {
        padding: 2rem 0;
    }

    .our-values h5 {
        font-size: 1rem;
    }

    .index .hero-section .display-4 {
        font-size: 34px;
    }

    .index .stat-number {
        font-size: 2rem;
    }
}

/*For Tab IPad*/
@media screen and (min-width: 765px) and (max-width: 1000px) and (orientation: portrait) {
    .dashboard-nav .nav-link {
        padding: 0.8rem 0.8rem;
    }

    .client .card {
        padding: 0.5rem;
    }

    .navbar-toggler.f {
        display: block;
    }

    .navbar {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    footer .logo-area {
        display: flex;
    }

    .about .main {
        padding-top: 0;
        padding-bottom: 0;
    }

    .custom-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .small, small {
        font-size: .8em;
    }

    .application, .faq, .share, .why {
        min-height: 520px;
    }

    .award {
        padding: 1rem;
    }

    .job-results .filter, #jobDetailsContainer .filter {
        top: 20px;
    }

    .meet .card svg {
        width: auto;
        height: 110px;
    }

    .hero-section {
        padding: 3rem 0;
    }
}
/*For Tab IPad*/
@media screen and (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape) {
    .dashboard-nav .nav-link {
        padding: 0.8rem 0.8rem;
    }

    .index .display-4 {
        font-size: 41px;
    }

    .hero-section {
        padding: 3rem 0;
    }

    .index .strip span {
        margin-right: 0.6rem!important;
        margin-left: 0.6rem !important;
    }
}
/*Mac book 16 and Apple iMac 24"*/
@media screen and (min-width: 1728px) and (max-width: 2048px) {
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h6, p, .p, span, .span, div {
    text-wrap: balance;
}

.nice-select span {
    text-wrap: nowrap !important;
}