/********************************* Polices *****************************/

/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v20-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/poppins-v20-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg');
    /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v20-latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/poppins-v20-latin-500.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/poppins-v20-latin-500.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/poppins-v20-latin-500.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/poppins-v20-latin-500.svg#Poppins') format('svg');
    /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v20-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/poppins-v20-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/poppins-v20-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/poppins-v20-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/poppins-v20-latin-700.svg#Poppins') format('svg');
    /* Legacy iOS */
}

/* poppins-900 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/poppins-v20-latin-900.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/poppins-v20-latin-900.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/poppins-v20-latin-900.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/poppins-v20-latin-900.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/poppins-v20-latin-900.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/poppins-v20-latin-900.svg#Poppins') format('svg');
    /* Legacy iOS */
}

/* Trroubles typo Regular */
@font-face {
    font-family: 'Troubles';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/troubles-typo-regular.ttf') format('truetype');

}

@font-face {
    font-family: 'Troubles-contour';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/troubles-typo-contours.ttf') format('truetype');

}

/************************** Généralités *******************************/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
}

html {
    font-size: 10px;
    overflow-x: hidden;
}

li {
    list-style-type: none;
}

body {
    font-size: 2rem;
    line-height: 3.2rem;
    font-family: 'Poppins';
    accent-color: var(--violet-vif);
    overflow-x: hidden;
    font-weight: 400;
}

h1 {
    font-size: 20vw;
    color: var(--blanc);
    text-shadow: 2rem 1rem 2rem #f97eff;
    padding-top: 30px;
    font-weight: 900;
    line-height: 20rem;
    width: 81%;
    transform: translateX(-6rem);
}

.single__agenda-title {
    font-size: 15vw;
    color: var(--blanc);
    text-shadow: 2rem 1rem 2rem #f97eff;
    padding-top: 5rem;
    font-weight: 900;
    line-height: 23rem;
    width: 81%;
    position: inherit;
}


h2 {
    font-size: 6rem;
    font-weight: 300;
    padding-top: 12rem;
    line-height: 8rem;
}

.black {
    color: var(--violet-vif);
    opacity: 0.4;
    text-shadow: 2rem 2rem 2rem var(--noir);
    font-weight: 900;
}

h3 {
    text-transform: uppercase;
    font-size: 2.8rem;
    font-weight: 300;
    padding-bottom: 1rem;
}

main {
    overflow-x: hidden;
}

/************************** Couleurs *******************************/

