/*
 Theme Name:   Demo child
 Description:  Theme child demo
 Author:       WITHYOU
 Author URI:   http://withyou.fr/
 Template:     oceanwp
 Version:      1.0.2
*/


/* ========================================================================== */
/*
/* GENERAL
/*
/* ========================================================================== */


:root {
  --box-shadow : rgba(0, 0, 0, 0.08) 1.95px 1.95px 2.6px;
  --couleur-noir : #333;
  --font-texte : 'roboto', sans-serif;
  --couleur-secondaire : #fdc486;
}


html {font-size: 62.5%; }

body {transition: padding-top 0.3s ease;}
body.header-sticky {padding-top: 8rem;}

h2 {letter-spacing: .05rem;}
a {transition: all 230ms ease-in-out;}

img {max-width: 100%; max-height: 100%;}

.shortcode-adresse-horaires h3{margin-bottom: 0;}
.shortcode-adresse-horaires p{font-weight: 400;}



/* ========================================================================== */
/*
/* CLASSES GENERIQUES
/*
/* ========================================================================== */


.flex-container {display: flex;}

.main-container {width: auto; margin-left: 2rem; margin-right: 2rem;}

@media (min-width: 768px) {
    .main-container {margin-left: 4rem; margin-right: 4rem; }
}

@media (min-width: 1200px) {
    .main-container {max-width: 1100px; width: 100%; margin-left: auto; margin-right: auto; }
}

@media (min-width: 1400px) {
    .main-container {max-width: 1180px;  }
}


/* ----------------------------------------------------- */
/* HEADER
/* ----------------------------------------------------- */

