/*   
    Theme : FOXIZ 
    Variante : 002
    Version : 1.1
    Date : 10/03/2026
*/

/* CONTAINER */
.container__002 {
    background: var(--g-color);
    margin: 80px 0;
}

/* TITRES */
/* TITRE 1 */
.Titre1 {
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 32px !important;
}
.Titre1 .heading-title,
.category h1.elementor-heading-title {
    font-size: 52px !important;
    line-height: 56px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    color: var(--noir)!important;
}
.ts p {
    font-size: 20px !important;
    line-height: 24px;
    font-weight: 800;
    text-transform: uppercase;
}
.container__002 .Titre1 .heading-title a,
[data-theme="dark"].category h1.elementor-heading-title  {
    color: var(--blanc) !important;
}

.Titre1.tp .heading-title {
    font-size: 42px !important;
    line-height: 46px;
}
.Titre1::after,
.category h1.elementor-heading-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 30%;
    height: 8px;
    transform: translateX(-50%) rotate(-1deg);
    transform-origin: center bottom;
    background: linear-gradient(200deg, var(--g-color), var(--noir));
}
.container__002 .Titre1::after {
    background: linear-gradient(200deg, var(--g-color), var(--blanc));
}

/* TITRE 2 */
.Titre2 {
    margin-bottom: 24px !important;
}
.Titre2 .heading-title a {
    font-size: 52px !important;
    line-height: 56px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--noir);
}
[data-theme="dark"] .Titre2 .heading-title a {
    color: var(--blanc);
}
.Titre2.tp .heading-title a {
    font-size: 42px !important;
    line-height: 46px;
}
.Titre2::after {
    content: "";
    position: absolute;
    bottom: -20%;
    width: 32%;
    height: 8px;
    transform-origin: center bottom;
    background: linear-gradient(200deg, var(--g-color), var(--noir));
}

/* BOUTONS */
.btn {
    margin: 0 auto;
}
.btn a,
.container__002 .btn a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 22px 44px;
    border-radius: 0;
    border: 3px solid;
}
.btn a {
    background-color: var(--blanc);
    color: var(--g-color);
    border-color: var(--g-color);
}
.container__002 .btn a {
    background-color: var(--g-color);
    color: var(--blanc);
    border-color: var(--blanc);
}
.btn a:hover {
    background-color: var(--g-color);
    color: var(--blanc);
    border-color: var(--g-color);
}
.container__002 .btn a:hover {
    background-color: var(--blanc);
    color: var(--g-color);
    border-color: var(--blanc);
}
.btn a::before,
.btn a::after,
.container__002 .btn a::before,
.container__002 .btn a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(0%);
    height: 4px;
    width: 120px;
}
.btn a::before {
    left: -120px;
}
.btn a::after {
    right: -120px;
}
.btn a::before,
.btn a::after {
    background-color: var(--g-color);
}
.container__002 .btn a::before,
.container__002 .btn a::after {
    background-color: var(--blanc);
}

/* LIENS */
.entry-title a:hover {
    color: var(--noir) !important;
}

/* BLOC OVERLAY */
/* FOND */
.bt_002_fo.tn .overlay-wrap {
    background: linear-gradient(120deg,
        color-mix(in srgb, var(--blanc) 80%, transparent) 20%,
        color-mix(in srgb, var(--blanc) 60%, transparent) 50%,
        color-mix(in srgb, var(--g-color) 80%, transparent) 100%) !important;
}
.bt_002_fo.tn .p-featured,
.bt_002_fg.tg .p-featured {
    border: 2px solid var(--g-color);
    border-radius: 0 !important;
}
.container__002 .bt_002_fg.tg .p-featured,
[data-theme="dark"] .bt_002_fg.tg .p-featured {
    border: 2px solid var(--blanc);
}
.bt_002_fo.tn .overlay-holder {
    border-radius: 0 !important;
}

/* CONTENU */
.bt_002_fo.tn .p-content {
    width: 56%;
    background: var(--transparent) !important;
    box-shadow: none !important;
    left: 5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0;
    padding: 16px 32px;
}

/* TITRE */
.bt_002_fo.tn .entry-title {
    position: relative;
    text-align: center;
    color: var(--noir);
    font-weight: 600 !important;
    font-size: 34px !important;
    line-height: 38px !important;
    margin-bottom: 12px;
    padding: 12px !important;
    border-height: 50px;
}
.bt_002_fo.tn .entry-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 20%;
    height: 4px;
    background: var(--g-color);
}