:root {
    --deg-rose-violet: linear-gradient(135deg, #3D1771, #F97EFF);
    --deg-violet: linear-gradient(135deg, #3D1771, #9462D8);
    --deg-rose-blanc: linear-gradient(135deg, #F97EFF, #FFFF);
    --deg-blanc-violet: linear-gradient(135deg, #FFFFFF, #9462D8);
    --deg-violet-fonce: linear-gradient(135deg, #3D1771, #000000);

    --violet-clair: #E1D8ED;
    --violet-contrast: #774FAD;
    --violet-vif: #9462D8;
    --vert: #66FC94;
    --blanc-gris: #F4F4F4;
    --noir: #000000;
    --blanc: #FFFF;
}

.rose-blanc {
    background: var(--deg-rose-blanc);
}

.rose-violet {
    background: var(--deg-rose-violet);
    color: var(--blanc);
}

.violet-violet {
    background: var(--deg-violet);
    color: var(--blanc);
}

.violet-noir {
    background: var(--deg-violet-fonce);
    color: var(--blanc);
}

/************************** Container  *****************************/

.container {
    width: 100%;
    max-width: 164rem;
    margin: 0 auto;
}

.container__header {
    width: 100%;
    max-width: 164rem;
    margin: 0 auto;
}

.footer__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 164rem;
    margin: 0 auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/************************** Footer *********************************/
footer {
    background-color: var(--noir);
}

footer .menu-item a {
    font-size: 2rem;
    text-decoration: none;
    color: var(--vert);
    text-shadow: 0.5rem 1rem 0.5rem var(--violet-vif);
    font-weight: 300;
    transition: 0.3s ease-in-out;
}

footer .menu-item a:hover {
    text-shadow: none;
    animation: none;
}

.footer__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer__social-media-list {
    display: flex;
}

.footer__social-media>ul>li:nth-child(1) {
    padding-right: 1rem;
}

.footer__newsletter {
    width: 39.2rem;
    display: flex;
    flex-direction: column;
}

.footer__informations-list {
    display: flex;
    flex-direction: column;
    margin-top: 6rem;
}

.footer__nav-item a,
.footer__nav-item-secondary a,
.footer__informations-item a {
    text-decoration: none;
    color: var(--vert);
    text-shadow: 0.5rem 1rem 0.5rem var(--violet-vif);
    font-weight: 400;
    transition: 0.3s ease-in-out;
}

.footer__nav-item-secondary a:hover {
    text-shadow: none;

}

.footer__social-media-item i {
    font-size: 3rem;
    color: var(--vert);
    text-shadow: 1rem 1.5rem 0.5rem var(--violet-vif);
    transition: 0.3s ease-in-out;
}

.footer__social-media-item i:hover {
    text-shadow: none;
}


/************************** Boutons  **************************/

.btn {
    background-color: var(--vert);
    color: var(--noir);
    box-shadow: 1.5rem 2rem 1rem rgba(148, 98, 216, 0.7);
    border: none;
    padding: 1rem 2rem;
    font-weight: 300;
    position: relative;
    width: 100%;
    max-width: fit-content;
    margin-top: 2rem;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn:hover {
    box-shadow: none;
    color: var(--violet-contrast);
}

.btn-secondary {
    text-decoration: none;
    color: var(--vert);
    font-weight: 800;
    text-shadow: 10px 15px 5px #9462D8;
    margin-top: 4rem;
    position: relative;
    transition: 0.3s ease-in-out;
}

.btn-secondary:hover {
    text-shadow: none;
}

#plane {
    color: var(--noir);
    position: relative;
}

#plane::before {
    content: '\e803';

}

#plane:hover {
    color: var(--violet-contrast);
}

/********************** Bloc texte  ***************************/

.bloc__texte span {
    font-size: 2.8rem;
}

.bloc__texte-texte {
    margin-left: 35%;
    margin-top: 9rem;
    padding-bottom: 12rem;
}

/******************** Pre-footer ****************/

.before__footer-join a {
    background-color: var(--vert);
    font-size: 2rem;
    font-weight: 800;
    padding: 1rem 2.5rem;
    border: none;
    box-shadow: 15px 20px 10px #9462d8;
    margin-bottom: 5rem;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 18rem;
    margin-left: 10rem;
    text-decoration: none;
    color: var(--noir);
    transition: 0.3s ease-in-out;
}

.before__footer-join a:hover {
    color: var(--violet-contrast);
    box-shadow: none;
}

.before__footer {
    display: flex;
}

.before__footer-join {
    background-image: linear-gradient(rgba(249, 126, 255, 0.3), rgba(249, 126, 255, 0.2)), url(../img/img-adherer.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--blanc);
    padding-top: 14rem;
    padding-bottom: 14rem;
    width: 50%;
}

.before__footer-join h2 {
    font-size: 6rem;
    margin-left: 14rem;
}

.before__footer-join p {
    background-color: #000000;
    margin-left: 14rem;
    width: 50%;
}

.before__footer-insult {
    padding-top: 14rem;
    width: 50%;
}

.before__footer-insult h2 {
    font-size: 6rem;
    margin-left: 14rem;
}

.before__footer-insult p {
    margin-left: 14rem;
    width: 60%;
    font-weight: 800;
}

.before__footer-insult form {
    display: flex;
    flex-direction: column;
    width: 60%;
    margin-left: 5rem;
    margin-top: 3.8rem;
}

.before__footer-insult input {
    border: 3px solid var(--vert);
    font-size: 1.6rem;
    padding: 1rem 2rem;
    color: rgba(0, 0, 0, 0.3);
    margin-top: 1rem;

}

/******************* Bloc vidéo  ***************************/
.video {
    display: flex;
    justify-content: center;
    margin-top: 12rem;
    margin-bottom: 12rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100rem;
    min-height: 60rem;
}

.video iframe {
    width: 100%;
    max-width: 100rem;
    min-height: 60rem;
}

/********************** Card partcipants ********************/
.participant__card {
    margin-top: 10rem;
    display: flex;
    padding: 6rem;
}

.clair li {
    background: var(--deg-rose-blanc);
    width: 80%;
    margin: 0 auto;

}

.clair li:nth-child(even) {
    background: var(--deg-blanc-violet);
}

.fonce li {
    background: var(--deg-rose-violet);
    color: var(--blanc);
    width: 80%;
    margin: 0 auto;
}

.fonce li:nth-child(even) {
    background: var(--deg-violet-fonce);
    color: var(--blanc);
}

.participant__card h3 {
    font-size: 4rem;
    font-weight: 800;
    margin-bottom: 4rem;
    line-height: 8rem;
    color: var(--violet-vif);
}

.participant__card-img {
    width: 150%;

}

.participant__card-img img {
    object-fit: cover;
}

.participant__card-description {
    padding-left: 6rem;
}

.participant__card-reseaux {
    margin-top: 6rem;
    display: flex
}

.participant__card-link {
    text-decoration: none;
    color: var(--vert);
    font-weight: 800;
    text-shadow: 0px 3px 6px #9462D8;
    margin-top: 4rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    transition: 0.3s ease-in-out;
}

.participant__card-link:hover {
    text-shadow: none;
}

.participant__card-reseaux i {
    font-size: 3rem;
    color: var(--vert);
    text-shadow: 1rem 1.5rem 0.5rem var(--violet-vif);
    transition: 0.3s ease-in-out;
}

.participant__card-reseaux i:hover {
    text-shadow: none;
}

.participant__card-description>div>a:nth-child(1)>i {
    padding-right: 1rem;
}

/*********************** Hero **************************/
.hero {
    height: 100vh;
    background-image: url(../img/hero-troubles.jpg);
    background-color: var(--violet-vif);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    align-items: flex-end;
}
.hero-home iframe{
    width: 100%;
    height: 100vh;
    z-index: 1;
    pointer-events: none;
    transform: scale(1.3);
    
}
/******************* Bloc slider  **************************/

.splide__slide img {
    width: 100%;
    height: auto;
}

.splide__pagination__page.is-active {
    background: var(--violet-vif);
    width: 1rem;
    height: 1rem;
    margin: 1rem;
    box-shadow: none;
}

.splide__pagination__page {
    background: var(--vert);
    box-shadow: 0.5rem 0.3rem 0.4rem var(--violet-vif);
    width: 1rem;
    height: 1rem;
    margin: 1rem;
}

.splide__pagination {
    display: inline-table;
    margin: 0 auto;
    background: var(--noir);
    padding: 0rem 2rem;
}

.credit {
    padding: 1rem;
    background-color: var(--violet-clair);
}

/****************************************** SINGLE AGENDA *****************************************/

/****************** Hero single agenda ***************/

.hero__single-agenda {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 10rem;
}

.single-agenda {
    background-color: var(--noir);
    width: 30%;
    padding: 2rem;
}

.single-agenda p {
    color: var(--blanc);
}

.hero__single-agenda-billeterie {
    background-color: var(--vert);
    height: 13rem;
    box-shadow: 1rem 1rem 1rem var(--violet-vif);
    transition: 0.3s ease-in-out;
}

.hero__single-agenda-billeterie:hover {
    box-shadow: none;
}

.hero__single-agenda-billeterie p {
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    padding-top: 3rem;
}

.hero__single-agenda-billeterie a {
    text-decoration: none;
    color: var(--noir);
    transition: 0.3s ease-in-out;
}

.hero__single-agenda-billeterie a:hover {
    color: var(--violet-contrast);
}

.hero__single-agenda-billeterie span {
    font-size: 1.4rem;
    padding-left: 12rem;
    padding-right: 12rem;
}

/******************** Bas de page single agenda  *******************/

.single-agenda__billeterie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 38rem;
}

.single-agenda__share {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 10rem;
    color: var(--blanc);
}

.single-agenda__share-social-media h3 {
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 2.8rem;
}

.single-agenda__share p {
    font-weight: bold;
}

.single-agenda__btn-agenda {
    width: 50%;
}

/********************** Étiquettes et catégories  ******************************/
.date {
    background-color: var(--blanc-gris);
    font-size: 2rem;
    font-weight: 800;
    padding: 0.8rem;

}

.category {
    /* background-color: var(--violet-vif); */
    color: var(--blanc);
    font-size: 2rem;
    font-weight: 800;
    padding: 0.8rem;
}

.passe {
    background-color: var(--blanc-gris) !important;
    box-shadow: 1.5rem 2rem 1rem #707070 !important;
    transition: 0.3s ease-in-out;
}

.passe:hover {
    box-shadow: none !important;
}

.passe img {
    filter: grayscale(1.5);
}

.category-list>.post-categories {
    display: flex
}

.category-list>.post-categories li {
    background-color: var(--violet-vif);
    padding: 0 1rem;
}

.category-list>.post-categories li a {
    color: var(--blanc);
}

/* Background archive agenda */

.single-calendar {
    background: var(--deg-violet-fonce);
}

/******************************* Menu  *****************************/
.menu{
    text-align: right;
}
.menu-item {
    margin-bottom: 0.6rem;
}

.menu-item a {
    color: var(--vert);
    text-decoration: none;
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 0.5rem 1rem 0.5rem var(--violet-vif);
    transition: 0.3s ease-in-out;
}

.menu-item a:hover {
    position: relative;
    animation-name: move;
    text-shadow: none;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
}

/* @keyframes move {
    from {
        left: 0rem;
        color: var(--vert)
    }

    to {
        left: 4rem;
        color: var(--blanc)
    }

} */

header {
    padding-top: 2.8rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
}

header img {
    transition: 0.3s ease-in-out;
    width: 14rem;
}

header img:hover {
    transform: rotate(20deg);
}

/***************************** Page d'acceuil  *******************************/

/******************* hero ***********************/
.home .hero {
    display: block;
}



.hero__text {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: -20rem;
}

.hero__text p {
    z-index: 1;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 3rem;
}
.hero__text a{
    margin-right: 5%;
    margin-bottom: 5%;
}

.hero__text-moving {
    overflow: hidden;
    width: 100%;
    background-color: #000000;
    padding: 1rem;
    margin-right: 0rem;
    z-index: 1;
}

.hero__text-moving>p {
    display: inline-block;
    white-space: nowrap;
    animation: moving 60s infinite linear;
    animation-delay: 0.3s;
    
}

@keyframes moving {
    0% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }

    100% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
}

/********************* Section agenda *********************/
.agenda {
    background: var(--deg-violet-fonce);
    position: relative;
}

.agenda__empty {
    display: flex;
    justify-content: center;
    width: 100%;
    grid-column: 1/4;
    align-items: center;
}

.agenda__empty img {
    width: 100%;
    max-width: 35rem;
}

.agenda__empty p {
    padding-left: 4rem;
    width: 15%;
    text-align: left;
    font-weight: 800;
}

.agenda h2,
.news h2,
.contact h2 {
    position: absolute;
    top: -1.5rem;
    font-size: 18vw;
    z-index: 0;
    color: var(--violet-vif);
    opacity: 0.2;

}

.contact h2 {
    text-shadow: 1rem 1rem 1rem violet;
}

.agenda__link {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 14rem;
}

.agenda__link p {
    color: var(--blanc);
}

.agenda__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

/***************** Section news *****************/
.news {
    background-image: url('../img/hero-troubles.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    position: relative;

}

.news__link {
    position: absolute;
    bottom: 10rem;
    right: 9rem;
    width: 100%;
    max-width: 50rem;
    transition: 0.3s ease-in-out;
}


.news__link-arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news__title {
    background: var(--vert);
    padding: 2rem;
    margin-top: 1rem;
    box-shadow: 1rem 1rem 1rem var(--violet-vif);
    transition: 0.3s ease-in-out;
}

.news__title:hover {
    box-shadow: none;
}

.news__title a {
    text-decoration: none;
    color: var(--noir);
    transition: 0.3s ease-in-out;
}

.news__title a:hover {
    color: var(--violet-contrast);
}

.news__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    padding-top: 10rem;
    padding-bottom: 15rem;
}

/***************** Section contact ********************/

.contact {
    background: var(--deg-rose-violet);
    position: relative;
}

.contact__link {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 27rem;
    color: var(--blanc);
}

#sb_instagram {
    margin-bottom: 10rem;
}

