#header {}
  #header a { color: var(--bs-white); text-decoration: none; }

  #header-desktop .header-image { background-position: center; background-repeat: no-repeat; background-size: cover; height: 17vw; } 
  #header-desktop .header-image>.container { min-height: 100%; display: flex; align-items: center; } 
  #header-desktop img.site-logo { width:24vw; max-width: 28.75rem; padding: 0; }
  #header-desktop .navbar { font-size: 1.125rem; font-weight: bold; text-transform: uppercase; flex-grow: 1; margin: 0 2rem 0 -0.55rem; padding: 1rem 0; }
  #header-desktop .navbar li { position: relative; }
  #header-desktop .navbar a { padding: 0.35rem 0.75rem; display: block; }
  #header-desktop .navbar a:after { display: block; content: ""; width: 1rem; height: 1rem; border-radius: 50%; position: absolute; left: calc(50% - 0.5rem); bottom: -1.5rem; background-color: transparent;transition: all 0.15s ease-in-out; }
  #header-desktop .navbar a:hover:after,
  #header-desktop .navbar a:active:after,
  #header-desktop .navbar a:focus:after { background-color: var(--bs-white);}
  #header-desktop .navbar li.current-menu-item a:after,
  #header-desktop .navbar li.current-page-ancestor a:after,
  .event-category-programmation #header-desktop .navbar li.page-programme a:after,
  .event-category-rendez-vous #header-desktop .navbar li.page-rendez-vous a:after { background-color: var(--bs-secondary); }
  #header-desktop .navbar li.focus a { background-color: var(--bs-white); color: var(--bs-secondary); border-radius: var(--bs-border-radius); }
  #header-desktop .btn-search { font-size: 1.125rem; }

  #header-mobile .navbar-brand { flex-grow: 1; }
  #header-mobile img.site-logo { width: 40vw; max-width: 22.5vw; padding: 1.25rem 0; }
  #header-mobile .navbar-nav { font-size: 1rem; font-weight: bold; text-transform: uppercase; }
  #header-mobile .header-image { background-position: center; background-repeat: no-repeat; background-size: cover; height: 30vw; } 
  #header-mobile .btn { margin-left: 0.5rem; } 
  #header-mobile i { font-size: 1.5rem; }   
  #navbar-mobile { padding: 1.25rem 0 2rem 0; }
  #navbar-mobile li { position: relative; width: fit-content; }
  #navbar-mobile .nav-link { display: inline-block; font-size: 1rem; }
  #navbar-mobile li.current-menu-item a:after,
  #navbar-mobile li.current-page-ancestor a:after { display: block; content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; position: absolute; right: -1rem; bottom: calc(50% - 0.25rem); background-color: var(--bs-white); }

  #collapseSearch { padding: 1.25rem 0; }

  #child-content,
  #child-parent-content {}
  .submenu { font-size: 1rem; color: var(--bs-black); font-weight: bold; text-transform: uppercase; list-style: none;  margin: 0; padding: 0;  flex-direction: row; padding: 1rem 0 0.5rem 0;  }
  .submenu li { margin-right: 0.5rem; margin-bottom: 0.5rem; }
  .submenu a,
  .submenu span { text-decoration: none; padding: 0.35rem 0.75rem; display: block; position: relative; color: var(--bs-black); background-color: var(--bs-light); border-radius: var(--bs-border-radius); } 
  .submenu li { margin-right: 0.5rem; }
  .submenu li.current-menu-item a,
  .submenu li.current-menu-item span { color: var(--bs-white); background-color: var(--bs-secondary); } 
  .submenu span { background-color: var(--bs-white) }  
  .submenu a:hover { color:var(--bs-secondary);  } 
  .submenu i { margin-right: 0.5rem;  } 
  .submenu li#menu-item-previous i,
  .submenu li#menu-item-next i { margin: 0; }