/* TEXTE */
.bt_002_fo.tn .p-categories {
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 25px !important;
    margin-bottom: 8px;
    text-align: center;
}
.bt_002_fo.tn .p-categories a {
    color: var(--noir);
    margin: 0 auto !important;
}

/* PAGINATION */
.bt_002_fo.tn .slider-footer {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    z-index: 1000;
}
.bt_002_fo.tn .slider-prev,
.bt_002_fo.tn .slider-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}
.bt_002_fo.tn .rbi-cleft:before {
    content: "←";
    font-size: 36px;
    padding-left: 24px !important;
    color: var(--noir);
}
.bt_002_fo.tn .rbi-cright:before {
    content: "→";
    font-size: 36px;
    padding-right: 24px !important;
    color: var(--noir);
}

/* FLEX OVERLAY 001 (tn / tg) */
.bt-002__fl-01.tn .p-wrap,
.bt-002__fl-01.tg .p-wrap {
    margin-bottom: 24px;
}
.bt-002__fl-01.tn .p-wrap .p-content,
.bt-002__fl-01.tg .p-wrap .p-content {
    padding: 24px;
}
.bt-002__fl-01.tn .p-wrap .overlay-holder,
.bt-002__fl-01.tg .p-wrap .overlay-holder {
    border-radius: 0 !important;
    box-shadow: 0 0px 24px color-mix(in srgb, var(--noir) 40%, transparent);
}
.bt-002__fl-01.tn .overlay-wrap,
.bt-002__fl-01.tg .overlay-wrap {
    display: flex;
    height: 100%;
}
.bt-002__fl-01.tn .overlay-wrap .p-content,
.bt-002__fl-01.tg .overlay-wrap .p-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.bt-002__fl-01.tn .overlay-wrap .p-meta,
.bt-002__fl-01.tg .overlay-wrap .p-meta {
    margin-top: auto;
}
.bt-002__fl-01.tn .p-gradient .overlay-inner,
.bt-002__fl-01.tg .p-gradient .p-wrap:nth-child(2) .overlay-inner,
.bt-002__fl-01.tg .p-gradient .p-wrap:nth-child(1) .overlay-inner {
    background: linear-gradient(to top,
        color-mix(in srgb, var(--blanc) 96%, transparent) 28%,
        color-mix(in srgb, var(--blanc) 46%, transparent) 72%,
        var(--transparent) 100%);
}
.bt-002__fl-01.tn .p-meta,
.bt-002__fl-01.tg .p-meta {
    margin-bottom: 0 !important;
}
.bt-002__fl-01.tn .overlay-text .meta-inner,
.bt-002__fl-01.tg .overlay-text .meta-inner {
    color: var(--noir);
}
.bt-002__fl-01.tn .p-wrap .entry-title,
.bt-002__fl-01.tg .p-wrap .entry-title {
    font-family: var(--polices-styles);
    font-weight: calc(var(--weight-normal) + 200);
    color: var(--noir);
}

.bt-002__fl-01.tn .p-wrap .entry-title {
    font-size: calc(var(--size-titre__h3) - 0.02rem);
    line-height: calc(var(--size-titre__h3) + 0.0rem);
}
.bt-002__fl-01.tn.news .p-wrap .entry-title {
    font-size: calc(var(--size-titre__h3) + 0.14rem);
    line-height: calc(var(--size-titre__h3) + 0.18rem);
}
.bt-002__fl-01.tg .p-wrap .entry-title {
    font-size: calc(var(--size-titre__h3) + 0.4rem);
    line-height: calc(var(--size-titre__h3) + 0.55rem);
}
.bt-002__fl-01.tg.cl .p-wrap:nth-child(1) .entry-title {
    color: var(--blanc) !important;
}