.instagram__container {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10rem;
}

.instagram__link {
    width: 10%;
}

.instagram__link p {
    font-weight: 300;
    font-size: 1.8rem;
    padding-bottom: 1rem;
}

/************************ card news *************************/

.date {
    background-color: var(--blanc-gris);
    font-size: 2rem;
    font-weight: 300;
    padding: 0.5rem 1rem
}

.category {
    background-color: var(--violet-vif);
    color: var(--blanc);
    font-size: 2rem;
    font-weight: 800;
    padding: 0.8rem;
}

/******************************** Événement passé ************************/
.passe {
    background-color: var(--blanc-gris);
}

.out li {
    background-color: #ADADAD !important;
    color: var(--blanc);
}

/************************** Card agenda *****************************/

.card-agenda {
    display: inline-block;
    background-color: var(--vert);
    box-shadow: 15px 20px 10px #9462D8;
    position: relative;
    width: 100%;
    transition: 0.3s ease-in-out;
}

.card-agenda:hover {
    box-shadow: none;
}

.card-agenda a {
    text-decoration: none;
    color: var(--noir);
}

.fleche img {
    width: 6.5rem;
    height: auto;
    transition: 0.3s ease-in-out;
}

.sur-image .fleche img:hover {

    transform: translateX(1rem);
}

