/* =========================================================
   EDUCATION LANGUAGE TAXONOMY
========================================================= */

.bilin-education-language-archive{
    background:#fffdf9;
}


/* =========================================================
   HERO
========================================================= */

.education-language-archive-hero{
    padding:95px 0 85px;
    background:
        radial-gradient(circle at 85% 25%,rgba(0,143,114,.11),transparent 32%),
        radial-gradient(circle at 10% 20%,rgba(240,90,40,.07),transparent 28%),
        #fffdf9;
}

.education-language-archive-hero-content{
    max-width:850px;
    margin:0 auto;
    text-align:center;
}

.education-language-archive-eyebrow{
    display:inline-flex;
    align-items:center;
    margin-bottom:18px;
    padding:7px 16px;
    background:#e1f4ef;
    color:#00745f;
    border:1px solid #a9ddd2;
    border-radius:999px;
    font-size:14px;
    font-weight:700;
}

.education-language-archive-hero h1{
    margin:0 0 22px;
    color:#16324f;
    font-size:clamp(34px,5vw,56px);
    line-height:1.5;
    font-weight:800;
}

.education-language-archive-hero h1 span{
    display:block;
    color:#008f72;
}

.education-language-archive-description{
    max-width:720px;
    margin:0 auto;
    color:#5c666e;
    font-size:17px;
    line-height:2.15;
}


/* =========================================================
   PROGRAMS
========================================================= */

.education-language-archive-programs{
    padding:85px 0 105px;
    background:#ffffff;
}

.education-language-archive-section-heading{
    margin-bottom:42px;
    text-align:center;
}

.education-language-archive-section-heading > span{
    display:inline-block;
    margin-bottom:10px;
    color:#f05a28;
    font-size:14px;
    font-weight:800;
}

.education-language-archive-section-heading h2{
    margin:0;
    color:#16324f;
    font-size:clamp(27px,4vw,40px);
    line-height:1.6;
}


/* =========================================================
   PROGRAM GRID
========================================================= */

.education-language-programs-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
}

.education-language-program-card{
    overflow:hidden;
    background:#fffdf9;
    border:1px solid #eee5d8;
    border-radius:22px;
    box-shadow:0 12px 35px rgba(22,50,79,.065);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.education-language-program-card:hover{
    transform:translateY(-7px);
    border-color:#ded0bf;
    box-shadow:0 20px 45px rgba(22,50,79,.11);
}


/* =========================================================
   IMAGE
========================================================= */

.education-language-program-image{
    display:block;
    height:205px;
    overflow:hidden;
    background:#008f72;
    text-decoration:none;
}

.education-language-program-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.education-language-program-card:hover
.education-language-program-image img{
    transform:scale(1.045);
}

.education-language-program-image-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 30%),
        #008f72;
}

.education-language-program-image-placeholder span{
    color:#ffffff;
    font-size:58px;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.education-language-program-card-content{
    padding:27px;
}

.education-language-program-types{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:13px;
}

.education-language-program-types span{
    display:inline-flex;
    padding:5px 10px;
    background:#e1f4ef;
    color:#00745f;
    border:1px solid #b8e0d7;
    border-radius:7px;
    font-size:12px;
    font-weight:700;
}

.education-language-program-title{
    margin:0 0 13px;
    line-height:1.65;
}

.education-language-program-title a{
    color:#16324f;
    text-decoration:none;
    transition:color .25s ease;
}

.education-language-program-title a:hover{
    color:#008f72;
}

.education-language-program-excerpt{
    margin:0 0 20px;
    color:#68727a;
    font-size:14px;
    line-height:2;
}

.education-language-program-duration{
    display:flex;
    align-items:flex-start;
    gap:7px;
    margin-bottom:22px;
    padding:10px 13px;
    background:#fbf7f0;
    border:1px solid #eadfce;
    border-radius:10px;
    color:#555f68;
    font-size:13px;
}

.education-language-program-duration strong{
    color:#16324f;
    white-space:nowrap;
}

.education-language-program-action{
    padding-top:3px;
}

.education-language-program-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 23px;
    background:#f05a28;
    color:#ffffff;
    border-radius:10px;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    box-shadow:0 7px 18px rgba(240,90,40,.15);
    transition:
        background-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.education-language-program-button:hover{
    background:#d94b20;
    color:#ffffff;
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(240,90,40,.2);
}


/* =========================================================
   PAGINATION
========================================================= */

.education-language-pagination{
    margin-top:55px;
    text-align:center;
}

.education-language-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.education-language-pagination li{
    margin:0;
    padding:0;
}

.education-language-pagination a,
.education-language-pagination span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    min-height:42px;
    padding:8px 13px;
    background:#ffffff;
    color:#16324f;
    border:1px solid #e4dacc;
    border-radius:9px;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
}

.education-language-pagination a:hover{
    background:#e1f4ef;
    color:#00745f;
    border-color:#a9ddd2;
}

.education-language-pagination .current{
    background:#008f72;
    color:#ffffff;
    border-color:#008f72;
}


/* =========================================================
   EMPTY
========================================================= */

.education-language-empty{
    max-width:720px;
    margin:0 auto;
    padding:60px 30px;
    text-align:center;
    background:#fbf7f0;
    border:1px solid #eadfce;
    border-radius:22px;
}

.education-language-empty-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    margin:0 auto 20px;
    background:#e1f4ef;
    color:#008f72;
    border-radius:18px;
    font-size:26px;
}

.education-language-empty h2{
    margin:0 0 12px;
    color:#16324f;
    line-height:1.7;
}

.education-language-empty p{
    margin:0 0 25px;
    color:#68727a;
    line-height:2;
}

.education-language-empty-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 25px;
    background:#f05a28;
    color:#ffffff;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
}

.education-language-empty-button:hover{
    background:#d94b20;
    color:#ffffff;
}


/* =========================================================
   BACK TO LANGUAGES
========================================================= */

.education-language-back{
    padding:0 0 100px;
    background:#ffffff;
}

.education-language-back-link{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#00745f;
    font-weight:700;
    text-decoration:none;
}

.education-language-back-link span{
    transition:transform .25s ease;
}

.education-language-back-link:hover{
    color:#f05a28;
}

.education-language-back-link:hover span{
    transform:translateX(4px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1050px){

    .education-language-programs-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


@media(max-width:700px){

    .education-language-archive-hero{
        padding:70px 0 65px;
    }

    .education-language-archive-hero h1{
        font-size:36px;
    }

    .education-language-archive-description{
        font-size:16px;
    }

    .education-language-archive-programs{
        padding:65px 0 80px;
    }

    .education-language-programs-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .education-language-program-image{
        height:190px;
    }

    .education-language-program-card-content{
        padding:23px;
    }

    .education-language-back{
        padding-bottom:75px;
    }

}


@media(max-width:480px){

    .education-language-archive-hero h1{
        font-size:31px;
    }

    .education-language-program-image{
        height:175px;
    }

    .education-language-program-button{
        width:100%;
    }

}