/*
Theme Name: Humacitia Formations
Theme URI: https://formations.humacitia.fr
Template: Divi
Author: Xavier COCQUEEL
Description: Thème pour le site Formations d'Humacitia
Version: 1.1755865943
Updated: 2025-08-22 14:32:23

*/

.course-terms {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .5rem;
}
.term-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: .85rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border: solid 2px;
    padding: 5px 10px;
}
.c-course-card h2, .c-card-excerpt {
    cursor: default;
}
.term-chip[data-slug="accompagnement"] {
    background-color: #fff5e5;
    border-color: #ffe0b3;
    color: #8a4b00;
}
.term-chip[data-slug="handicap"] {
    background-color: #eaf7ff;
    border-color: #cdebff;
    color: #0b4b74;
}
.term-chip[data-slug="installation-en-liberal"] {
    background-color: #f4ecff;
    border-color: #e1d4ff;
    color: #4a3292;
}
.term-chip[data-slug="parentalite"] {
    background-color: #effff3;
    border-color: #cff3d9;
    color: #126b3c;
}
.term-chip[data-slug="social"] {
    background-color: #fff0f0;
    border-color: #ffd6d6;
    color: #8a1f1f;
}
.term-chip[data-slug="distanciel"] {
    background-color: #edf7ff;
    border-color: #d6ecff;
    color: #1d4e89;
}
#course-filters.filters {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    align-items: center;
    margin: 1rem 0;
}
#course-filters .filters-search input {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ddd;
    min-width: 240px;
    padding: .5rem .75rem;
	font-size : 0.9rem;
}
#course-filters .filters-group {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}
#course-filters .f {
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
    border-radius: 999px;
    font-size: .9rem;
    cursor: pointer;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: .35rem .7rem;
}

#course-filters .f:hover {
  
    background-color: #ECECEC;

}

#course-filters .f.is-on {
    background-color: #964747;
    border-color: #964747;
    color: #fff;
}
#course-filters .filters-clear {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    background-color: #eee;
    margin-left: auto;
    padding: .35rem .7rem;
	font-size : .8rem;
}