.img-agenda img {
    width: 100%;
    object-fit: cover;
}

.etiquette {
    background-color: var(--blanc-gris);
    padding: 0rem;
    font-size: 1.6rem;
    font-weight: 800;
    padding-right: 0.5rem;
    padding-left: 0.5rem
}

.post-categories {
    margin: 0;
}

.post-categories a {
    text-decoration: none;
    color: var(--noir);
    font-weight: 300;
}

.sur-image {
    position: absolute;
    width: 90%;
    bottom: 18rem;
    left: 2rem;
    display: flex;
    justify-content: space-between;
    height: 26px;
    align-items: center;
}

.texte-agenda {
    padding: 2rem;
}

/*************** Page News  ***************/

/* filtres */

.wpc-filters-ul-list {
    display: flex;
    justify-content: flex-start;
    gap: 5rem;
    margin-top: 10rem;
}

.wpc-edit-filter-set {
    display: none;
}

.wpc-term-count {
    display: none !important;
}

.wpc-term-item-content-wrapper label {
    font-size: 2rem;
    margin-bottom: 1rem;
    background-color: var(--vert);
    color: var(--noir);
    padding: 0.5rem 1rem !important;
    box-shadow: 1rem 1.5rem 1rem rgba(148, 98, 216, 0.7);
    transition: 0.3s ease-in-out;
}