.bt-002__fl-01.tg .p-wrap:nth-child(2) .entry-title {
    color: var(--noir) !important;
}
.bt-002__fl-01.tn.news .p-wrap .p-meta time {
    font-size: calc(var(--size-texte) + 0.1rem);
    line-height: calc(var(--size-texte) + 0.2rem);
    font-family: var(--polices-styles);
    margin-bottom:6px
}
.bt-002__fl-01.tg .p-wrap .p-meta time {
    font-size: calc(var(--size-texte) + 0.1rem);
    line-height: calc(var(--size-texte) + 0.1rem);
    font-family: var(--polices-styles);
}
.bt-002__fl-01.tg.cl .p-wrap:nth-child(1) .p-meta time {
    color: var(--blanc) !important;
}
.bt-002__fl-01.tg.cl .p-wrap:nth-child(2) .p-meta time {
    color: var(--noir) !important;
}
.bt-002__fl-01.tn .p-wrap .p-meta .meta-category,
.bt-002__fl-01.tg .p-wrap .p-meta .meta-category {
    font-size: var(--size-texte);
    line-height: var(--size-texte);
    font-weight: var(--weight-thin);
}
.bt-002__fl-01.tn .p-categories,
.bt-002__fl-01.tg .p-categories {
    position: absolute;
    text-align: left;
}
.bt-002__fl-01.tn .p-categories a,
.bt-002__fl-01.tg .p-categories a {
    left: 3%;
    top: 3% !important;
    background: var(--g-color);
    padding: 8px 16px;
    border-radius: 0;
    font-weight: 600;
}

/* ==========================
   FLEX GRID 001
========================== */
.bt_002_fg.tn .entry-title,
.bt_002_fg.tg .entry-title {
    position: relative;
    text-align: center;
    border-height: 50px;
    margin-bottom: 12px;
    padding: 8px;
    padding-top: 16px;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    color: var(--noir);
}
[data-theme="dark"] .bt_002_fg.tn .entry-title,
[data-theme="dark"] .bt_002_fg.tg .entry-title {
    color: var(--blanc);
}
.container__002 .bt_002_fg.tg .entry-title {
    color: var(--blanc);
}
.bt_002_fg.tn .entry-title::before,
.bt_002_fg.tg .entry-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 20%;
    height: 4px;
    background: var(--g-color);
}
.container__002 .bt_002_fg.tg .entry-title::before {
    background: var(--blanc);
}
.bt_002_fg.tn .p-meta .meta-category,
.bt_002_fg.tg .p-meta .meta-category {
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.bt_002_fg.tn .p-meta a,
.bt_002_fg.tg .p-meta a {
    font-weight: 600;
    font-size: 20px !important;
    line-height: 22px !important;
    text-transform: uppercase;
    color: var(--noir);
}
[data-theme="dark"] .bt_002_fg.tn .p-meta a,
[data-theme="dark"] .bt_002_fg.tg .p-meta a {
    color: var(--blanc);
}
.container__002 .bt_002_fg.tg .p-meta a {
    color: var(--blanc);
}
@media only screen and (min-width: 768px) {
.bt_002_fg.tn .p-wrap:nth-child(even),
.bt_002_fg.tg .p-wrap:nth-child(even) {
    display: flex;
    flex-direction: column;
}
.bt_002_fg.tn .p-wrap:nth-child(even) .p-meta,
.bt_002_fg.tg .p-wrap:nth-child(even) .p-meta {
    order: 1;
}
.bt_002_fg.tn .p-wrap:nth-child(even) .entry-title,
.bt_002_fg.tg .p-wrap:nth-child(even) .entry-title {
    order: 2;
}
.bt_002_fg.tn .p-wrap:nth-child(even) .feat-holder,
.bt_002_fg.tg .p-wrap:nth-child(even) .feat-holder {
    order: 3;
}}
.bt_002_fg.tg .overlay-holder {
    border-radius: 0 !important;
}

/* FLEX OVERLAY - 001 - GRADIENTS SPECIFIQUES TG */
.bt-002__fl-01.tg .p-gradient .p-wrap:nth-child(1) .overlay-inner {
    background: linear-gradient(to top, 
        color-mix(in srgb, var(--g-color) 90%, transparent) 40%, 
        color-mix(in srgb, var(--g-color) 30%, transparent) 66%, 
        var(--transparent) 100%);
}
.bt-002__fl-01.tg .p-gradient .p-wrap:nth-child(2) .overlay-inner {
    background: linear-gradient(to top, 
        color-mix(in srgb, var(--blanc) 90%, transparent) 40%, 
        color-mix(in srgb, var(--blanc) 30%, transparent) 66%, 
        var(--transparent) 100%);
}

/* FLEX OVERLAY - 001 - TITRE TG SPECIFIQUE */
.bt-002__fl-01.tg.cl .p-wrap:nth-child(1) .entry-title {
    color: var(--blanc) !important;
}
.bt-002__fl-01.tg .p-wrap:nth-child(2) .entry-title {
    color: var(--noir) !important;
}

/* FLEX OVERLAY - 001 - TIME TG SPECIFIQUE */
.bt-002__fl-01.tg.cl .p-wrap:nth-child(1) .p-meta time {
    color: var(--blanc) !important;
}
.bt-002__fl-01.tg.cl .p-wrap:nth-child(2) .p-meta time {
    color: var(--noir) !important;
}

/* ARTICLE */
.ImageArticle .s-feat-outer {
	margin-bottom: 0px!important;
}

.FondArticle .cat a  {
    font-size: 20px !important;
    line-height: 46px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    color: var(--noir)!important;
}
.container__002 .FondArticle .cat a {
    color: var(--blanc)!important;
}
.FondArticle .cat a::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 40%;
    height: 5px;
    transform: translateX(0%) rotate(1deg);
    transform-origin: center bottom;
    background: linear-gradient(200deg, var(--g-color), var(--noir));
}