#main-wrapper { }

  .page-header { position: relative; z-index: 1; }

  #main-content { position: relative; margin-top: 2rem; margin-bottom: 2rem; }   
  .home #main-content { margin:0; }   

  .single .post-thumbnail { position: relative; margin-bottom:2rem; }  
    .single .post-thumbnail a { cursor: pointer; position: relative; }
    .single .post-thumbnail figcaption,
    .single .carousel-item figcaption { display: inline-block; position: absolute; padding: 0.25rem 0.5rem; font-size: 0.75rem; left: 0; bottom: 0; background-color: rgb(0, 0, 0, 0.25); }

  .post-thumbnail .alert-label { position: absolute; bottom:0; right:0; padding: 0.25rem 1rem; font-family: "Barlow", "Helvetica Neue", Arial, sans-serif; font-weight: 600; text-transform: uppercase; } 
  .post-thumbnail .alert-label.big { bottom:calc(50% - 25px); left: 0; } 
  .single .post-thumbnail .alert-label.big { font-size: 2rem; } 

  .entry-categories,
  .entry-dates, 
  .entry-public { font-family: "Barlow Condensed", "Helvetica Neue", Arial, sans-serif; font-size: 1.25rem; } 
  .entry-dates:first-letter { text-transform: uppercase;} 
  .entry-tarifs p { font-family: "Barlow Condensed", "Helvetica Neue", Arial, sans-serif; font-size: 1rem; } 
  .entry-categories { font-weight: 700; color: var(--bs-primary); text-transform: uppercase; margin-bottom: 0; }   
  .entry-dates { margin-bottom: 0; }   
  .entry-company, 
  .entry-style { font-family: "Barlow Condensed", "Helvetica Neue", Arial, sans-serif; font-weight: 700; font-size: 1.875rem; margin-bottom: 0; } 
  .entry-tarifs { padding: 2rem 1.25rem 1.25rem 1.25rem; margin: 2rem 0; }  
  .entry-btn small { margin-top:0.5rem; } 
 
  .single-event .entry-content { margin-top: 1.25rem; }  
  .single-event .entry-distribution { font-size: 0.875rem;}  

  .single-event .past-event .post-thumbnail img { opacity: 50%; }  
  .post-thumbnail .entry-company + .entry-style { margin-top:-1rem; } 
  .post-thumbnail .entry-embed {  margin-bottom: 2rem; margin-top:3rem; } 

  .list-events,
  .list-posts,
  .list-default,
  .list-summary .post-thumbnail { margin-top: 1rem; }  
    .list-events .hentry,
    .list-posts .hentry { margin-bottom:1rem; display: flex; flex-direction: column; justify-content: space-between; min-height:calc(100% - 1rem); } 
    .list-default .hentry { margin-bottom:1rem; } 
    .list-past-events .hentry { opacity: 50%; } 
    .list-past-events .hentry:hover { opacity: 100%; } 
    .list-events .post-thumbnail,
    .list-posts .post-thumbnail,
    .list-summary .post-thumbnail { margin-bottom: 1.25rem; background-color: var(--bs-primary); position: relative; } 
    .list-summary .post-thumbnail { margin-bottom: 0.5rem; }  
    .list-events .entry-infos { margin-bottom: 0.5rem; }  
    .list-posts .entry-infos,
    .list-default .entry-infos,
    .single-post .entry-infos { margin-bottom: 0.5rem; }   
      .list-events .entry-categories,
      .list-events .entry-dates,
      .list-posts .entry-categories,
      .list-posts .entry-dates,
      .list-default .entry-categories,
      .list-default .entry-dates,
      .single-post .entry-categories,
      .single-post .entry-dates { font-size: 1.125rem; vertical-align: middle; }  
      .list-events .entry-categories,
      .single-post .entry-categories { margin-right: 0.25rem; } 
      .list-events .entry-company, 
      .list-events .entry-style { font-size: 1.375rem; margin-bottom: .5rem; } 
    .list-events .entry-footer { margin-top:0.5rem; } 

  .list-partners .hentry img { padding: 0 2rem 4rem 2rem;} 
  
  .page-template-page-artists .block-image,
  .page-template-page-artists .wp-block-images .col-md-6 .block-image { margin-bottom: 2rem; } 
  .page-template-page-artists .block-image figcaption { margin-top: 0.25rem; margin-bottom: 0; } 

