html {
scroll-behavior: smooth;
} .df-page-header {
position: relative;
padding: 50px 0 0;
z-index: 2;
background: var(--df-primary-variant-color);
}
.df-banner {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
filter: brightness(0.5);
}
.df-page-header .df-container {
padding-bottom: 50px;
}
.df-page-total-results {
text-align: center;
}
.df-page-title {
margin: 35px 0 16px;
text-wrap: balance;
}
.df-page-title,
.df-page-total-results,
.df-breadcrumbs,
.df-page-header a,
.df-page-header a:visited,
.df-formations-description {
color: var(--df-on-primary-text-color);
}
.df-page-header .df-page-title {
font-size: clamp(24px, 1em, 64px);
}
.df-page-header:has(.df-banner) .df-page-title,
.df-page-header:has(.df-banner) .df-page-total-results,
.df-page-header:has(.df-banner) .df-breadcrumbs,
.df-page-header:has(.df-banner) a,
.df-page-header:has(.df-banner) .df-formations-description {
color: #fff;
}
.df-brand-numbers {
position: relative;
z-index: 2;
width: 100%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
gap: 33px;
justify-content: center;
padding: 24px;
text-align: center;    
box-sizing: border-box;
}
.df-brand-numbers:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
height: 100%;
background: var(--df-bg-light-color);
opacity: 0.6;
z-index: -1;
}
.df-brand-number-value {
font-size: 2.5rem;
line-height: 1.2;
font-weight: 700;
color: var(--df-on-bg-light-text-color);
}
.df-brand-number-label {
color: var(--df-on-bg-light-text-color);
} .df-main {
margin: 0 auto;
width: 100%;
box-sizing: border-box;
background: var(--df-bg-main-color);
color: var(--df-on-bg-main-text-color);
}
.df-main hr {
margin: 12px 0;
border: none;
height: 1px;
background: var(--df-primary-variant-color);
width: 100%;
box-sizing: border-box;
opacity: 0.5;
}.df-archive-category-description {
margin: 20px auto;
width: 100%;
box-sizing: border-box;
max-width: 820px;
text-wrap: balance;
color: var(--df-on-primary-text-color);
text-align: center;
} .df-archive-view {
display: flex;
gap: 12px;
justify-content: flex-end;
align-items: center;
margin-bottom: 32px;
}
.df-archive-view-item {
display: flex;
align-items: center;
gap: 6px;
accent-color: var(--df-primary-variant-color);
cursor: pointer;
}
.df-archive-view label {
margin: 0 !important;
padding: 0 !important;
white-space: nowrap;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-grid {
grid-template-columns: repeat(1, 1fr);
}
.df-main--archive:has(#df-archive-view-grid:checked) .df-archive-grid .df-archive-title {
display: -webkit-box;
padding: 0 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 3;
-webkit-line-clamp: 3;
}
.df-main--archive:has(#df-archive-view-list:checked) 
.df-archive-grid :where(
.df-post-thumbnail, 
.df-archive-subtitle, 
.df-post-sessions-group,
.df-archive-badge--cpf-eligible,
.df-archive-price
),
.wp-block-query:has(#df-archive-view-list:checked) 
.wp-block-post-template :where(
.df-post-thumbnail, 
.df-archive-subtitle, 
.df-post-sessions-group,
.df-archive-badge--cpf-eligible,
.df-archive-price
),
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-grid p:has(.df-button),
.wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template p:has(.df-button) {
display: none;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-grid .df-archive-content,
.wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template .df-archive-content {
display: contents;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-title,
.wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template .df-archive-title {
order: -1;
text-align: left;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-tags,
.wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template .df-archive-tags {
position: static;
margin-left: auto;
}
.wp-block-query:has(#df-archive-view-list:checked) .is-layout-grid,
.wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template .is-layout-grid {
display: block;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-item,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-item {
position: relative;
box-shadow: none;
border-radius: 0;
border-bottom: 1px solid var(--df-primary-variant-color);
padding: 12px 0;
display: flex;
flex-direction: row;
background: transparent;
align-items: center;
grid-gap: 16px;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-item.df-archive-item--highlighted,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-item.df-archive-item--highlighted {
outline: none;
border-left: 3px solid var(--df-primary-color, #864dff);
padding-left: 12px;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-highlight-badge,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-highlight-badge {
display: none;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-item:after,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-item:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 3px;
background: var(--df-primary-variant-color);
transition: width 0.3s ease;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-item:hover:after,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-item:hover:after {
width: 100%;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-program-duration,
.wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template .df-program-duration {
white-space: nowrap;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-featured .df-archive-meta-group {
padding-right: 55px;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-content .df-archive-button:last-child {
white-space: nowrap;
}
@media (max-width: 768px) {
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-item,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-item {
flex-wrap: wrap;
gap: 18px;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-tags, .wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template .df-archive-tags {
margin-left: 0;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-item .df-archive-title,
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-item .df-archive-button,
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-item .df-archive-button .df-button,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-item .df-archive-title,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-item .df-archive-button,
.wp-block-query:has(#df-archive-view-list:checked) .df-archive-item .df-archive-button .df-button {
min-width: 100%;
}
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-content,
.wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template .df-archive-content {
flex-direction: column;
gap: 5px;
}
}
@media screen and (min-width: 769px) {
.df-main--archive:has(#df-archive-view-list:checked) .df-archive-title, .wp-block-query:has(#df-archive-view-list:checked) .wp-block-post-template .df-archive-title {
max-width: 50%;
}
} .df-archive-filters-form {
display: flex;
gap: 16px;
padding: 32px 0;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
}
.df-archive-filters .df-archive-field {
display: flex;
flex-direction: column;
gap: 8px;
}
.df-archive-filters .df-archive-field--reset {
min-width: 100%;
box-sizing: border-box;
}
.df-archive-filters .df-archive-filters-form .df-link.df-link--reset {
display: block;
width: fit-content;
margin: 0 0 0 auto;
border: none;
padding: 0;
background: none;
font-size: clamp(16px, 1rem, 21px);
font-weight: 600;
text-decoration: underline;
cursor: pointer;
color: var(--df-primary-variant-color);
}
.df-archive-filters .df-archive-field label {
margin: 0;
padding: 0;
line-height: 1.2;
font-size: clamp(16px, 1rem, 21px);
font-weight: 600;
color: var(--df-on-bg-main-text-color);
}
.df-archive-filters .df-archive-field button {
background: var(--df-primary-variant-color);
color: var(--df-brand-text);
}
.df-archive-filters .df-archive-field input,
.df-archive-filters .df-archive-field select,
.df-archive-filters .df-archive-field button:not(.df-link) {
padding: 8px 16px;
border-radius: var(--df-border-radius-xs);
font-size: clamp(16px, 1rem, 21px);
height: 42px;
line-height: 1.25;
}
.df-archive-filters .df-archive-field select option[disabled] {
color: #aaa;
}
.df-formation-filter-btn {
display: flex;
align-items: center;
width: fit-content;
margin: 0 auto;
gap: 6px;
color: var(--df-on-primary-text-color);
background-color: var(--df-primary-variant-color);
padding: 12px 16px;
border: none;
border-radius: var(--df-border-radius);
cursor: pointer;
font-size: clamp(16px, 1rem, 21px);
font-weight: 600;
}
.df-formation-filter-btn span {
display: block;
line-height: 1;
}
.df-formation-filter-toggle {
opacity: 0;
width: 0;
height: 0;
width: 100%;
box-sizing: border-box;
height: 1px;
opacity: 0;
border: none;
}
@media (max-width: 767px) {
.df-archive-filters {
margin: 16px 0;
}
.df-archive-filters:has(#filter-toggle:checked) .df-archive-filters-form {
display: block; 
}
.df-archive-field {
margin-top: 16px;
}
.df-archive-filters-form {
display: none;
position: fixed;
z-index: 1000;
left: 16px;
top: 16px;
box-sizing: border-box;
width: calc(100vw - 32px);
height: calc(100vh - 32px);
overflow-y: auto;
background-color: var(--df-bg-main-color);
box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.1);
color: var(--df-on-bg-main-text-color);
padding: 24px;
border-radius: var(--df-border-radius);
}
.df-formation-filter-close {
border: none;
display: block;
width: 100%;
box-sizing: border-box;
background-color: transparent;
font-size: 2rem;
cursor: pointer;
color: var(--df-primary-variant-color);
font-weight: 600;
text-align: right;
}
}
@media (min-width: 768px) {
.df-formation-filter-close {
display: none;
}
.df-formation-filter-btn {
display: none;
}
.df-archive-filters .df-archive-field {
flex-grow: 1;
}
.df-archive-filters .df-archive-field--reset {
margin-top: -6px;
}
} .df-main + .section {
margin-top: 100px;
} .df-archive-featured-title {
margin: 24px 0;
text-align: center;
}
body .df-container article.df-archive-item.df-archive-item--compact,
body .wp-block-query .df-archive-item.df-archive-item--compact {
min-height: 0;
}
.df-archive-item--compact .df-archive-content {
padding: 50px 24px 32px;
gap: 12px;
}
.df-archive-item--compact .df-archive-button {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
}
.df-archive-item--compact .df-archive-button .df-button--compact-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 43px;
padding: 0.35rem 0.6rem;
font-size: 1.25rem;
line-height: 1;
} .df-archive-seo-faq {
padding-bottom: 1px;
}
.df-archive-seo,
.df-archive-faq {
margin: 40px 0;
}
.df-archive-seo h2,
.df-archive-faq h2 {
margin-bottom: 24px;
}
.df-archive-faq details {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.df-archive-faq summary {
cursor: pointer;
}