.wpc-term-item-content-wrapper label:hover {
    box-shadow: none;
}

.wpc-term-item-content-wrapper label a {
    color: var(--noir);
    transition: 0.3s ease-in-out;
}

.wpc-term-item-content-wrapper label a:hover {
    color: var(--violet-contrast);
}

.wpc-term-item-content-wrapper input {
    display: none;
}

.wpc-term-item-content-wrapper label::before {
    content: url('../img/licorne.svg');
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 9rem;
    opacity: 0;
}

.wpc-term-item-content-wrapper input:checked+label:before {
    content: url('../img/licorne.svg');
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 10rem;
    opacity: 1;

}

.widget-title {
    font-size: 2.8rem;
    font-weight: 800;

}

.wpc-filters-ul-list {
    overflow-y: inherit !important;
}

.wpc-filters-widget-wrapper {
    margin-top: 10rem;
}

/***************** Section contact et instagram ***************/

.blog .contact {
    background: transparent;
}

.blog .contact__link {
    color: var(--noir);
    padding: 0;
    justify-content: flex-start;
}

.sbi_custom a {
    background: var(--vert) !important;
    color: var(--noir) !important;
}

#sb_instagram .sbi_custom a:hover {
    background: var(--violet-vif) !important;
    color: var(--blanc) !important;
}