header {z-index: 50; background-color: #fff; transition: all 0.3s ease; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
header.sticky {padding: 0; position: fixed; top: 0; left: 0; right: 0; }
header .header-menu {padding: .8rem 0 1.5rem; transition: all 0.3s ease; column-gap: 4rem; align-items: center; justify-content: center;}
header.sticky .header-menu {padding: 1rem 0;}
header .logo-header:focus {outline: none !important;}
header .logo-header img {width: 20rem; transition: all 0.3s ease;}
header.sticky .logo-header img {width: 20rem;}
header.sticky .header-social ul a {font-size: 1.5rem;}

header .menu-principal {width: 100%; flex: 1;}
header .menu-principal ul {display: flex; list-style: none; justify-content: flex-end; column-gap: 3rem;}
header .menu-principal ul li {line-height: normal;}
header .menu-principal ul a {font-weight: bold; position: relative; padding: .6rem 0; font-size: 1.6rem; text-decoration: none; color: #333; font-weight: 500; text-transform: uppercase; letter-spacing: .05rem;}
header .menu-principal ul a:focus {outline: none;}
header .menu-principal ul a.active {color: var(--e-global-color-primary);}
header .menu-principal ul.sub-menu a {font-weight: 400; text-transform: none;}
header .menu-principal ul>li:not(.menu-item-has-children)>a::before { content: ''; background-color: var(--e-global-color-primary); width: 0; height: 3px; position: absolute; bottom: 0; left: 0; z-index: -1; transition: all 300ms ease-out;}
header .menu-principal ul>li:hover>a::before {width: 100%;}

header .menu-principal .menu-item-has-children {position: relative;}
header .menu-principal .sub-menu {position: absolute; top: calc(100% + .6rem); left: 0; display: none; flex-direction: column; min-width: 20rem; z-index: 1000; background-color: #fff; overflow: hidden;margin-left: 0; padding: .6rem 2rem 1.5rem; box-shadow: var(--e-global-color-primary) 8px 8px; border: .2rem solid #333;}
header .menu-principal .sub-menu .menu-item {width: 100%;margin-top: 1rem;}
header .menu-principal .sub-menu .menu-item:last-child .menu-item-link {border-bottom: none;}
header .menu-principal .menu-item-has-children:hover .sub-menu {display: flex;}

header .header-right {display: none; align-items: center; flex: 1; column-gap: 3rem;}
header .header-social {transition: all 0.3s ease;}
header.sticky .header-social .social-link {width: 2rem; height: 2rem;}
header .header-social .flex-container {column-gap: 1rem;}
header .header-social .social-link {display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; background-color: var(--e-global-color-primary); color: #fff; border-radius: 50%; text-decoration: none; transition: all 0.3s ease;}
header .header-social .social-link:hover {background-color: #000; transform: translateY(-0.2rem);}
header .header-social .social-link i {font-size: 1.4rem;}



@media (min-width: 768px) {
  header .logo-header img {width: 28rem;}
  header .header-menu {justify-content: flex-start;}
}
@media (min-width: 1000px) {
header .header-right {display: flex;}
}

@media (min-width: 1400px) {
  header .logo-header img {width: 30rem;}
}




/* ----------------------------------------------------- */
/* MOTIFS
/* ----------------------------------------------------- */



@media (min-width: 1400px) {
  #home-section-en-cours {z-index: 1;}
  #home-section-en-cours::after {content: url(/wp-content/uploads/2025/10/motif_2_light.svg); position: absolute; right: -5rem; top: -20rem; width: 35rem; height: auto; z-index: -1;  opacity: .95; }
  .page-contact-adresse::after {content: url(/wp-content/uploads/2025/10/motif_2.svg); position: absolute; right: -5rem; bottom: -18rem; width: 25rem; height: auto; z-index: 1;  opacity: .95; }
  .page-expos-en-cours::after {content: url(/wp-content/uploads/2025/10/motif_light.svg); position: absolute; left: -5vw; top: 35vh;  width: 50rem; height: auto; transform: scaleX(-1) rotate(315deg); z-index: -1;}
  .home-section-liens::after {content: url(/wp-content/uploads/2025/10/motif.svg); position: absolute; left: -5vw; top: -6rem;  width: 40rem; height: auto; transform: scaleX(-1) rotate(315deg);}

}

/*#home-section-en-cours::after {content: url(/wp-content/uploads/2025/10/motif_light.svg); position: absolute; right: -10vw; top: 50%; width: 50rem; height: auto; transform: rotate(330deg) translateY(-50%); }*/
/*#home-section-en-cours::after {content: url(/wp-content/uploads/2025/10/motif_light.svg); position: absolute; right: -5vw; top: -10rem; width: 50rem; height: auto; transform: rotate(330deg); }*/







/* ----------------------------------------------------- */
/* FOOTER
/* ----------------------------------------------------- */

footer {padding-bottom: 7rem;}
footer .footer-top-columns {column-gap: 3rem; row-gap: 3rem; justify-content: space-between; padding-top: 5rem; padding-bottom: 5rem; flex-wrap: wrap;}
footer .footer-top-columns .footer-col.footer-adresse {order: 1;}
footer .footer-top-columns .footer-col.footer-horaires {order: 2;}
footer .footer-top-columns .footer-col {flex-direction: column;}
footer .footer-top-columns .footer-col p {font-weight: 300; font-size: 1.5rem; }
footer .footer-top-columns .footer-col p:last-of-type {margin-bottom: 0;}
footer .footer-top-columns .footer-col h3 {font-weight: 600; font-size: 1.5rem; text-transform: uppercase; margin-bottom: .5rem;}
footer .footer-col.footer-logo {width: 100%;}
footer .footer-col.footer-logo img {width: 25rem; object-fit: contain; }

footer .footer-col.footer-social > div {column-gap: 2rem;}
footer .footer-col.footer-social a {font-size: 2.5rem;}

footer .footer-bottom  {justify-content: center;}
footer .footer-partenaires {column-gap: 2.5rem; row-gap: 2.5rem; align-items: center; justify-content: center; flex-wrap: wrap;}
footer .footer-partenaires .logo-partenaire {opacity: .85;}
footer .footer-partenaires .logo-partenaire img {max-width: 9rem; max-height: 5rem;}

footer .footer-top-columns .footer-col.footer-adresse, footer .footer-top-columns .footer-col.footer-horaires {width: calc(50% - 1.6rem);}


@media (min-width: 768px) {
    footer {padding-bottom: 0;}
    footer .footer-col.footer-logo {width: auto;}
    footer .footer-partenaires {column-gap: 5rem;}
    footer .footer-partenaires .logo-partenaire img {max-width: 10rem; max-height: 6rem;}
    footer .footer-partenaires a.logo-partenaire:hover {opacity: 1; transform: translateY(-0.5rem);}
}


@media (min-width: 1400px) {
    footer .footer-col.footer-social {width: auto;}
    footer .footer-top-columns .footer-col.footer-adresse, footer .footer-top-columns .footer-col.footer-horaires {order: initial; width: auto;}
}


/************************************************/
/**                                            **/
/**                FOOTER MOBILE               **/
/**                                            **/
/************************************************/



.container-footer-mobile-bottom {display: flex;flex-direction: column; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 102;   transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;}

.footer-mobile-bottom {justify-content: space-around; column-gap: 5rem; align-items: center; margin: 0 auto 15px; background-color: #fff; display:flex; align-items: center; padding: 1rem 3rem; box-shadow: var(--e-global-color-primary) 8px 8px; border: solid 2px #000; }



.footer-mobile {position: fixed; top: 0;right: -100%; width: 100%;height: 100%; transition: right 0.3s ease;  z-index: 100; background-color: var(--e-global-color-primary); }
.footer-mobile.active { right: 0;}
.footer-mobile-menu .footer-mobile-logo {width: 100%; margin: 3rem 0 6rem;}
.footer-mobile-menu .footer-mobile-logo a {display: block; margin: 0 auto; height: 6rem; text-align: center;}
.footer-mobile-menu img { object-fit: contain; height: 100%; margin: auto;}
.footer-mobile .footer-col {width: 100%;}
.footer-menu-close { position: absolute; cursor: pointer; right: 30px; top: 30px;}

.footer-menu-logo {position: absolute;	left: 50%;top: 11em;transform: translate(-50%, -50%);}
.footer-popup {	background-color: #E96531;  color: white; font-weight: 700;  text-align: center;  padding: 1em 2em;  width: 95%; margin: 0 auto; border-top-left-radius: 3.5em; border-bottom-right-radius: 3.5em;border-top-right-radius: 1.5em;border-bottom-left-radius: 1.5em; position: fixed; left: 0; right: 0;}
.footer-popup p {margin-bottom: 0px !important;}
.go-up { animation: MoveUp 0.5s linear; position: fixed;  bottom: 9em;}
p.footer-mobile-contact-open {margin-bottom: 0px !important;}
@keyframes MoveUp {
  0%  {
    transform: translateY(10em);
  }
  100% {
    transform: translateY(-1em);    
  }
}	
.go-down {display: none;}


.footer-mobile-menu .menu {display: flex; flex-direction: column; }
.footer-mobile .footer-col ul.main-menu {margin: 0;}
.footer-mobile .footer-col ul li {position: relative; border-bottom: 1px solid var(--couleur-secondaire-light); display: flex; flex-direction: column;}
.footer-mobile .footer-col nav.main-nav>ul>li {border-bottom: .1rem solid #fdc486; }
.footer-mobile .footer-col ul li a {padding: 1.5rem 2rem; text-transform: uppercase; letter-spacing: .05rem;}
.footer-mobile .footer-col ul li a:hover {color: inherit;}
.footer-mobile-menu ul.menu>li>a, .footer-mobile-contact a {width: 100%;z-index:3;position:relative;text-transform: uppercase; font-weight: 700; font-size: 1.4rem; }
.footer-mobile .sub-menu .menu-item>a {font-size: 1.4rem;width: 100%;z-index:3;position:relative;}
.footer-mobile .footer-col ul li ul {transition: 0.5s ease; display: none; margin: 0; background-color: #fdc486;}
.footer-mobile .footer-col ul li ul li {border-bottom: .1rem solid var(--e-global-color-primary);}

.menu .submenu-toggle {background: none; border: none; font-size: 1.3em; margin-left: auto; cursor: pointer; margin-right: 2.5rem;}
.menu .submenu-toggle i {background: none; border: none; font-size: 1.5rem; margin-left: 10px; cursor: pointer;}


.footer-mobile-menu .current-menu-item>a {color: #fff;}
.footer-mobile .footer-col ul li.menu-item-has-children:after {content:"+"; position: absolute; line-height: normal; top: 1.6rem; right: 40px; color:var(--e-global-color-text); width: 30px;border-radius: 20px;font-size: 25px;font-weight: 500;}
.footer-mobile .footer-col ul li.menu-item-has-children.sub-menu-open:after {	content:"-";}
.show-menu {display: block; position: fixed; top: 0; width: 100%;}

/*.footer-mobile-menu.hide-menu {display: none !important;}*/
.footer-mobile .footer-menu-close, .footer-mobile .footer-social {color: var(--couleur-principale); padding: 5px; font-size: 2rem; background: #fff; border-radius: 50%; width: 3rem;  height: 3rem; display: flex; align-items: center; justify-content: center;}
 .container-footer-mobile-bottom i{color: #333; padding: 5px; font-size: 2rem;}
.footer-devis-button {color: #333; text-transform: uppercase; padding: 15px 2px;}
.footer-mobile .footer-col .rounded {display: none;}

.footer-copyright-menu {text-align: center; padding: 2rem 0; border-top: 1px solid #eee;}
.footer-copyright-content {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem;}
.footer-copyright-text p {margin: 0; color: #333; font-size: 1.4rem; font-weight: 300;}
.footer-copyright-nav {display: flex; list-style: none; margin: 0; padding: 0; gap: 1rem;}
.footer-copyright-nav li {margin: 0;}
.footer-copyright-nav a {color: #333; text-decoration: none; font-size: 1.4rem; font-weight: 300;}
.footer-copyright-nav a:hover {color: var(--e-global-color-primary);}






.footer-mobile .fa-times:before {font-size: 28px; color: var(--e-global-color-text);}

.footer-mobile-social {display: flex; column-gap: 20px; padding: 0 15px; justify-content: center; align-items: center; margin-top: 40px;}
.footer-mobile-social a {display: block; max-width: 170px;}
.footer-mobile-social a img {object-fit: contain; width: 300px;}
.footer-mobile-social .footer-mobile-social-linkedin {border: 1px solid #fff; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.footer-mobile-social .footer-mobile-social-linkedin img {height: 25px;}
.footer-mobile-contact {display: flex; row-gap: 15px; justify-content: center; align-items: center; flex-direction: column;}

span.menu-item-after {background-color: transparent; width: 30px; height: 30px; display: block; position: absolute; top: -2px; right: 40px; z-index: 1;}

.hamburger-box { width: 30px; height: 24px;display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; position: relative;}
.hamburger-box .line {width: 100%; height: 3px; background-color: #000; transition: transform 0.3s ease, opacity 0.3s ease;}
.hamburger-box.active .line:nth-child(1) { transform: translateY(10px) rotate(45deg);}
.hamburger-box.active .line:nth-child(2) {  opacity: 0;}
.hamburger-box.active .line:nth-child(3) {  transform: translateY(-10px) rotate(-45deg);}

.footer-mobile .menu-multilangue, .footer-mobile .footer-social-bloc {justify-content: center; margin: 20px 0; column-gap: 3rem;}
.footer-mobile .nav-mobile-mentions a {font-size: 13px;}
.nav-mobile-mentions {text-align: center;}



@media (min-width: 1000px) {
    .container-footer-mobile-bottom {display: none;}
}



@media (max-width: 767px) {
  .footer-copyright-content {flex-direction: column; text-align: center;}
  .footer-copyright-nav {justify-content: center; flex-wrap: wrap;}
}












/* ----------------------------------------------------- */
/* SINGLE EXPOSITION
/* ----------------------------------------------------- */



.single-exposition .pastille-en-cours {background-color: #28a745; color: #fff;}
.single-exposition .pastille-a-venir {background-color: #007bff; color: #fff;}
.single-exposition .exposition-titre::after {background-color: #333; width: 20rem; height: .4rem;}
.single-exposition .exposition-dates.element-date {color: #666; margin-top: 0;}








.single-exposition .exposition-artistes {margin-bottom: 4.5rem; margin-top: 3rem;}
.single-exposition .exposition-artistes h3 {font-size: 2rem; font-weight: 600; margin-bottom: 1.5rem; color: #333;}
.single-exposition .artistes-liste {display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 2rem;}
.single-exposition .artiste-link {display: inline-block; color: #333; box-shadow: var(--e-global-color-primary) .7rem .7rem; border : .2rem solid #333; padding: 0.8rem 1.5rem; text-decoration: none; font-size: 1.4rem; transition: all 0.3s ease; }


.single-exposition .exposition-a-propos {background-color: #fafafa; padding: 3rem; border-left: 4px solid var(--e-global-color-primary); margin-top: 2rem;}
.single-exposition .exposition-a-propos h3 {font-size: 1.8rem; font-weight: 600; margin-bottom: 1.5rem; color: #333; text-transform: uppercase;}
.single-exposition .a-propos-content p {font-size: 1.6rem; line-height: 1.6; color: #333; margin-bottom: 1.5rem;}

.single-exposition .exposition-affiche {margin-bottom: 3rem;}
.single-exposition .exposition-affiche img {width: 100%; height: auto; object-fit: contain; max-height: 100vh;}


/****** SINGLE RESEAUX SOCIAUX *****/

.partage-btn.facebook {box-shadow: #1877f2 .7rem .7rem;}
.partage-btn.twitter {box-shadow: #1da1f2 .7rem .7rem;}
.partage-btn.linkedin { box-shadow: #0077b5 .7rem .7rem;}
.partage-btn.email {box-shadow: #6c757d .7rem .7rem;}

/****** SINGLE LIENS *****/
.single-exposition .exposition-liens {margin-top: 3rem;}
.single-exposition .exposition-liens .lien-catalogue, .single-exposition .exposition-liens .lien-site {margin-bottom: 1.5rem;}
.single-exposition .lien-btn {display: flex; align-items: center; justify-content: center; padding: 1.2rem 2rem; text-decoration: none; font-size: 1.4rem; font-weight: 500; transition: all 0.3s ease; gap: 1rem; border: 2px solid;}
.single-exposition .lien-btn.catalogue {background-color: #fff; color: #dc3545; border-color: #dc3545;}
.single-exposition .lien-btn.catalogue:hover {background-color: #dc3545; color: #fff; transform: translateY(-0.2rem); box-shadow: 0 4px 15px rgba(220,53,69,0.3);}
.single-exposition .lien-btn.site {color: #333; box-shadow: var(--e-global-color-primary) .7rem .7rem; border : .2rem solid #333;}


.single-exposition .exposition-video {margin-top: 6rem; margin-bottom: 4rem;}
.single-exposition .exposition-video h2 {font-size: 2.8rem; font-weight: 700; text-align: center; margin-bottom: 3rem; color: #333;}
.single-exposition .video-container {max-width: 120rem; margin: 0 auto; padding: 0 2rem;}
.single-exposition .video-embed {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000;}
.single-exposition .video-embed iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.single-exposition .video-container video {width: 100%; max-width: 100%; height: auto; display: block; margin: 0 auto; box-shadow: var(--box-shadow);}

.single-exposition .exposition-galerie {margin-top: 6rem;}
.single-exposition .exposition-galerie h2 {font-size: 2.8rem; font-weight: 700; text-align: center; margin-bottom: 3rem; color: #333;}
.single-exposition .galerie-photos {margin: 0 2rem;}
.single-exposition .galerie-item {padding: 0 1rem;}
.single-exposition .galerie-item a {display: block; position: relative; overflow: hidden; box-shadow: var(--box-shadow);}
.single-exposition .galerie-item:hover img {transform: scale(1.05);}




@media (min-width: 768px) {

  .single-exposition .artiste-link:hover {box-shadow: var(--e-global-color-primary) 1.2rem 1.2rem; transform: translateY(-0.2rem);}
  .single-exposition .lien-btn.site:hover {transform: translateY(-0.2rem); box-shadow: var(--e-global-color-primary) 1.2rem 1.2rem; }
  .single-exposition .partage-btn:hover {transform: translateY(-0.2rem); }
  .partage-btn.facebook:hover {box-shadow: #1877f2 1rem 1rem;}
  .partage-btn.twitter:hover {box-shadow: #1da1f2 1rem 1rem;}
  .partage-btn.linkedin:hover { box-shadow: #0077b5 1rem 1rem;}
  .partage-btn.email:hover {box-shadow: #6c757d 1rem 1rem;}

}


@media (min-width: 1000px) {
  .single-exposition .exposition-affiche img {max-height: 100%;}
  .single-exposition .exposition-a-propos {margin-top: 3.5rem;}
} 


@media (min-width: 1400px) {
  .article-evenement {max-width: 114rem; margin-left: auto; margin-right: auto;}
}







/* Slick carousel styles */
.slick-slider .slick-prev, .slick-slider .slick-next {z-index: 10; width: 4rem; height: 4rem; }
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {font-size: 3rem; color: #000;}
.slick-slider .slick-prev {left: -4rem;}
.slick-slider .slick-next {right: -4rem;}
.slick-slider .slick-dots {bottom: -4rem;}
.slick-slider .slick-dots li button:before {font-size: 1.2rem; color: var(--e-global-color-primary);}
.slick-slider .slick-dots li.slick-active button:before {color: var(--e-global-color-primary);}

.slick-slider a {display: block; height: 25rem; border: 2px solid #333;}
.slick-slider img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.slick-slider a:hover img {transform: scale(1.05);}

/*@media (max-width: 768px) {
  .single-exposition {padding: 2rem 1rem;}
  .single-exposition .exposition-content {flex-direction: column; column-gap: 0;}
  .single-exposition .exposition-title {font-size: 2.8rem;}
  .single-exposition .partage-boutons {flex-direction: row; flex-wrap: wrap;}
  .single-exposition .galerie-photos {grid-template-columns: 1fr;}
}*/




/* ----------------------------------------------------- */
/* SINGLE ARTISTE
/* ----------------------------------------------------- */

.single-artiste .artiste-header {text-align: center; margin-bottom: 4rem;}

.single-artiste .artiste-content {display: flex; column-gap: 4rem; margin-bottom: 6rem; flex-wrap: wrap;}
.single-artiste .artiste-colonne-gauche, .single-artiste .artiste-colonne-droite {width: 100%;}


.single-artiste .artiste-colonne-droite h3  {font-size: 1.6rem; font-weight: 600; margin-bottom: 1.5rem; color: #333;}
.single-artiste .artiste-adresse {margin-bottom: 3rem;}
.single-artiste .artiste-colonne-droite .artiste-adresse h3 {margin-bottom: 1rem;}
.single-artiste .adresse-content p {font-size: 1.6rem; line-height: 1.6; font-weight: 400; color: #333; margin-bottom: 1rem;}

.single-artiste .artiste-contact {margin-bottom: 3rem;}
.single-artiste .contact-info {display: flex; flex-direction: column; row-gap: 2.5rem;}
.single-artiste .contact-item {display: flex; align-items: center; gap: 1rem; padding: 1rem; box-shadow: var(--e-global-color-primary) .7rem .7rem; border: .2rem solid #333; font-size: 1.5rem; line-height: normal;}
.single-artiste .contact-item i {font-size: 1.6rem; color: var(--e-global-color-primary); width: 2rem;}


.single-artiste .artiste-reseaux {margin-bottom: 3rem;}
.single-artiste .reseaux-liste {display: flex; column-gap: 2rem;}
.single-artiste .reseau-link {display: flex; text-decoration: none; transition: all 0.3s ease; max-width: max-content;}
.single-artiste .reseau-link i {text-align: center; color: #333;}
.single-artiste .reseau-link.Facebook {box-shadow: #1877f2 .7rem .7rem;}
.single-artiste .reseau-link.Instagram {box-shadow: #8134af .7rem .7rem;}
.single-artiste .reseau-link.Twitter {box-shadow: #1da1f2 .7rem .7rem;}
.single-artiste .artiste-visuel {margin-bottom: 3rem;}
.single-artiste .artiste-visuel img {width: 100%; height: auto; border-radius: 0.5rem; box-shadow: 0 4px 20px rgba(0,0,0,0.1);}


.single-artiste .artiste-presentation p {font-size: 1.6rem; line-height: 1.6; font-weight: 400; color: #333; margin-bottom: 1.5rem;}

.single-artiste .artiste-galerie {margin-top: 6rem;}
.single-artiste .artiste-galerie h2 {font-size: 2.8rem; font-weight: 700; text-align: center; margin-bottom: 3rem; color: #333;}
.single-artiste .galerie-oeuvres {margin: 0 2rem;}
.single-artiste .oeuvre-item {padding: 0 1rem;}


/* Slick carousel styles pour artiste */

.slick-galerie-artiste .slick-dots {bottom: -4rem;}
.slick-galerie-artiste .slick-dots li button:before {font-size: 1.2rem; color: var(--e-global-color-primary);}
.slick-galerie-artiste .slick-dots li.slick-active button:before {color: var(--e-global-color-primary);}

/*@media (max-width: 768px) {
  .single-artiste {padding: 2rem 1rem;}
  .single-artiste .artiste-content {flex-direction: column; column-gap: 0;}
  .single-artiste .artiste-title {font-size: 2.8rem;}
  .single-artiste .contact-info {gap: 0.5rem;}
  .single-artiste .reseaux-liste {gap: 0.5rem;}
}*/


@media (min-width: 768px) {
  .single-artiste .contact-item:hover {color: inherit; transform: translateY(-0.2rem); box-shadow: var(--e-global-color-primary) 1rem 1rem;}
  .single-artiste .reseau-link.Facebook:hover {box-shadow: #1877f2 1rem 1rem;}
  .single-artiste .reseau-link.Instagram:hover {box-shadow: #8134af 1rem 1rem;}
  .single-artiste .reseau-link.Twitter:hover { box-shadow: #1da1f2 1rem 1rem;}
  .partage-btn.email:hover {box-shadow: #6c757d 1rem 1rem;}
}

@media (min-width: 1000px) {
  .single-artiste .artiste-colonne-droite {width: 35%;}
  .single-artiste .artiste-colonne-gauche {flex: 1;}
}



@media (min-width: 1400px) {
  .single-artiste .artiste-content {column-gap: 8rem;}
  .page-artiste {max-width: 114rem; margin-left: auto; margin-right: auto;}
}


/* ----------------------------------------------------- */
/* SINGLE PRODUIT
/* ----------------------------------------------------- */

.single-produit .produit-content {display: flex; column-gap: 4rem; margin-bottom: 4rem; flex-wrap: wrap; row-gap: 2rem;}
.single-produit .produit-colonne-gauche {width: 100%; max-height: 20rem; background-color: var(--couleur-secondaire);  background-image: url(/wp-content/uploads/2022/03/logo-grand-presbytere-couleur-sign.png);  background-size: 17rem; background-repeat: no-repeat; background-position: center;  }
.single-produit .produit-colonne-gauche img {width: 100%; height: 100%; object-fit: cover;}





.single-produit .produit-header {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 2rem; width: 100%; flex-direction: column-reverse; row-gap: 1rem;}

.single-produit .produit-badge  {display: inline-block; font-weight: 500; color: #fff; background: var(--e-global-color-primary) ; max-width: max-content; line-height: normal;}
.single-produit .produit-colonne-droite .produit-badge {font-size: 1.5rem; padding: .5rem 1rem;}

.single-produit .produit-details {margin-bottom: 2rem;}
.single-produit .produit-details .produit-info {font-weight: 500; line-height: normal; margin-bottom: 1.2rem;}
.single-produit .produit-details .produit-info span {font-weight: 400;}

.single-produit .produit-description {font-size: 1.6rem; line-height: 1.6; color: #333;}
.single-produit .produit-description p {margin-bottom: 1.5rem;}

.single-produit .produit-reservation {background-color: #f8f9fa; padding: 3rem; margin-top: 3rem; margin-bottom: 3rem;}

.single-produit .reservation-texte {flex: 1;}
.single-produit .reservation-texte h3 {font-size: 2.4rem; font-weight: 700; color: #333; margin-bottom: 1rem; text-align: center;}
.single-produit .reservation-texte p {font-size: 1.6rem; font-weight: 400; margin: 0; text-align: center;}

.single-produit .autres-produits {margin-top: 4rem;}
.single-produit .autres-produits h2 {text-align: center; margin-bottom: 3rem; color: #333;}
.single-produit .produits-liste {display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 3rem;}
.single-produit .produit-item {width: 100%; flex-direction: column; background-color: #fafafa; overflow: hidden; transition: transform 0.3s ease;}
.single-produit .produit-item:hover {transform: translateY(-0.5rem);}
.single-produit .produit-item .produit-image {margin-bottom: 0; height: 15rem; width: 100%;  background-color: var(--couleur-secondaire);  background-image: url(/wp-content/uploads/2022/03/logo-grand-presbytere-couleur-sign.png);  background-size: 17rem; background-repeat: no-repeat; background-position: center;  }
.single-produit .produit-item .produit-image img {width: 100%; height: 100%; object-fit: cover;}



.single-produit .produit-item .produit-complementaire-infos {padding: 1.5rem; flex: 1; display: flex; flex-direction: column;}
.single-produit .produit-item .produit-complementaire-infos p {font-size: 1.4rem; font-weight: 400; line-height: normal; margin-bottom: 1.2rem;}
.single-produit .produit-item .produit-complementaire-infos .produit-title {font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem;}
.single-produit .produit-complementaire-infos .produit-badge {font-size: 1.2rem; padding: .5rem; margin-bottom: 1rem;}



.single-produit .produit-item .produit-prix {font-size: 1.6rem; font-weight: 600; color: #333; margin-top: auto;}




@media (min-width: 768px) {
    .single-produit .produit-item {width: calc(50% - 2.5rem);}
    .single-produit .produit-colonne-gauche {width: 35%; max-height: 28rem;}
    .single-produit .produit-colonne-droite {flex: 1;}
    .single-produit .produit-item:hover {box-shadow: var(--box-shadow); transform: translateY(-.2rem);}
    .single-produit .produit-header {flex-direction: row;}
    .single-produit .produit-item:hover .produit-complementaire-infos p {color: #333;}

}

@media (min-width: 1400px) {
    .single-produit .produit-item {width: calc(25% - 2.5rem);}
    .single-produit .produit-reservation {margin-top: 7rem; margin-bottom: 7rem;}

}




/* ========================================================================== */
/*
/* FONCTIONNALITES
/*
/* ========================================================================== */




/* ----------------------------------------------------- */
/* FORMULAIRES 
/* ----------------------------------------------------- */


form input[type=text], form input[type=password], form input[type=email], form input[type=url], form input[type=date], form input[type=month], form input[type=time], form input[type=datetime], form input[type=datetime-local], form input[type=week], form input[type=number], form input[type=search], form input[type=tel], form input[type=color], form select, form textarea
 {border-width: 0 .2rem .2rem 0; border-color: #333; border-radius: 0 !important; background-color: #fff; font-weight: 400; color: #333;}
form input::placeholder, form textarea::placeholder {color: #333;}

form .form-row {width: 100%; column-gap: 4rem;}
form .form-row .form-column {width: 100%;}
form input[type="submit"] {background-color: #fff; box-shadow: var(--e-global-color-primary) .7rem .7rem; border: .2rem solid #333 !important; color: #333;}
form input[type="submit"]:hover {background-color: inherit; transform: translateY(-0.2rem); color: inherit;}
form label {font-weight: 400;}

.reservation-content {display: flex; align-items: center; row-gap: 3rem; flex-direction: column;}
.reservation-form form {display: flex; flex-wrap: wrap; column-gap: 4rem;}
.reservation-form form textarea, .reservation-form form input  {width: 100%;}
.reservation-form form input[type=checkbox], form input[type=checkbox] {width: auto;}



@media (min-width: 768px) {
    form .form-row {display: flex; }

}


/* ========================================================================== */
/*
/* PAGES SPECIALES
/*
/* ========================================================================== */

.btn-en-savoir-plus {display: none; font-size: 1.5rem; margin: .8rem 0; transition: all 230ms ease-in-out; letter-spacing: .05rem; font-weight: 600;}
.exposition-image {background-image: url(/wp-content/uploads/2022/03/logo-grand-presbytere-couleur-sign.png); background-color: #f1f1f1; background-size: 20rem; background-repeat: no-repeat; background-position: center; height: 17rem; overflow: hidden;}
.exposition-image img {height: 100%; width: 100%; object-fit: cover;}
.exposition-titre {font-weight: 800; margin-top: .5rem; text-transform: uppercase; margin-top: 0;}
.exposition-titre::after {content: ''; height: .2rem; width: 10rem; display: block; margin-top: .5rem; }
.exposition-a-propos {font-weight: 300; line-height: normal; font-size: 1.5rem;}
.element-date {font-weight: 300; font-size: 1.4rem; line-height: normal; margin: .8rem 0; }
.home-section h2 {margin-bottom: 1.5rem;}
.single h1 {font-size: 2.6rem; font-weight: 700; color: #333; letter-spacing: .05rem; line-height: normal; margin-bottom: 2rem; text-transform: uppercase;}

.home-section-liens .section-liens-columns {margin-top: 2rem;}
.home-section-liens .section-liens-columns .elementor-column {width: auto;}
.home-section-liens .section-liens-columns .liens-btn .elementor-button {padding: 0; margin-right: 2rem;}
.home-section-liens .section-liens {z-index: 1;}


@media(min-width: 768px) {
  .exposition-image {height: 20rem;}
  .btn-en-savoir-plus {display: block;}
  .home-section-liens .section-liens-columns .liens-btn a:hover {transform: translateY(-0.3rem);}

}

@media(min-width: 1000px) {
  .single h1 {font-size: 3.6rem; margin-bottom: 3rem;}
}

@media(min-width: 1400px) {
  .exposition-image {height: 25rem;}
  .home-section h2 {margin-bottom: 3rem;}
  

}




/********* SECTION CCOMPTEUR *********/

.home-section-accueil {position: relative;}
.home-section-accueil::after {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .1); z-index: 0; }
.home-section-accueil .accueil-titre {margin-bottom: 4rem; z-index: 1; padding: 0 2rem;}
.home-section-accueil .accueil-titre h1 {margin-bottom: 3rem; line-height: normal !important; letter-spacing: .05rem;}
.home-section-accueil .accueil-titre h1::after  {content: ''; height: .5rem; width: 20rem; display: block; margin-top: 1rem; background-color: #fff; }


.compteur-exposition {display: flex; column-gap: 2rem; flex-direction: column; }
.compteur-exposition .compteur-label, .compteur-exposition .btn-exposition {color: #fff; text-transform: uppercase;  line-height: normal; }
.compteur-exposition .compteur-label {flex-direction: column; }
.compteur-exposition .compteur-label p { font-size: 2rem; margin-top: 0; margin-bottom: .5rem; font-weight: 500; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
/*.compteur-exposition .compteur-label::after {content: ''; height: .3rem; width: 10rem; background-color: #fff; display: block; margin-top: .5rem; }*/
.compteur-exposition .btn-exposition {font-weight: 400; font-size: 1.6rem; max-width: max-content; position: relative; z-index: 1; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.compteur-exposition .btn-exposition::before {content: ''; background-color: var(--e-global-color-primary); width: 0; height: 50%; position: absolute; bottom: 0; left: 0; z-index: -1; transition: all 230ms ease-out; }
.compteur-exposition .btn-exposition:hover::before {width: 95%;}
.compteur-exposition .compteur-groupe-nbre {column-gap: 1.2rem; align-items: center; margin-top: 1rem;}
.compteur-exposition .compteur-unite {background-color: var(--e-global-color-primary); width: 8rem; padding: 1rem;}
.compteur-exposition .compteur-unite span {display: block; text-align: center; line-height: normal; color: #fff;}
.compteur-exposition .compteur-unite .nombre {font-size: 3.5rem; line-height: 4rem;}
.compteur-exposition .compteur-unite .unite {font-size: 1.6rem; font-weight: 400; }



@media(min-width: 768px) {
  .compteur-exposition {column-gap: 4rem;}
  .home-section-accueil .accueil-titre {margin-bottom: 5rem;}
.compteur-exposition .compteur-unite .nombre {font-size: 6rem; line-height: 6rem;}
  .compteur-exposition .compteur-unite .unite {font-size: 1.8rem; }
  .compteur-exposition .compteur-unite {width: 12rem;}
  .compteur-exposition .compteur-label p {font-size: 2.6rem;}
  .compteur-exposition .btn-exposition {font-size: 2rem;}


}

@media(min-width: 1400px) {
  .home-section-accueil .accueil-titre {padding: 0;}
  .compteur-exposition .compteur-groupe-nbre {column-gap: 2rem; margin-top: 2rem;}
}


/********* PROCHAINEMENT *********/

#home-section-prochainement {padding-top: 3rem; padding-bottom: 3rem;}
.expositions-grid {display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 2rem; }
.expositions-grid .exposition-card {width: 100%; position: relative; background: #fafafa;}

.expositions-grid .exposition-card .exposition-titre::after {background-color: #000;}
.expositions-grid .exposition-card .exposition-image img {height: 20rem; width: 100%; object-fit: cover;}
.expositions-grid .exposition-card .exposition-content {padding: 1rem 1rem 1.5rem;}

#home-section-prochainement .prochaines-expositions h2 {text-transform: uppercase; font-size: 2rem;}

@media(min-width: 768px) {
  .expositions-grid .exposition-card .exposition-content {padding: 1rem 2rem;}
  .expositions-grid .exposition-card {width: calc(50% - 1.5rem);}
  .expositions-grid .exposition-card:hover {transform: scale(1.03); box-shadow: var(--box-shadow); color: inherit;}
  #home-section-prochainement .prochaines-expositions h2 {font-size: 2.8rem; margin-bottom: 3rem;}

}

@media(min-width: 1400px) {
  .expositions-grid .exposition-card {width: calc(33% - 3.8rem);}
  .expositions-grid {column-gap: 6rem; row-gap: 4rem; }
  .expositions-grid .exposition-card .exposition-image img {height: 25rem;}
  #home-section-prochainement {padding-top: 6rem; padding-bottom: 6rem;}

}





/********* EN COURS *********/


.exposition-en-cours .exposition-contenu.exposition-principale {background-color: #333; color: #fff; box-shadow: var(--e-global-color-primary) 1.2rem 1.2rem; border: .5rem solid #fff; width: calc(100% - 1.2rem);}
.exposition-en-cours .exposition-contenu.exposition-principale .exposition-titre, .exposition-en-cours .exposition-principale .exposition-artistes h4  {color: #fff;}
.exposition-en-cours .exposition-contenu.exposition-principale .exposition-titre::after {background-color: #fff;}
.exposition-en-cours .exposition-contenu.exposition-principale .exposition-a-propos  { display: -webkit-box; -webkit-line-clamp: 7;  -webkit-box-orient: vertical; overflow: hidden;}



.exposition-en-cours .exposition-contenu.exposition-secondaire {margin-top: 5rem; background: linear-gradient(#f5a54d, #f5a54d) bottom left / 7rem 2px, linear-gradient(#f5a54d, #f5a54d) bottom left / 2px 7rem, linear-gradient(#f5a54d, #f5a54d) top right / 7rem 2px, linear-gradient(#f5a54d, #f5a54d) top right / 2px 7rem, linear-gradient(#f5a54d, #f5a54d) top left / 2px 7rem, linear-gradient(#f5a54d, #f5a54d) top left / 7rem 2px, linear-gradient(#f5a54d, #f5a54d) bottom right / 7rem 2px, linear-gradient(#f5a54d, #f5a54d) bottom right /  2px 7rem;  background-repeat: no-repeat; color: #333;}
.exposition-en-cours .exposition-contenu.exposition-secondaire .exposition-a-propos  { display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical; overflow: hidden;}
.exposition-en-cours .exposition-secondaire .exposition-artistes h4 {font-size: 1.5rem;}

.exposition-en-cours .exposition-contenu {padding: 1.5rem; column-gap: 3rem; flex-wrap: wrap; row-gap: 2rem; }

.exposition-en-cours .exposition-infos {flex: 0 0 40%; display: flex; flex-direction: column;}
.exposition-en-cours .exposition-details {flex: 1; flex-direction: column;}
.exposition-en-cours .exposition-image {width: 100%; height: 100%; max-height: 26rem;}
.compteur-exposition .compteur-titre {color: #fff; line-height: normal; margin-bottom: 0; font-size: 2.4rem; letter-spacing: .05rem; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
.compteur-exposition .compteur-titre::after {background-color: var(--e-global-color-primary); height: .4rem; width: 15rem;}
.exposition-en-cours .exposition-dates {display: flex; align-items: center; column-gap: 1rem;}
.exposition-en-cours .exposition-artistes {display: flex; flex-wrap: wrap; column-gap: 2rem;}
.exposition-en-cours .exposition-artistes h4 {margin-bottom: 1rem;min-width: max-content; font-style: italic;}
.exposition-en-cours .exposition-artistes .artiste-lien {margin-bottom: 0.5rem;}
.exposition-en-cours .btn-en-savoir-plus {align-self: flex-start;}
.compteur-exposition .exposition-statut {font-size: 1.4rem; line-height: normal; font-weight: 400; font-style: italic; color: #fff; margin-bottom: 0;}


.exposition-en-cours .exposition-contenu .exposition-a-propos {margin-bottom: 2.5rem;}
.exposition-en-cours .exposition-contenu .exposition-a-propos p {margin-bottom: 1rem;}

#home-section-en-cours .exposition-en-cours {padding-top: 2rem;}
#home-section-en-cours .exposition-en-cours h2 {text-transform: uppercase; font-size: 2rem;}
.compteur-exposition.exposition-en-cours .compteur-label {margin-top: 1.5rem;}

@media(min-width: 768px) {
  .exposition-en-cours .exposition-image {max-height: 100%;}
  .exposition-en-cours .exposition-contenu.exposition-principale:hover {box-shadow: var(--e-global-color-primary) 1.6rem 1.6rem;}
  .exposition-en-cours .exposition-principale .exposition-image {height: inherit; width: 35%; max-height: 42rem;}
  .exposition-en-cours .exposition-secondaire .exposition-image {width: 17rem; max-height: 27rem; height: inherit;}
  .exposition-en-cours .exposition-contenu {width: 100%;}
  .exposition-en-cours .exposition-contenu:hover {transform: scale(1.01);}
  .exposition-en-cours .exposition-contenu:hover .btn-en-savoir-plus {color: var(--e-global-color-primary);}
  .exposition-en-cours .exposition-contenu.exposition-secondaire {margin-top: 6rem; padding: 3rem; background: linear-gradient(#f5a54d, #f5a54d) bottom left / 10rem .4rem, linear-gradient(#f5a54d, #f5a54d) bottom left /  .4rem 10rem, linear-gradient(#f5a54d, #f5a54d) top right / 10rem .4rem, linear-gradient(#f5a54d, #f5a54d) top right /  .4rem 10rem; background-repeat: no-repeat; background-color: #fafafa;}
  .exposition-en-cours .exposition-contenu.exposition-secondaire:hover {background: linear-gradient(#f5a54d, #f5a54d) bottom left / 100% .5rem, linear-gradient(#f5a54d, #f5a54d) bottom left / .5rem 100%, linear-gradient(#f5a54d, #f5a54d) top right / 100% .5rem, linear-gradient(#f5a54d, #f5a54d) top right / .5rem 100%; background-repeat: no-repeat; background-color: #fafafa; box-shadow: var(--box-shadow);}
  #home-section-en-cours .exposition-en-cours h2 {font-size: 2.8rem;}
  .exposition-en-cours .exposition-principale .exposition-details p {font-size: 1.6rem;}

}

@media(min-width: 1400px) {
  #home-section-en-cours .exposition-en-cours {padding-top: 5rem;}
  .exposition-en-cours .exposition-contenu {column-gap: 5rem;}
  .exposition-en-cours .exposition-contenu.exposition-principale {padding: 4rem; }
  .exposition-en-cours .exposition-principale .exposition-image {width: 40%;}
  .exposition-en-cours .exposition-details {padding: 2rem 5rem 2rem 0;}
  .compteur-exposition .compteur-titre {font-size: 3rem;}
  .exposition-en-cours .exposition-contenu.exposition-secondaire {margin-top: 8rem;}
  .exposition-en-cours .exposition-contenu.exposition-principale .exposition-titre {font-size: 2.6rem;}
  .exposition-en-cours .exposition-contenu.exposition-secondaire .exposition-titre {font-size: 2.2rem;}
  .exposition-en-cours .exposition-contenu.exposition-secondaire .exposition-details {padding: 0;}
  

}



/********* ACTUS *********/

#home-section-actu {padding-top: 3rem; padding-bottom: 3rem;}
.actus-section .actus-grid {display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 3rem;}
.actus-section .actus-card { width: 100%; background-color: #fff; column-gap: 2rem;}
.actus-section .actus-image {width: 35%;}
.actus-section .actus-image img {width: 100%; height: 100%; object-fit: cover;}
.actus-section .actus-content {flex: 1; display: flex; flex-direction: column; padding: 2rem 1rem 2rem 0;}
.actus-section .actus-meta {margin-bottom: 1rem;}
.actus-section .actus-title {margin-bottom: 1rem;}
.actus-section .actus-title::after {background-color: var(--e-global-color-primary);}
.actus-section .actus-excerpt {margin-bottom: 1.5rem;}
.actus-section .actus-read-more {align-self: flex-start; margin-top: auto;}



@media(min-width: 768px) {
  .actus-section .actus-card  {width: calc(50% - 1.5rem); column-gap: 3rem;}
  .actus-section .actus-card:hover {transform: scale(1.03); color: inherit; box-shadow: var(--box-shadow);}
  .actus-section .actus-image {width: 20rem;}

}

@media(min-width: 1400px) {
  #home-section-actu {padding-top: 6rem; padding-bottom: 7rem;}

}

  



/********** RETROSPECTIVES **********/


#home-section-retrospective {padding-top: 3rem; padding-bottom: 3rem;}
.expositions-retrospectives {display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 3rem;}
.expositions-retrospectives .exposition-retrospective {width: 100%; flex-direction: column; background-color: #000; color: #fff; border: 2px solid #fff;}
.expositions-retrospectives .exposition-contenu {flex: 1; display: flex; flex-direction: column;}
.expositions-retrospectives .exposition-infos {display: flex; flex-direction: column;}
.expositions-retrospectives .exposition-details {flex: 1; display: flex; flex-direction: column; padding: 1rem 1rem 1.5rem;}
.expositions-retrospectives .exposition-image {background-color: #f1f1f1;}
.expositions-retrospectives .exposition-dates {display: flex; align-items: center; column-gap: 1rem; font-weight: 300; font-size: 1.4rem;}
.expositions-retrospectives .exposition-artistes {display: flex; margin-top: 2rem; flex-wrap: wrap; column-gap: 2rem;}
.expositions-retrospectives .exposition-artistes > *{color: white;}
.expositions-retrospectives .exposition-artistes h4 {margin-bottom: 1rem;}
.expositions-retrospectives .exposition-artistes .artiste-lien, .expositions-retrospectives .exposition-artistes .artiste-nom {margin-bottom: 0.5rem;}
.expositions-retrospectives .exposition-artistes .artiste-nom {display: block;}
.expositions-retrospectives .btn-en-savoir-plus {align-self: flex-start; margin-top: auto;}
.expositions-retrospectives .exposition-a-propos { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.expositions-retrospectives .exposition-a-propos * {font-weight: 300; line-height: normal;  margin-bottom: 1rem;}
.expositions-retrospectives .exposition-titre {color: #fff;}
.expositions-retrospectives .exposition-titre::after {background-color: #fff;}


.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item {background-color: #000;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .item-infos {color: #fff;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .exposition-titre {color: #fff;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .exposition-titre::after {background-color: #fff;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .exposition-dates {color: #fff;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .exposition-a-propos {color: #fff;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .exposition-artistes {color: #fff;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .exposition-artistes h4 {color: #fff;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .exposition-artistes h4:not(:first-child) {color: #fff; font-weight: 400; font-size: 1.4rem;}
.expositions-retrospectives-liste .exposition-retrospective-item.exposition-item .btn-en-savoir-plus {color: #fff;}


@media(min-width: 768px) {
  .expositions-retrospectives .exposition-details {padding: 1rem 2rem;}
  .expositions-retrospectives .exposition-retrospective {width: calc(50% - 1.5rem);}
  .expositions-retrospectives .exposition-retrospective:hover {transform: scale(1.03);}

}

@media(min-width: 1400px) {
  .expositions-retrospectives {column-gap: 6rem; row-gap: 4rem; }
  .expositions-retrospectives .exposition-retrospective {width: calc(33% - 3.8rem);}
  #home-section-retrospective {padding-top: 8rem; padding-bottom: 7rem;}

}






/* ----------------------------------------------------- */
/* ARCHIVE EXPO
/* ----------------------------------------------------- */


.expositions-liste {column-gap: 3rem; row-gap: 2rem; flex-wrap: wrap; display: flex;}
.expositions-liste .exposition-item {display: flex; width: 100%; flex-direction: column; position: relative; background-color: #fafafa;}
.expositions-liste .exposition-item:hover {transform: scale(1.03); box-shadow: var(--box-shadow); color: inherit;}
.expositions-liste .exposition-item .exposition-titre::after {background-color: #333;}
.item-infos {padding: 1rem 1rem 1.5rem; flex-direction: column; flex: 1;}
.expositions-liste .exposition-item .exposition-pastille {background-color: var(--e-global-color-primary); color: #fff; font-size: 1.2rem;  padding: .5rem 1rem; position: absolute; top: 1rem; right: 1rem; font-weight: 600; z-index: 1; }



@media(min-width: 768px) {
  .expositions-liste .exposition-item {width: calc(50% - 1.5rem);}

}

@media(min-width: 1400px) {
  .expositions-liste {column-gap: 6rem; row-gap: 4rem;}
  .expositions-liste .exposition-item {width: calc(33% - 3.8rem);}
  .item-infos {padding: 1.5rem;}

}




.toutes-expositions-container .pastille-a-venir {background-color: #007bff; color: #fff;}
.toutes-expositions-container .exposition-image {width: 100%;}
.toutes-expositions-container .exposition-image img {width: 100%; height: 100%; object-fit: cover;}
.toutes-expositions-container .exposition-content {flex: 1; display: flex; flex-direction: column;}
.toutes-expositions-container .exposition-titre {margin-bottom: 1rem;}
.toutes-expositions-container .exposition-dates {display: flex; align-items: center; column-gap: 1rem; margin-bottom: 1rem;}
.toutes-expositions-container .exposition-a-propos {margin-bottom: 1.5rem;}
.toutes-expositions-container .btn-en-savoir-plus {align-self: flex-start; margin-top: auto;}

.toutes-expositions-container .expositions-pagination {display: flex; justify-content: center; align-items: center; column-gap: 1rem; margin-top: 4rem;}
.toutes-expositions-container .pagination-btn {padding: 0.8rem 1.5rem; border: 1px solid #ddd; background-color: #fff; cursor: pointer; transition: all 0.3s ease;}
.toutes-expositions-container .pagination-btn:hover:not(:disabled) {background-color: #f8f9fa;}
.toutes-expositions-container .pagination-btn:disabled {opacity: 0.5; cursor: not-allowed;}
.toutes-expositions-container .pagination-btn.active {background-color: var(--e-global-color-primary); color: #fff; border-color: var(--e-global-color-primary);}
.toutes-expositions-container .pagination-numbers {display: flex; column-gap: 0.5rem;}
.toutes-expositions-container .pagination-number {min-width: 4rem;}






/* ----------------------------------------------------- */
/* PRESSE
/* ----------------------------------------------------- */


.articles-presse-container .article-presse-content {padding: 1rem 1rem 1.5rem;}


@media(min-width: 768px) {

}

@media(min-width: 1400px) {

}






.articles-presse-container .articles-presse-pagination {display: flex; justify-content: center; align-items: center; column-gap: 1rem; margin-top: 4rem;}
.articles-presse-container .pagination-btn {padding: 0.8rem 1.5rem; border: 1px solid #ddd; background-color: #fff; cursor: pointer; transition: all 0.3s ease;}
.articles-presse-container .pagination-btn:hover:not(:disabled) {background-color: #f8f9fa;}
.articles-presse-container .pagination-btn:disabled {opacity: 0.5; cursor: not-allowed;}
.articles-presse-container .pagination-btn.active {background-color: var(--e-global-color-primary); color: #fff; border-color: var(--e-global-color-primary);}
.articles-presse-container .pagination-numbers {display: flex; column-gap: 0.5rem;}
.articles-presse-container .pagination-number {min-width: 4rem;}

.expositions-retrospectives-pagination-container .exposition-titre {margin-bottom: 1rem;}
.expositions-retrospectives-pagination-container .exposition-dates {display: flex; align-items: center; column-gap: 1rem; margin-bottom: 1rem;}
.expositions-retrospectives-pagination-container .exposition-a-propos {margin-bottom: 1rem;}
.expositions-retrospectives-pagination-container .exposition-artistes {margin-bottom: 1rem;}
.expositions-retrospectives-pagination-container .exposition-artistes h4 {margin-bottom: 1rem;}
.expositions-retrospectives-pagination-container .exposition-artistes .artiste-lien {margin-bottom: 0.5rem;}
.expositions-retrospectives-pagination-container .btn-en-savoir-plus {align-self: flex-start; margin-top: auto;}

.expositions-retrospectives-pagination-container .expositions-retrospectives-pagination {display: flex; justify-content: center; align-items: center; column-gap: 1rem; margin-top: 4rem;}
.expositions-retrospectives-pagination-container .pagination-btn {padding: 0.8rem 1.5rem; border: 1px solid #ddd; background-color: #fff; cursor: pointer; transition: all 0.3s ease;}
.expositions-retrospectives-pagination-container .pagination-btn:hover:not(:disabled) {background-color: #f8f9fa;}
.expositions-retrospectives-pagination-container .pagination-btn:disabled {opacity: 0.5; cursor: not-allowed;}
.expositions-retrospectives-pagination-container .pagination-btn.active {background-color: var(--e-global-color-primary); color: #fff; border-color: var(--e-global-color-primary);}
.expositions-retrospectives-pagination-container .pagination-numbers {display: flex; column-gap: 0.5rem;}
.expositions-retrospectives-pagination-container .pagination-number {min-width: 4rem;}



/* ----------------------------------------------------- */
/* BOUTIQUE
/* ----------------------------------------------------- */

.boutique-shortcode {padding-top: 2rem;}
.produits-boutique-container .produits-layout {display: flex; column-gap: 4rem; row-gap: 3rem; align-items: flex-start; flex-wrap: wrap;}
.produits-boutique-container .produits-filtres {width: 100%; background-color: #fafafa; padding: 2rem;}
.produits-boutique-container .produits-filtres input[type="text"], .produits-boutique-container .produits-filtres select {border-width: 0 .2rem .2rem 0; border-color: #333; border-radius: 0; background-color: #fff; font-weight: 400; color: #333; width: 100%; padding: .6rem 1rem;}
.produits-boutique-container .produits-filtres input[type="text"]::placeholder {color: #333;}
.produits-boutique-container .produits-filtres input[type="text"]:focus-visible, .produits-boutique-container .produits-filtres select:focus-visible {outline: 1px solid #333;}

.produits-boutique-container .produits-filtres h3 {margin-bottom: 2rem; font-size: 1.8rem;}
.produits-boutique-container .filtre-recherche {margin-bottom: 2rem;}
.produits-boutique-container .filtre-recherche label {display: block; margin-bottom: 0.5rem; font-weight: 600;}

.produits-boutique-container .filtre-nouveaute {margin-bottom: 2rem;}
.produits-boutique-container .filtre-nouveaute label {display: flex; align-items: center; font-weight: 400;}
.produits-boutique-container .filtre-nouveaute input {margin-right: 0.8rem;}
.produits-boutique-container .filtre-categories {margin-bottom: 2rem;}
.produits-boutique-container .filtre-categories label {display: block; margin-bottom: 0.5rem; font-weight: 600;}

.produits-boutique-container .btn-reset-filtres {width: max-content; line-height: normal; padding: 1rem; color: var(--e-global-color-primary); border: none; cursor: pointer; font-weight: 600; text-align: left; background-color: transparent;}

.produits-boutique-container .produits-colonne {width: 100%;}
.produits-boutique-container .produits-liste {display: flex; flex-wrap: wrap; column-gap: 2rem; row-gap: 2rem;}
.produits-boutique-container .produit-item {display: flex; width: 100%; flex-direction: column; background-color: #fafafa; overflow: hidden; position: relative;}
.produits-boutique-container .produit-image {width: 100%; height: 17rem; background-color: #fdc486; background-image: url(/wp-content/uploads/2022/03/logo-grand-presbytere-couleur-sign.png);  background-size: 17rem; background-repeat: no-repeat; background-position: center;  }



.produits-boutique-container .produit-image img {width: 100%; height: auto; object-fit: cover;}
.produits-boutique-container .produit-content {flex: 1; display: flex; flex-direction: column; padding: 1.5rem;}
.produits-boutique-container .produit-titre {text-transform: uppercase; margin-bottom: 1rem;}

.produits-boutique-container p.produit-format, .produits-boutique-container p.produit-categorie {line-height: normal;}
.produits-boutique-container p.produit-format {font-weight: 400; font-size: 1.4rem;}
.produits-boutique-container p.produit-categorie {position: absolute; top: 2rem; right: 2rem; background-color: var(--e-global-color-primary); padding: .5rem 1rem;  color: #fff; font-weight: 500;}
.produits-boutique-container .produit-prix {margin-bottom: 1.5rem; font-size: 1.6rem; font-weight: 600; color: var(--e-global-color-primary);}
.produits-boutique-container .btn-voir-produit {display: none; width: max-content; margin-top: auto; margin-bottom: 0; text-decoration: none; font-weight: 600;}

.produits-boutique-container .produits-pagination {display: flex; justify-content: center; align-items: center; column-gap: 1rem; margin-top: 4rem;}
.produits-boutique-container .pagination-btn {padding: 0.8rem 1.5rem; border: 1px solid #ddd; background-color: #fff; cursor: pointer; transition: all 0.3s ease;}
.produits-boutique-container .pagination-btn:hover:not(:disabled) {background-color: #f8f9fa;}
.produits-boutique-container .pagination-btn:disabled {opacity: 0.5; cursor: not-allowed;}
.produits-boutique-container .pagination-btn.active {background-color: var(--e-global-color-primary); color: #fff; border-color: var(--e-global-color-primary);}
.produits-boutique-container .pagination-numbers {display: flex; column-gap: 0.5rem;}
.produits-boutique-container .pagination-number {min-width: 4rem;}




@media(min-width: 768px) {
  .produits-boutique-container .produit-item {width: calc(50% - 1rem);}
  .produits-boutique-container .produit-item:hover {transform: scale(1.03); box-shadow: var(--box-shadow); color: inherit; }
  .produits-boutique-container .produit-item:hover .btn-voir-produit {color: var(--e-global-color-primary);}
  .produits-boutique-container .btn-voir-produit {display: block;}


}

@media(min-width: 1000px) {
  .boutique-shortcode {padding-top: 5rem;}
  .produits-boutique-container .produits-filtres {width: 25%;}
  .produits-boutique-container .produits-colonne {flex: 1; width: auto;}
}

@media(min-width: 1400px) {
  .produits-boutique-container .produits-liste {column-gap: 4rem; row-gap: 4rem;}
  .produits-boutique-container .produit-item {width: calc(50% - 2rem);}
  .page-produit {max-width: 114rem; margin-left: auto; margin-right: auto;}

}






.loading-indicator {display: flex; justify-content: center; align-items: center; padding: 4rem;}
.loading-indicator img {max-width: 5rem; height: auto;}


.tous-posts-container .tous-posts-pagination {display: flex; justify-content: center; align-items: center; column-gap: 1rem; margin-top: 4rem;}
.tous-posts-container .pagination-btn {padding: 0.8rem 1.5rem; border: 1px solid #ddd; background-color: #fff; cursor: pointer; transition: all 0.3s ease;}
.tous-posts-container .pagination-btn:hover:not(:disabled) {background-color: #f8f9fa;}
.tous-posts-container .pagination-btn:disabled {opacity: 0.5; cursor: not-allowed;}
.tous-posts-container .pagination-btn.active {background-color: var(--e-global-color-primary); color: #fff; border-color: var(--e-global-color-primary);}
.tous-posts-container .pagination-numbers {display: flex; column-gap: 0.5rem;}
.tous-posts-container .pagination-number {min-width: 4rem;}




#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {background-color: pink;}


/* ----------------------------------------------------- */
/* BANDEAU ALERTE
/* ----------------------------------------------------- */


.bandeau-alertes {background-color: var(--e-global-color-primary); color: white; z-index: 9999; overflow: hidden; }

.bandeau-alertes .alerte-bloc-texte {overflow: hidden; display: none; margin-right: 20px;}
.bandeau-alertes .alerte-bloc-texte .alerte-texte {display: inline-block; margin-right: 10px; white-space: nowrap; font-size: 1.5rem; font-weight: 500; line-height: normal;}
.bandeau-alertes .alerte-categorie {font-weight: 700;}
.bandeau-alertes .bandeau-categorie {margin-right: 20px; max-width: max-content; width: 100%;}


.bandeau-alertes .alerte-plus { background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.7); color: white; padding: 5px 12px; cursor: pointer; margin-left: auto; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-block; transition: all 0.3s ease; white-space: nowrap;}
.bandeau-alertes .alerte-plus:hover {background: rgba(255,255,255,0.5); color: white;text-decoration: none;transform: scale(1.05);}
.bandeau-contenu { display: flex; align-items: center; padding: 1rem 8rem;}
.bandeau-icone {display: inline-block;}

.bandeau-texte {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.alerte-item {display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative;}

.conteneur-defilement {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.texte-defilant {
    display: inline-block;
    margin-right: 100px;
    white-space: nowrap;
}

.bouton-fixe {
    flex-shrink: 0;
    margin-left: 20px;
}



.popup-alerte {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-contenu {background: var(--couleur-secondaire); color: #333; max-width: 60vw; max-height: 80vh;  overflow-y: auto; position: relative; margin: 20px; padding: 3rem; font-weight: 500;
}

.popup-contenu .popup-fermer {position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 40px; cursor: pointer; color: #fff; transition: all 230ms ease-in-out;}

.popup-contenu .popup-fermer:hover { color: #000;}

.alerte-detail {
    padding: 30px;
}

.alerte-titre { color: #fff; margin-bottom: 20px;font-size: 24px;
}

.popup-contenu .alerte-meta {color: #fff;}

.alerte-texte-court {padding: 15px;
    border-radius: 5px;
    margin: 15px 0;
    font-style: italic;
}

.alerte-contenu {
    margin-top: 20px;
    line-height: 1.6;
}

.popup-loader, .popup-erreur { padding: 30px; text-align: center; color: #fff;}
body.popup-ouverte {overflow: hidden;}

@media (max-width: 768px) {
    .alerte-plus {font-size: 11px; padding: 4px 8px;}
    .popup-contenu { margin: 10px; max-height: 90vh; }
    .alerte-detail {padding: 20px;}
    .alerte-titre {  font-size: 20px;}
}

@media (min-width: 768px) {
    .bandeau-alertes .alerte-bloc-texte {display: block;}
    .alerte-item {justify-content: flex-start;}
}


@media (min-width: 1200px) {
.bandeau-contenu {margin-left: auto; margin-right: auto;}
}








.single .exposition-content {display: flex; column-gap: 8rem; margin-bottom: 6rem; row-gap: 4rem; flex-wrap: wrap;}
.single .exposition-colonne-gauche, .single .exposition-colonne-droite {width: 100%;}
.single .exposition-description p {font-size: 1.6rem; line-height: 1.6; font-weight: 400; color: #333; margin-bottom: 1.5rem;}

.single .exposition-header {margin-bottom: 3rem; column-gap: 1.5rem; row-gap: 1rem;}
.single .exposition-pastille {display: inline-block; font-size: 1.4rem; font-weight: 400; }
.single .exposition-pastille::after {content: ''; width: 100%; height: .1rem; background-color: var(--e-global-color-primary); display: block; }

.single .exposition-colonne-droite .exposition-partage {margin-top: 3.5rem;}
.single .exposition-colonne-droite .exposition-partage h3 {font-size: 1.6rem; font-weight: 600; margin-bottom: 1.5rem; color: #333;}
.single .exposition-colonne-droite .partage-btn {display: flex; align-items: center; justify-content: center; padding: 1rem 2rem; text-decoration: none; font-size: 1.4rem; font-weight: 500; transition: all 0.3s ease; gap: 1rem; color: #333; border : .2rem solid #333;}
.single .exposition-colonne-droite .partage-boutons {display: flex; column-gap: 2rem; justify-content: space-evenly;}

.single #main .container.container-single-post {max-width: 90% !important;}


@media (min-width: 768px) {
  .single .exposition-colonne-droite .partage-boutons {justify-content: flex-start;}
  

}

@media (min-width: 1000px) {
  .single .exposition-colonne-gauche {width: calc(60% - 4rem);}
  .single .exposition-colonne-droite {flex: 1; width: auto;}
} 




/************************************************/
/**                                            **/
/**              TARTE AU CITRON               **/
/**                                            **/
/************************************************/

body #tarteaucitronRoot.tarteaucitronBeforeVisible div#tarteaucitronAlertBig.tarteaucitronAlertBigTop {
  position: fixed !important;
  bottom: 2em !important;
  left: 1em !important;
	top: auto !important;
  height: 80% !important;
  width: 80% !important;
  max-height: 200px;
  max-width: 350px;
  padding: 10px 0px 0px 0px !important;
  border: 1px #bcbcbc solid !important;
  background-color: white !important;
  border-radius: 5px !important;
  box-shadow: none;
  transform: none;
  display: inline-flex !important;
  flex-wrap: wrap;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{ color: #333; width: 100%; margin-bottom: 0px !important;}
#tarteaucitronAlertBig button#tarteaucitronCloseAlert, #tarteaucitronAlertBig button#tarteaucitronPersonalize2 {
  bottom: 0 !important;
  align-self: flex-end !important;
  font-size: 12px !important;
  font-family: 'Montserrat', sans-serif !important;
  width: calc(50% - 20px) !important;
  height: 22px !important;
  padding: 5px 10px !important;
  font-weight: 600 !important;
  color: black !important;
  background: white !important;
  border-top: 1px #bcbcbc solid !important;
  border-radius:0px !important;
  margin: 0px !important;
  order:1;
}

.tarteaucitronAlertBigTop::after { content: ''; background: url('/wp-content/uploads/2025/11/cookie-iwego.png'); height: 70px; width: 100px; position: absolute; right: 1.1em !important; margin: 0 auto !important; background-size: contain; background-repeat: no-repeat; }
.cookie-text-fr h2 { font-family: 'Montserrat', sans-serif !important; font-weight: 800 !important; font-size: 20px !important; margin-bottom: 0em !important; }
.cookie-text-fr p { font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; line-height: 17px !important; margin-bottom: 0px !important;margin-top: 20px !important; width: 300px; margin-top: 2em; }
#tarteaucitronAlertBig button#tarteaucitronPersonalize2 { width: calc(50% - 21px) !important;border-left: 1px #bcbcbc solid !important; color: #333 !important; order:3 !important;}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitronSave, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel, #tarteaucitronInfo { background:  #333 !important}
div#tarteaucitronServices {box-shadow: none !important;}
.tarteaucitronSelfLink {display: none !important; }