#footer { position: relative; z-index: 1; padding: 2.25rem 0 4rem 0; }
  #footer a:not(.btn) { color: var(--bs-white); text-decoration: none; }  

  #footer .footer-booklet { margin-bottom: 4.5rem; } 
    #footer .footer-booklet img { margin-bottom: 0.75rem; } 
    #footer .booklet-title { font-family: "Barlow Condensed", "Helvetica Neue", Arial, sans-serif; font-size: 2.25rem; font-weight: 700; text-transform: uppercase; } 
      #footer .booklet-title a {} 

  #footer .footer-coords{ margin-bottom: 4.5rem; } 
    #footer .site-logo { max-width: 12rem; margin-bottom: 1.5rem; }
    #footer .coords-address { }
    #footer a.coords-map,
    #footer a.coords-email { text-decoration: underline; }
    #footer .coords-socials { margin-top: 2rem; }
    #footer .coords-socials i { font-size: 1.5rem; margin: 0 0.75rem; }
    
  .footer-widgets { margin-bottom: 4.5rem; }
  
  .footer-menu { font-weight: 600; line-height: 1.6;}
  .footer-menu li { margin: 0 0.5rem;}

  #front-events .container { position: relative; padding-top:1.5rem; padding-bottom: 1.5rem; }
  #front-events .list-events { margin: 0; } 
  #front-events .entry-footer { padding: 0 1rem 1.75rem 1rem; }
  #front-events .entry-more .btn { margin-left: 1rem; margin-bottom:1rem; }
  #front-events .entry-more i { margin-left: 0.5rem; }
  #front-events .entry-more .btn:hover i { color: var(--bs-white)!important; }

  #front-posts .container { position: relative; padding-top: 1.5rem; padding-bottom: 2rem;}
  #front-posts .list-posts,
  #front-posts .list-posts .hentry { margin: 0; } 
  #front-posts .col-text header { padding: 1.875rem 1.25rem 0 1.25rem; } 
  #front-posts .col-text footer { padding: 1rem 1.25rem 1.25rem 1.25rem ; } 
  #front-posts .list-posts .post-thumbnail { margin-bottom:0; }  
  #front-posts .entry-more .btn { margin-left: 1rem; margin-bottom:1rem; }

  #front-main { position: relative; padding-top: 1.5rem; padding-bottom: 2rem;}
  #front-main .entry-more { margin-top: 1.875rem } 
  #front-main .entry-more i { margin-left: 0.5rem; }
  #front-main .col-right { margin-top: 3rem; }  
  #carouselArtists { position: relative; }
  #carouselArtists .carousel-control-prev i,
  #carouselArtists .carousel-control-next i { margin-bottom: 0.75rem; }
  #carouselArtists .carousel-control-prev i { margin-left: -1rem; }
  #carouselArtists .carousel-control-next i { margin-right: -1rem; }

  /* Small */
@media (min-width:576px) {  

} 

/* Medium */
@media (min-width:768px) {

} 

/* Large */
@media (min-width: 992px) {

  #footer .coords-socials i { margin: 0 2rem 0 0; }  
  .footer-widgets .input-group > .form-control { min-width: 18rem; }

  .single-event .col-right { padding-left:3rem; margin-top: 1rem; }  
 
  .list-summary .post-thumbnail { margin-top: 2rem; }  

  .list-events .hentry,
  .list-posts .hentry { margin-bottom:5rem; min-height: calc(100% - 5rem); } 

  #front-events .list-events .hentry { margin-bottom:0; min-height: calc(100% - 1.5rem);  } 
  #front-events .entry-more .btn { margin-right: 0; }

  #front-posts .list-posts .hentry{ min-height: 16rem;} 
  #front-posts .col-text header { padding: 1.5rem 1.875rem 0 1.875rem; } 
  #front-posts .col-text footer { padding: 1rem 1.875rem 1rem 1.875rem; }  
  #front-posts .has-post-thumbnail .col-text header,
  #front-posts .has-post-thumbnail .col-text footer { padding-left: 0; } 

  #front-main .col-right { position:relative; align-self: stretch; margin-top: 0; padding-left: 0; }  
  #front-main .col-right .section-title { position: absolute; top:0; left:-1.25rem; margin-block: 0; writing-mode: sideways-lr; white-space: nowrap; }   
  #front-main .col-title { width: 2.75rem; max-width: 2.75rem; }

} 

/* XLarge */
@media (min-width: 1200px) { 

    .submenu { font-size: 1.125rem; }
    .submenu li { margin-right: 1rem; }     

    #footer { padding: 3.75rem 0 3rem 0; background: url(../images/formeU.svg) no-repeat right -3.75rem bottom -7rem; background-size: 35rem auto; }
    #footer .footer-booklet,
    #footer .footer-coords  { margin-bottom: 1.875rem; } 
    .footer-widgets { margin-bottom: 3rem; } 
    #footer .coords-socials i { font-size: 2rem; } 

    .entry-categories,
    .entry-dates, 
    .entry-public { font-size: 1.5rem; }   
    .entry-tarifs p { font-size: 1.25rem; }   
    .entry-company,
    .entry-style{ font-size: 2rem; } 
    .entry-btn { margin-bottom:2rem; } 

    .page-template-page-artists .block-image,
    .page-template-page-artists .wp-block-images .col-md-6 .block-image { margin-bottom: 3rem; } 
 
    #front-events .container { position: relative; padding-top: 3rem; padding-bottom: 2rem; }
    #front-events .section-title { position: absolute; top: 3rem; left:-3.5rem; margin-block: 0; writing-mode: sideways-lr; }
 
    #front-posts .container { position: relative; padding-top: 3rem; padding-bottom: 3rem; }
    #front-posts .section-title { position: absolute; top: 3rem; left:-3.5rem; margin-block: 0; writing-mode: sideways-lr; }  

    #front-main { padding-top: 3.125rem; padding-bottom: 3.5rem;} 
    #front-main .col-title { width: 3.75rem; max-width: 3.75rem; }
    
}