/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


span.txt_col {
    color: #F9B718;
    font-style: italic;
}

span.txt_col_2 {
    color: #2E5AA7;
}

div.cust_bloc {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.cust_carsl button.splide__arrow.splide__arrow--prev {
    padding: 10px;
    border-radius: 80px !important;
}

.cust_carsl button.splide__arrow.splide__arrow--next {
    padding: 10px;
    border-radius: 80px !important;
}

.cust_carsl .splide__arrow:hover {
    background-color: #2E5AA7 !important;
    transition: all 0.2s;
}

.cust_carsl .splide__arrow:hover svg {
    fill: #fff !important;
}

.cust_carsl {
    overflow: visible;
}

@media screen and (min-width: 1025px) {
.cust_carsl .splide__arrow--prev {
    left: -35px;
}

.cust_carsl .splide__arrow--next {
    right: -35px;
}
}
	
.ts_imgcarsl span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 25px !important;
}

section.bg_section {
    background: linear-gradient(107.63deg, #1A3A72 0%, #2E5AA7 50%, #1973B6 100%);
}


/* =========================================================
   GRILLE ARTICLES - DESKTOP
========================================================= */

.articles-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 20px;
    align-items: stretch;
}


/* =========================================================
   CARTE ARTICLE
========================================================= */

.articles-grid > .article-card {
    display: flex;
    flex-direction: column;

    width: 100%;
    min-width: 0;

    height: 100%;
    overflow: hidden;
}


/* Le premier article prend 2 lignes */
.articles-grid > .article-card:first-child {
    grid-row: span 2;
}


/* =========================================================
   IMAGE A LA UNE EN BACKGROUND
========================================================= */

.articles-grid .article-image {
    width: 100%;

    /*height: 220px;*/
    /*min-height: 220px;*/

    flex: 0 0 auto;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* Grande image du premier article */
.articles-grid > .article-card:first-child > .article-image {
    height: auto !important;
    min-height: 400px;

    /* l'image absorbe l'espace disponible */
    flex: 1 1 0 !important;
}


/* =========================================================
   BLOC CONTENU
   Empêche le contenu de créer un grand espace blanc
========================================================= */

.articles-grid > .article-card > .article-image + .brxe-block {
    height: auto !important;
    min-height: 0 !important;

    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
}


/* =========================================================
   SECURITE :
   tous les enfants du bloc contenu restent en hauteur auto
========================================================= */

.articles-grid > .article-card > .article-image + .brxe-block > * {
    flex-grow: 0;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 991px) {

    .articles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }


    /* Le premier article prend toute la largeur */
    .articles-grid > .article-card:first-child {
        grid-column: 1 / -1;
        grid-row: auto;

        height: auto;
    }


    /* Images normales */
    .articles-grid .article-image {
        height: 230px;
        min-height: 230px;
    }


    /* Grande image */
    .articles-grid > .article-card:first-child > .article-image {
        height: 380px !important;
        min-height: 380px;

        flex: 0 0 auto !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .articles-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    /* Le premier article redevient une carte normale */
    .articles-grid > .article-card:first-child {
        grid-column: auto;
        grid-row: auto;

        height: auto;
    }


    /* Toutes les images ont la même hauteur */
    .articles-grid .article-image,
    .articles-grid > .article-card:first-child > .article-image {
        height: 260px !important;
        min-height: 260px;

        flex: 0 0 auto !important;
    }
}


/* =========================================================
   PETIT MOBILE
========================================================= */

@media (max-width: 480px) {

    .articles-grid {
        gap: 16px;
    }


    .articles-grid .article-image,
    .articles-grid > .article-card:first-child > .article-image {
        height: 220px !important;
        min-height: 220px;
    }
}

@media (min-width: 992px) {

    .articles-grid > .article-card:first-child > .brxe-block:first-child {
        height: 590px !important;
        min-height: 590px !important;
        flex-basis: 590px !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;

        background-size: cover !important;
        background-position: center center !important;
    }

}


.ttr_men {
    font-size: 14px;
    font-weight: 500;
    color: #1A1A1A;
}

div.bloc_tour {
    overflow: hidden;
}

span.forminator-description {
    display: none !important;
}

.forminator-field input.forminator-input {
    border-bottom: 2px solid #1A3A72 !important;
}

.forminator-textarea {
    border-bottom: 2px solid #1A3A72 !important;
}

span.cust_date {
    font-size: 18px;
}