[data-theme="dark"].single-post .FondArticle h1,
[data-theme="dark"].single-post .FondArticle a,
[data-theme="dark"].single-post .FondArticle time {
    color:var(--blanc)!important;
}
[data-theme="dark"].single-post .FondArticle svg path {
    fill:var(--blanc)!important;
}

/* CATEGORY */
.category .blog-content .p-wrap .entry-summary {
	font-size:16px;
	line-height:18px;
}
[data-theme="dark"] .p-grid .entry-title:hover,
[data-theme="dark"] .p-grid .entry-title:hover a {
	color:var(--blanc)!important;
}

@media only screen and (max-width: 768px) {

.bt_002_fo.tn .p-content {
    width: 100%;
    left: 0%;
    position: absolute;
    top: 20%;
    transform: translateY(0%);
}    

.bt_002_fo.tn .entry-title {
    font-size: 24px !important;
    line-height: 28px !important;
}

.bt_002_fo.tn .p-categories {
    font-size: 16px !important;
    line-height: 18px !important;
}

.bt_002_fo .block-inner,
.bt-002__fl-01 .block-inner {
    display: grid!important;
}

.bt_002_fo .p-wrap,
.bt_002_fo .p-wrap .overlay-holder,
.bt_002_fo .p-wrap .overlay-holder .p-featured{
    height: 360px!important;
    min-height: 360px!important;
    max-height: 360px!important;
}

.bt-002__fl-01 .p-wrap,
.bt-002__fl-01 .p-wrap .overlay-holder,
.bt-002__fl-01 .p-wrap .overlay-holder .p-featured{
    height: 320px!important;
    min-height: 320px!important;
    max-height: 320px!important;
}

.bt_002_fo .p-wrap,
.bt-002__fl-01 .p-wrap {
    margin-bottom:16px;
}

.bt_002_fo .p-featured,
.bt-002__fl-01 .p-featured {
    padding-bottom: 90%!important;
}

.bt-036__titre-01 .heading-title {
    font-size: calc(var(--size-titre__h2) + 1.5rem);
    line-height: calc(var(--size-titre__h2) + 1.5rem);
}

.bt-036__titre-01 .heading-tagline {
    font-size: calc(var(--size-bouton) + 0.3rem) !important;
    line-height: calc(var(--size-bouton) + 0.3rem);
    padding: 12px 24px;
}

.bt_002_fo .entry-summary,
.bt-002__fl-01 .entry-summary {
    display: none;
}

.bt_002_fo .p-wrap .entry-title,
.bt-002__fl-01 .p-wrap .entry-title {
    font-size: calc(var(--size-titre__h3) + 0.5rem);
    line-height: calc(var(--size-titre__h3) + 0.6rem);
}

.bt_002_fo .p-wrap .p-content .p-link .p-readmore,
.bt-002__fl-01 .p-wrap .p-content .p-link .p-readmore {
    font-size: calc(var(--size-texte) + 0rem) !important;
    line-height: calc(var(--size-texte) + 0.1rem) !important;
    padding: 8px 16px;
}

.bt_002_fo .p-content,
.bt-002__fl-01 .p-content {
    padding: 32px !important;
}

.bt-036__flex-list-01 .p-wrap .list-feat-holder .p-featured {
    margin-bottom:18px;
}

.bt-036__titre-02 .heading-title {
    font-size: calc(var(--size-titre__h2) + 1.2rem);
    line-height: calc(var(--size-titre__h2) + 1.2rem);
}

.bt-036__titre-01 .heading-inner {
    position: relative;
    display: grid;
    align-items: left;
    flex-flow: row nowrap;
    width: 100%;
    justify-content: left;
}

.bt-036__titre-01 .heading-inner .heading-tagline {
    margin-top:24px!important;
}
.ic {
    min-height:250px!important;
}
}