.sb_instagram_header {
    display: none;
}

#sbi_load {
    display: none;
}

/***************** Single news navigation entre articles **********************/

#navigation {
    display: flex;
    margin-top: 10rem;


}

.left,
.right {
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 15%;
    padding-bottom: 10rem;

}

.right a {
    background: var(--vert);
    padding: 5%;
    font-size: 1.5vw;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    color: var(--noir);
    margin-right: 30%;
    position: relative;
    transition: 0.3s ease-in-out;
}

.right a::after {
    font-family: 'fontello';
    color: var(--vert);
    font-size: 2.5vw;
    content: '\e800';
    position: absolute;
    right: -20%;

}

.left a {
    background: var(--vert);
    padding: 5%;
    font-size: 1.5vw;
    text-transform: uppercase;
    font-weight: 800;
    text-decoration: none;
    color: var(--noir);
    margin-left: 30%;
    position: relative;
    transition: 0.3s ease-in-out;
}

.left a:hover,
.right a:hover {
    color: var(--violet-contrast);
}


.left a::after {
    font-family: 'fontello';
    content: '\e800';
    color: var(--vert);
    font-size: 2.5vw;
    transform: rotate(180deg);
    position: absolute;
    left: -20%;

}

/***************** Bouton retour en haut *******************/

#scrollUp {
    margin: 0 auto;
    margin-bottom: 7rem;
    position: fixed;
    bottom: 0;
    right: -5.5rem;
    transform: rotate(-90deg);
    transition: visibility 0s, opacity 0.5s;
    transition: 0.3s ease-in-out;
}

#scrollUp a {
    text-decoration: none;
    color: var(--vert);
    font-size: 1.4rem;
    font-weight: 800;
}


/*********************  Responsive  ************************/

@media (max-width: 1800px) {

    /****************** container  ***************************/
    .footer__container,
    .container,
    .container__header {
        max-width: 130rem;
    }

}

@media (max-width: 1600px) {

    /***************** Généralités  *********************$*/
    body {
        font-size: 1.6rem;
    }

    h2 {
        font-size: 4.8rem;
        padding-top: 7rem;
    }

    /***************** Pre footer v1 **********************/
    .before__footer-insult h2,
    .before__footer-join h2 {
        font-size: 3.8rem;
        margin-left: 10rem;
    }

    .before__footer-insult p,
    .before__footer-join p {
        margin-left: 10rem;
    }

    .before__footer-join button {
        margin-left: 10rem;
    }


    .before__footer-join,
    .before__footer-insult {
        padding-top: 0rem;
        padding-bottom: 2rem;
    }

    footer .menu-item a {
        font-size: 1.6rem;
    }

    .date,
    .category,
    .etiquette {
        font-size: 1.6rem;
    }

    .participant__card {
        padding: 3rem
    }

    ;

    /****************** container  ***************************/
    .footer__container,
    .container {
        max-width: 125rem;
    }

}

@media (max-width: 1400px) {

    /****************** container  ***************************/
    .footer__container,
    .container,
    .container__header {
        max-width: 110rem;
    }

}

