/* =============================================================
   GFI Employer Landing / Login
   Scoped: .gfi-emp-*
   ============================================================= */

.page-looking-to-hire-purpose-driven-talent,
.page-employer-login,
.gfi-emp-page {
    --gfi-js-header-offset: 80px;
}

.page-template-employer-portal-template-employer-landing-php .entry-title,
.page-template-employer-portal-template-employer-landing-php .entry-header,
.page-template-employer-portal-template-employer-login-php .entry-title,
.page-template-employer-portal-template-employer-login-php .entry-header,
body.page-looking-to-hire-purpose-driven-talent .entry-title,
body.page-looking-to-hire-purpose-driven-talent .entry-header,
body.page-employer-login .entry-title,
body.page-employer-login .entry-header {
    display: none !important;
}

/* The site navbar is position:absolute and sits on top of #main. Pad the
   landing wrapper itself so this still works if #main padding is overridden
   by Elementor/Blocksy (this page used to be an Elementor canvas). */
body.page-looking-to-hire-purpose-driven-talent #main,
body.page-employer-login #main,
body[class*="looking-to-hire"] #main,
body[class*="employer-landing"] #main,
body[class*="employer-login"] #main,
.page-template-employer-portal-template-employer-landing-php #main,
.page-template-employer-portal-template-employer-login-php #main {
    padding-top: 0 !important;
    background: #ffffff !important;
}

body.page-looking-to-hire-purpose-driven-talent .gfi-nav,
body.page-employer-login .gfi-nav {
    background: #ffffff;
}

.gfi-lp-page.gfi-emp-page {
    padding-top: var(--gfi-js-header-offset, 80px);
}

.gfi-emp-headline-accent {
    color: #0f7a63;
}

.gfi-emp-form-card {
    padding-top: 38px;
}

.gfi-emp-login-row {
    font-family: var(--gfi-font-body, 'Inter', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #4d4d4d !important;
    margin: 16px 0 0 !important;
    line-height: 21px !important;
}

.gfi-emp-login-row a {
    color: #2f8f7b !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.gfi-emp-login-row a:hover {
    text-decoration: underline !important;
}

.gfi-emp-institutions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 43px;
    max-width: 547px;
}

.gfi-emp-institution {
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gfi-emp-institution img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    font-size: 0;
    color: transparent;
    mix-blend-mode: multiply;
}

.gfi-emp-institution img.is-missing {
    opacity: 0;
}

.gfi-emp-institution--tiss,
.gfi-emp-institution--iit {
    width: 73px;
    height: 80px;
}

.gfi-emp-institution--tiss {
    background-image: url('./images/tiss.png');
}

.gfi-emp-institution--jindal {
    width: 69px;
    height: 80px;
    background-image: url('./images/jindal.png');
}

.gfi-emp-institution--iit {
    background-image: url('./images/iit-hyderabad.png');
}

.gfi-emp-institution--kohler,
.gfi-emp-institution--epa {
    width: 80px;
    height: 80px;
}

.gfi-emp-institution--kohler {
    opacity: 0.76;
    background-image: url('./images/kohler.png');
}

.gfi-emp-institution--epa {
    background-image: url('./images/us-epa.png');
}

.gfi-emp-page .gfi-lp-stat:nth-child(3) .gfi-lp-stat-label {
    max-width: 95px;
}

.gfi-emp-success-card .gfi-lp-submit-btn {
    margin-top: 24px;
    text-decoration: none;
}

@media (max-width: 900px) {
    .gfi-emp-institutions {
        gap: 24px 28px;
    }
}

@media (max-width: 560px) {
    .gfi-emp-institutions {
        gap: 16px 20px;
        justify-content: flex-start;
    }

    .gfi-emp-institution--tiss,
    .gfi-emp-institution--iit,
    .gfi-emp-institution--jindal {
        width: 56px;
        height: 62px;
    }

    .gfi-emp-institution--kohler,
    .gfi-emp-institution--epa {
        width: 62px;
        height: 62px;
    }

    .gfi-lp-page.gfi-emp-page .gfi-lp-mobile-cta {
        background: #0f7a63;
        color: #fff;
        box-shadow: 0 10px 24px rgba(15, 122, 99, .24);
    }
}