/*
    Theme Name: Histudy Child
    Theme URI: https://rainbowthemes.net/themes/histudy
    Template: histudy
    Description: Histudy is created for Learning Management System. Online OR Offline The template is perfect for e-Learning, Course School, Online School, Kindergarten, Classic LMS, University Status, Instructor Portfolio, Language Academy, Gym Coaching, Online Course, Single Course, marketplace, University Classic, Home Elegant, Home technology, and other needed dashboard, inner and details pages availability. The template has included everything you need for a complete online education center and LMS.
    Author: Rainbow-Themes
    Author URI: https://themeforest.net/user/rainbow-themes/portfolio
    Version: 1.0.0
    License: Envato Marketplaces Split License
    License URI: https://themeforest.net/licenses/standard
    Text Domain: histudy-child
    Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
    This theme, like WordPress, is licensed under the Envato Split License.
*/

/* ========================================
   CARTES ALTERNANCES ET DOMAINES
======================================== */

.alt-offre-card {
    border: 2px solid #39B24A;
    border-radius: 15px 0 15px 0;
    padding: 24px;
    background: #fff;
    position: relative;
    max-width: 380px;
    width: 100%;
    margin-bottom: 30px;
}

.alt-domain {
    background: #39B24A;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 12px 0 12px 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
}

.alt-offre-title {
    color: #39B24A;
    font-weight: 700;
    font-size: 28px;
    /*margin: 40px 0 20px 0;*/
    line-height: 1.2;
}

.alt-offre-lieu {
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.alt-lieu-icon {
    margin-right: 8px;
    font-size: 20px;
}

.alt-offre-btn {
    background: #F0DE0E;
    padding: 18px 28px;
    border-radius: 0 12px 0 12px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    text-decoration: none;
    display: inline-block;
}

.alt-offre-btn:hover {
    opacity: 0.9;
}

.domaine-card {
    max-width: 380px;
    width: 100%;
    padding: 0;
    border: 2px solid #39B24A;
    border-radius: 15px 0 15px 0;
    background: #fff;
}

.domaine-img {
    width: 100%;
    height: auto;
    border-radius: 12px 0 0 0 !important;
    display: block;
}

.domaine-content {
    padding: 24px;
}

.domaine-content .alt-offre-title {
    margin: 0;
}

/* ========================================
   CONTENEURS DE LISTES
======================================== */

.alternances-list,
.domaines-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.alt-offre-card {
    flex: 1 1 300px;
    box-sizing: border-box;
}

/* ========================================
   FILTRES
======================================== */

.form-filtre-alternances,
.form-filtre-formations {
    margin: 20px 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
}

.form-filtre-alternances input[type="text"],
.form-filtre-formations select {
    padding: 5px;
}

#loader_alt,
#loader {
    display: none;
    margin-left: 10px;
}

#loader_alt span,
#loader span {
    color: #39B24A;
}

/* ========================================
   ARTICLES
======================================== */

.articles-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.article-card-full {
    display: flex;
    width: 85%;
    border: 0px solid #313121;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    background: #f8f8f6;
}

.article-card-full > div:first-child {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.article-card-full .category-badge {
    background: #313121;
    color: #fff;
    padding: 12px 25px;
    font-weight: bold;
    font-size: 16px;
    width: max-content;
    border-top-left-radius: 12px;
}

.article-card-full .article-date {
    text-align: right;
    padding: 10px 25px 0 25px;
    font-size: 14px;
    color: #313121;
}

.article-card-full .article-content {
    padding: 0px 25px 25px 25px;
}

.article-card-full .article-content h3 {
    margin-top: 0;
    color: #313121;
}

.article-card-full .article-content p {
    color: #313121;
    line-height: 1.6;
}

.article-card-full .article-btn {
    display: inline-block;
    padding: 14px 28px;
    background: #39B24A;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    margin-top: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.article-card-full .article-image {
    width: 40%;
    min-height: 260px;
}

.article-card-full .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

@media (max-width: 768px) {
    .article-card-full {
        flex-direction: column;
        width: 95%;
    }
    
    .article-card-full .article-image {
        width: 100%;
        min-height: 200px;
    }
}



.domaine-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 400px;
    padding: 20px;
}



.domaine-content p.description{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* nombre de lignes */
    overflow: hidden;
}