@media (max-width: 1200px) {

    .news__list,
    .agenda__list {
        grid-template-columns: repeat(2, 1fr);
    }


    /* formulaire */
    .before__footer-insult form {
        width: 100%;
        margin-left: 0;
    }

    /************************* footer ***** *******************/
    .footer__container {
        flex-direction: column;
        text-align: center;
    }

    .footer__newsletter label {
        text-align: center
    }

    /*********************** Bloc texte ***********************/
    .bloc__texte-titre {
        text-align: center;
    }

    .bloc__texte-texte {
        width: 100%;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 9rem;
    }

    /*********************** Pre footer v1 ***************************/
    .before__footer {
        flex-direction: column;
    }

    .before__footer-insult,
    .before__footer-join {
        width: 100%;
    }

    .before__footer-join {
        padding-bottom: 14rem;
    }

    /********************* Card participants **************************/
    .participant__card {
        flex-direction: column;
    }

    .participant__card-description {
        padding: 0;
    }

    .participant__card-img {
        max-width: 100%;
    }

    .instagram__container {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 10rem;
    }

    .instagram__link {
        width: 100%;
    }
}

@media (max-width: 1120px) {
    .wpc-filters-ul-list {
        flex-direction: column;
        gap: 5rem;
        margin-bottom: 10rem;
    }

    .wpc-term-item-content-wrapper input:checked+label:before {
        width: 7rem;

    }
}

@media (max-width: 992px) {
    .agenda__empty {
        flex-direction: column;
    }

    .agenda__empty p {
        width: 100%;
        text-align: center;
        margin-top: 1rem;
        padding-left: 0;
    }

    .hero iframe {
        opacity: 0;
    }

    #scrollUp {
        display: none;
    }
}

@media (max-width: 768px) {

    .news__list,
    .agenda__list {
        grid-template-columns: 1fr;
    }

    .hero__text {
        margin-left: 5%;
    }

    .container__header {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    /* Menu burger */
    #burger {
        width: 30px;
        height: 2px;
        background: white;
        display: inline-block;
        position: relative;
    }

    #burger::before,
    #burger::after {
        content: '';
        width: 30px;
        height: 2px;
        background: white;
        display: inline-block;
        position: absolute;
        transform-origin: center;
        transition: all 0.3s ease;
    }

    #burger::before {
        top: -7px;
    }

    #burger::after {
        top: 7px;
    }

    #burger.open {
        background: transparent;
        z-index: inherit;
    }

    #burger.open::before {
        transform: rotate(45deg);
        top: 0;
    }

    #burger.open::after {
        transform: rotate(-45deg);
        top: 0;
    }


    header img {
        z-index: inherit;
        transition: 0.3s ease-in-out;
    }

    .navigation ul {
        background: var(--deg-rose-violet);
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        padding: 10px 0;
        transform: scaleY(0);
        transform-origin: center top;
        transition: all 0.3s ease;
    }

    .navigation ul.open {
        transform: scaleY(1);
        margin-top: -11rem;
        padding-top: 15rem;
        padding-bottom: 10rem;
        z-index: -1;
    }

    .navigation ul li {
        padding: 10px 0;
        text-align: center
    }

    .news__link {
        left: auto;
    }

    .left,
    .right {
        background-image: none !important;
    }

    .footer__container,
    .container {
        max-width: 90%;
    }
}

@media (max-width: 576px) {
    .participant__card-img img {
        height: auto;
    }

    .participant__card h3 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .before__footer-insult p,
    .before__footer-join p {
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }

    .before__footer-insult h2,
    .before__footer-join h2 {
        text-align: center;
        margin: 0 auto;
        width: 90%;
    }

    .before__footer-join button {
        margin: 0 auto;
        margin-top: 2rem;

    }

    .before__footer-insult input {
        margin: 0 auto;
        margin-top: 1rem;
    }

    .contact__link {
        align-items: flex-start;
    }

    .news__link {
        left: 5%;
        width: 90%;
    }

    .video {
        width: 90%;
        height: auto;
        min-height: auto;
    }

    .video iframe {
        height: auto;
        min-height: 30rem;
    }
}