.elementor-6638 .elementor-element.elementor-element-29b4443{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-6638 .elementor-element.elementor-element-51e544f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:wrap;}.elementor-6638 .elementor-element.elementor-element-dcf4c4e{width:auto;max-width:auto;}.elementor-6638 .elementor-element.elementor-element-dcf4c4e .elementor-heading-title{font-size:40px;color:var( --e-global-color-accent );}.elementor-6638 .elementor-element.elementor-element-8d298bc .elementor-button{background-color:transparent;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-image:linear-gradient(0deg, var( --e-global-color-1e523a3 ) 0%, var( --e-global-color-9fa136d ) 100%);}.elementor-6638 .elementor-element.elementor-element-8d298bc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-6638 .elementor-element.elementor-element-5cd04e4{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6638 .elementor-element.elementor-element-29b4443{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6638 .elementor-element.elementor-element-dcf4c4e{width:100%;max-width:100%;}.elementor-6638 .elementor-element.elementor-element-5cd04e4{width:100%;max-width:100%;}}/* Start custom CSS *//* =========================================
   1. The Main Candidate Grid Container
========================================= */
/* Turn the vertical list into a responsive card grid */
.wpjr-page-resumes .wpjb-resume-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 25px !important;
    border: none !important; 
    background: transparent !important;
}

/* =========================================
   2. The Individual Profile Card
========================================= */
.wpjr-page-resumes .wpjb-resume-list .wpjb-grid-row {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 24px 20px !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    margin: 0 !important; /* Strips WPJB's legacy row margins */
    cursor: pointer !important;
}

.wpjr-page-resumes .wpjb-resume-list .wpjb-grid-row:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 20px -5px rgba(12, 71, 157, 0.15) !important;
    border-color: #0c479d !important; /* Brand Blue */
}

/* =========================================
   3. The Candidate Avatar/Photo
========================================= */
/* Center the logo column inside the card */
.wpjr-page-resumes .wpjb-resume-list .wpjb-col-logo {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
}

/* Make the images perfectly round and uniform */
.wpjr-page-resumes .wpjb-resume-list .wpjb-flex-img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 3px solid #f8fafc !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f0f5fa !important; /* Soft blue background for placeholders */
}

.wpjr-page-resumes .wpjb-resume-list .wpjb-flex-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Style the default placeholder icon (if they have no photo) */
.wpjr-page-resumes .wpjb-resume-list .wpjb-flex-img .wpjb-glyphs {
    font-size: 32px !important;
    color: #0c479d !important; /* Brand Blue */
    line-height: 1 !important;
}

/* =========================================
   4. Candidate Name & Location
========================================= */
.wpjr-page-resumes .wpjb-resume-list .wpjb-col-main {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important; /* Pushes the footer down evenly */
}

/* Group Name and Location */
.wpjr-page-resumes .wpjb-resume-list .wpjb-line-major {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 15px !important;
}

/* Candidate Name */
.wpjr-page-resumes .wpjb-resume-list .wpjb-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0c479d !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
}

/* Location Text */
.wpjr-page-resumes .wpjb-resume-list .wpjb-sub-opaque {
    font-size: 13px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

.wpjr-page-resumes .wpjb-resume-list .wpjb-icon-location {
    color: #9ca3af !important;
    margin-right: 4px !important;
}

/* =========================================
   5. Job Title & Date Footer
========================================= */
/* Create a distinct footer area inside the card for the job title */
.wpjr-page-resumes .wpjb-resume-list .wpjb-line-minor {
    margin-top: auto !important; /* Forces this to the very bottom of the card */
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding-top: 15px !important;
    border-top: 1px solid #f3f4f6 !important;
}

/* The Job Title / Specialty */
.wpjr-page-resumes .wpjb-resume-list .wpjb-line-minor .wpjb-sub {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    line-height: 1.4 !important;
}

/* The Last Updated Date */
.wpjr-page-resumes .wpjb-resume-list .wpjb-resume_modified_at {
    font-size: 12px !important;
    color: #9ca3af !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}/* End custom CSS */