/*!
Theme Name:   Michelle Child
Template:     michelle
Theme URI:    https://github.com/webmandesign/child-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
Version:      1.9.3
Description:  You can change this description text in your child theme's "style.css" file.
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/* Root variables */

:root {
  --scrollbar_width: 50px !important;
  --posts_list_gap: 0.5em;
}

@media (max-width: 600px) {
  :root {
    --scrollbar_width: 0 !important;
  }
}

@media (max-width: 1279px) {
  .has-navigation-mobile {
    --button_toggle_sub_menu_size: 18px;
  }
}

.wp-block-button__link {
  background: var(--site-accent-color);
}

a.wp-block-button__link:hover {
  text-decoration: none !important;
}

.img-lightbox .btn-close {
  background-color: transparent;
}

/* Remove dashed outlines on focus */

.site :focus {
  outline-style: none;
}

/* Remove decorative border margin from body */

body[class*=-header-overlaid] .site-header {
  margin-top: 0;
}

/* LOAD FONTS */

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-Regular.otf");
  font-weight: 300;
}

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-Medium.otf");
  font-weight: 400;
}

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-MediumItalic.otf");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-Light.otf");
  font-weight: 100;
}

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-LightItalic.otf");
  font-weight: 100;
  font-size: italic;
}

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-Black.otf");
  font-weight: 700;
}

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-BlackItalic.otf");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-Bold.otf");
  font-weight: 600;
}

@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/michelle-child/fonts/Satoshi/Satoshi-BoldItalic.otf");
  font-weight: 600;
  font-style: italic;
}

/* Change body font */

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Satoshi", sans-serif !important;
}

/* Configure headings */

h2,
h3 {
  font-weight: 700;
}

h1 {
  font-size: 3em;
  font-weight: bold;
}

@media (max-width: 880px) {
  h1 {
    font-size: 2.25em;
  }

  h2 {
    font-size: 2em;
  }

  h3 {
    font-size: 1.75em;
  }
}

/* Configure links */

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* General page layout */

.page-header {
  margin-bottom: 4em !important;
}

.site-main {
  max-width: 100%;
}

/** MENU STYLING **/

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .has-navigation-mobile.admin-bar .main-navigation-container {
    padding-top: 0;
  }
}

.custom-logo-link {
  margin-bottom: 5px;
  margin-top: 5px;
}

.site-branding-text {
  margin-left: 2em;
}

.site-title {
  font-size: 1.5em;
  padding: 5px;
  padding-top: 8px;
  margin-top: 3px;
  padding-left: 0;
}

/*Make sure header menu shows at correct position*/
body.logged-in #masthead {
  top: var(--wp-admin--admin-bar--height);
}

/* Move menu to the right */
#site-navigation {
  width: 100%;
  height: 100%;
}

@media (max-width: 1279px) {
  #site-navigation {
    display: flex;
    width: 80%;
    justify-content: flex-end;
  }

  .has-sticky-header-mobile.has-scrolled.has-scrolled-up:not(.has-navigation-toggled) .site-header {
    max-height: 5em;
  }

  #menu-toggle {
    padding: 0;
  }

  #menu-toggle>p {
    margin-bottom: 0;
  }

}

.site-header-content {
  display: flex;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.modal-search-toggle {
  padding: 0;
}

.site .site-branding {
  padding: 0;
  color: var(--site-menu-link-color);
}

.site .site-branding a,
.menu-open {
  color: var(--site-menu-link-color);
}

#site-navigation-container {
  justify-content: flex-end;
  height: 100%;
}

#menu-primary>li {
  padding-bottom: 0;
}

#menu-primary a {
  color: var(--site-menu-link-color);
}

#menu-primary li.menu-item-is-depth-0.a11y-menu--has-children {
  padding-right: 10px;
}

#menu-primary li:hover {
  background-color: var(--site-accent-color);
}

#menu-primary li.menu-item-is-depth-0:not(.menu-cta):hover,
#menu-primary li.menu-item-is-depth-1:hover,
#menu-primary li.menu-item-is-depth-2:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

#menu-primary li.menu-cta:hover>a {
  background-color: rgba(255, 255, 255, 0.4);

}

#menu-primary li:hover>a {
  text-decoration: none;
}

#menu-primary li:not(.menu-cta)>a {
  padding: 10px;
}

.menu-cta a {
  background-color: #000000;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  margin: 5px 0;
}

/* Font styling */
.menu-primary>li>a,
h1.entry-title {
  text-transform: none;
}

.main-navigation a,
.main-navigation .current-menu-ancestor>a,
.main-navigation .current-menu-item>a {
  font-weight: 300;
}

/* Sub menu spacing */

.main-navigation .sub-menu {
  top: 38.5px;
  padding: 0;
  margin-top: 10px;
  min-width: 100px;
  /*background: black;*/
  background: --site-accent-color;
  opacity: 100%;
  text-align: left;
  left: 0;
}

.main-navigation .sub-menu li {
  width: 100%;
}

@media (min-width: 1279px) {
  .main-navigation .sub-menu a {
    padding: 5px 20px !important;
    width: 100%;
  }

  #menu-primary li {
    padding-bottom: 3px;
  }
}

@media (max-width: 1278px) {
  .has-navigation-mobile .sub-menu a {
    text-align: left;
    font-size: 1.1em;
  }
}

/* Remove top padding from and adjust positioning of sub sub menu */

.main-navigation .sub-menu .sub-menu {
  padding-top: 0;
  top: -10px;
}

/* Change the sub-menu button from plus to arrow */
.toggle-sub-menus .button-toggle-sub-menu {
  opacity: 1;
  border: solid;
  border-width: 0 3px 3px 0 !important;
  display: inline-block;
  padding: 3px;
  opacity: 1;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-color: #000;
}

.page-template-no-intro-header-overlaid-light .toggle-sub-menus .button-toggle-sub-menu,
body.has-navigation-mobile .toggle-sub-menus .button-toggle-sub-menu {
  border-color: #fff;
}

.menu-item-has-children:hover>.button-toggle-sub-menu {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 5px;
}

.toggle-sub-menus .button-toggle-sub-menu:after,
.toggle-sub-menus .button-toggle-sub-menu:before {
  display: none;
}

@media (max-width: 1279px) {
  .has-navigation-mobile .toggle-sub-menus .button-toggle-sub-menu {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

.sub-menu .button-toggle-sub-menu {
  margin-right: 10px;
}

/* Add z-index to move sidebar over the menu */

#masthead {
  z-index: 5;
  background: var(--site-accent-color);
  position: fixed;
  width: 100vw;
  height: 50px;
}

/* SIDEBAR STYLING */

#sidebar-full,
#sidebar-mini {
  float: left;
  height: 100%;
  position: fixed;
  top: 0px;
}

body.logged-in #sidebar-full,
body.logged-in #sidebar-mini {
  top: var(--wp-admin--admin-bar--height);
}

#sidebar-full {
  width: 220px;
  z-index: 100;
}

#sidebar-full.initial {
  visibility: hidden;
}

#sidebar-mini {
  width: 50px;
  z-index: 90;
}

#sidebar-full,
#sidebar-mini {
  background-color: black;
  color: #ffffff;
}

button#bande-annonce-close {
  background-color: #ffffff;
  color: black;
}

#sidebar-mini button,
#sidebar-full button {
  background-color: black;
  color: #ffffff;
}

#sidebar-full button:hover,
#sidebar-mini button:hover,
#sidebar-mobile button:hover,
button#bande-annonce-close:hover,
button#bande-annonce-play:hover {
  box-shadow: none;
}

#sidebar-mini button div,
#sidebar-mobile button div {
  width: 20px;
  height: 2px;
  margin: 6px 0;
}

#sidebar-mini button div {
  background-color: white;
}

#sidebar-mobile button div {
  background-color: var(--site-menu-link-color);
}

#sidebar-mobile button {
  background-color: transparent;
  padding: 3px;
  border: none;

}

#sidebar-mini .wp-block-kadence-icon {
  margin-bottom: 10px;
}

.sidebar-content {
  padding-left: 10px;
  padding-right: 10px;
}

#menu-sidebar-full {
  margin-left: 1.25em;
}

#menu-sidebar-full li {
  list-style: none;
  line-height: 1;
  margin-bottom: 10px;
}

#menu-sidebar-full li>a {
  color: black;
  font-size: 17px;
  font-weight: 300;
}

#sidebar-full .kt-inside-inner-col {
  padding: 2px 20px;
  font-size: 14px;
}

#sidebar-full button {
  float: right;
  border-right-width: 15px;
  z-index: 10000;
  position: relative;
}

.sidebar-full-social {
  margin-left: 10px;
  margin-right: 25px;
  margin-top: 60%;
  gap: 0 !important;
}

#sidebar-mini img {
  padding: 10px;
}

#sidebar-full img {
  padding: 0px 80px 10px 20px;
}

#sidebar-full .widget_media_image {
  margin-top: -32px;
  float: left;
}

#sidebar-mini #open {
  padding-top: 11px;
  border: 0;
  width: 100%;
  padding-left: 15px;
}

.kb-section-link-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index:10
}

/* ACTIVE SIDERBAR BUTTON */

.kt-inside-inner-col.active {
  background-color: var(--site-accent-color) !important;
  color: var(--site-menu-link-color) !important;
}

#menu-item-405 .sub-menu {
  display: none;
}

#menu-item-405>a::after {
  content: '˄';
}

#menu-item-405:hover>a::after {
  content: '˅';
}

#menu-item-405:hover .sub-menu {
  display: block;
  margin-left: 0;
  margin-top: 5px;
}

.custom-logo {
  max-height: 2.5em;
}

@media (max-width: 880px) {
  .site-branding-text {
    margin-left: 20px;
  }

  .site-header-section {
    padding-left: 15px;
  }

  .custom-logo {
    padding-bottom: 0px;
    margin-left: 20px;
  }

  .has-sticky-header-mobile.has-scrolled #masthead {
    background-color: transparent;
  }
}

/** Footer Styling **/

.site-footer {
  padding-top: 50px;
}

.site-footer-section ul li.wp-block-kadence-listitem {
  margin-bottom: 0;
}

@media (min-width: 881px) {
  .site-footer {
    padding-top: 120px;
  }

  #sidebar-mobile {
    display: none;
  }

  .site-header-section {
    padding-left: 65px;
    height: 100%;
  }

  .site-branding-text {
    margin-left: 0;
  }
}

.site-footer-section {
  padding: 0;
  padding-left: 50px;
}

.footer-main {
  width: 100%;
}

.footer-main .wp-block-column {
  margin: 0 !important;
  padding: 30px;
}

.footer-main .column-1 {
  background-color: #060B11;
}

.footer-main .column-2 {
  background-color: #0B1521;
}

.footer-main .column-3 {
  background-color: #112032;
}

.site-footer-content a {
  color: #ffffff;
  text-decoration: none;
}

.subsite-footer-section {
  justify-content: center;
  display: flex;
  margin-left: 50px;
}

.subsite-footer-content {
  max-width: 80%;
}

.site-footer-content {
  max-width: 100vw;
}

.site-header-content {
  max-width: 90vw;
  height: 100%;
}

.site-info-content {
  text-align: center;
}

@media (min-width: 880px) {
  footer .form-group {
    max-width: 60%;
  }
}

footer .form-group>input,
footer .form-group>button {
  width: 100%;
  margin-bottom: 1em;
}

.footer-main .column-1,
.footer-main .column-2 {
  font-size: 20px !important;
}

.footer-main {
  gap: 0 !important;
}

/** Reusable Blocks **/

/**** Title on left/right with 3 images ****/
.titre-gauche h2,
.titre-droite h2,
.film-right-title h2 {
  font-size: 50px;
  font-weight: 700;
  color: #808080;
}

/* Reduce H2 size on mobile screens */
@media (max-width: 899px) {

  .titre-gauche h2,
  .titre-droite h2,
  .film-right-title h2 {
    font-size: 30px;
  }
}

@media (min-width: 900px) {

  .titre-gauche h2,
  .titre-droite h2 {
    text-transform: uppercase;
    white-space: nowrap;
    margin: -50% 0 0 0;
  }

  .titre-gauche .rotation-wrapper-outer,
  .titre-droite .rotation-wrapper-outer {
    display: table;
  }

  .titre-gauche .rotation-wrapper-inner,
  .titre-droite .rotation-wrapper-inner,
  .titre-gauche .rotation-wrapper-outer>.wp-block-group__inner-container,
  .titre-droite .rotation-wrapper-outer>.wp-block-group__inner-container {
    padding: 50% 0;
    height: 0;
  }

  .titre-droite>div.content {
    display: flex;
    flex-direction: row-reverse;
  }

  .titre-droite,
  .titre-gauche {
    display: flex;
    align-items: center;
  }

  .titre-droite>.wp-block-group__inner-container,
  .titre-gauche>.wp-block-group__inner-container {
    display: flex;
    align-items: start;
  }

  .titre-droite>.wp-block-group__inner-container {
    flex-direction: row-reverse;
  }

  .titre-gauche {
    justify-content: flex-start;
  }

  .titre-droite {
    justify-content: right;
  }
}

/* @media (min-width: 1500px) and (max-width: 2200px) {
  .titre-droite .wp-block-group__inner-container>h2 {
    transform: rotate(-90deg) translateX(-100%);
  }
}

@media (min-width: 2200px) and (max-width: 3000px) {
  .titre-droite .wp-block-group__inner-container>h2 {
    transform: rotate(-90deg) translateX(-175%);
  }
} */

/* Add bottom margin to left/right title block with text on mobile */
@media (max-width: 880px) {

  article:not(.film) div.wp-block-group.titre-droite.alignfull,
  article:not(.film) div.wp-block-group.titre-droite.alignwide-wrap,
  article:not(.film) div.wp-block-group.titre-gauche.alignfull,
  article:not(.film) div.wp-block-group.titre-gauche.alignwide-wrap {
    margin-bottom: calc(var(--typography_font_size_base) * 1.618) !important;
  }
}

/** Slider Styling **/

.wp-block-eedee-block-gutenslider h2,
.wp-block-eedee-block-gutenslider .wp-block-button__link {
  margin-bottom: 15px;
}

.eedee-swiper-outer>p {
  display: none;
}

.wp-block-button__link {
  font-size: 18px;
}

/* Only set min width on buttons in larger screens */
@media (min-width: 880px) {
  .wp-block-button__link {
    min-width: 300px;
  }
}

@media (max-width: 800px) {
  .wp-block-eedee-block-gutenslider h2 {
    font-size: 28px;
  }

  .wp-block-eedee-block-gutenslider p {
    font-size: 20px;
  }

  .wp-block-eedee-block-gutenslider {
    margin-top: 2em;
  }

  .wp-block-eedee-block-gutenslider.content-change .slide-content,
  .wp-block-eedee-block-gutenslider.content-fixed .slide-content {
    padding: 15px;
  }
}

.wp-block-eedee-block-gutenslider .slide-content p {
  margin-bottom: 5px !important;
}

.wp-block-eedee-block-gutenslider,
.wp-block-eedee-block-gutenslide {
  margin-bottom: 0 !important;
}

/*** Move arrows out of the frame for Partenaires style carrousels ***/

.partenaires-carrousel .kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel .slick-prev {
  left: -40px;
}

.partenaires-carrousel .kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel .slick-next {
  right: -40px;
}

/* Change image setup on smaller screens */
@media (max-width: 880px) {
  .partenaires-carrousel .kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius img {
    object-fit: contain;
  }
}

/* Add some spacing below the carousel */
@media (max-width: 1025px) {
  .partenaires-carrousel {
    padding-bottom: 2em;
  }
}

/** Button **/

.funambules-button,
.button-noir {
  font-size: 16px;
}

.funambules-button:hover a,
.footer-button:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-noir:hover a,
.footer-button {
  background-color: #ffffff !important;
  color: #000000 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}


/*** Masonry Gallery ***/

.masonry-gallery .alignwide-wrap:not(:last-child)>.alignwide {
  margin-bottom: 10px;
}

/*** Call to Action ***/

.call-to-action .wp-block-group__inner-container {
  padding-left: 50px;
  padding-right: 50px;
}

/* Adjust styling on mobile */
@media (max-width: 880px) {
  .call-to-action .wp-block-group__inner-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .call-to-action h2 {
    font-size: 25px;
  }

  .call-to-action:before {
    margin-right: -15px;
  }

  .site-footer .call-to-action:before {
    margin-right: -30px;
  }

  .call-to-action .wp-block-group__inner-container:after {
    margin-left: -30px;
  }

  .site-footer .call-to-action .wp-block-group__inner-container:after {
    margin-left: -40px;
  }

  article.descriptif figure.is-type-video {
    margin: 0 !important;
  }

  .is-singular:not([class*="-content-only"]):not(.has-primary-title) .entry-content-singular>.alignfull:first-child {
    margin-top: 0;
  }

}


/* Setup margins on larger screens */
@media (min-width: 880px) {
  .call-to-action:before {
    margin-right: -50px;
  }

  .call-to-action .wp-block-group__inner-container:after {
    margin-left: -100px;
  }

  .site-footer .call-to-action .wp-block-group__inner-container:after {
    margin-left: -100px;
  }
}

.entry-content>div>.call-to-action {
  width: 90%;
}

.call-to-action:before {
  content: url("/wp-content/themes/michelle-child/assets/img/fleche-noir-haut.svg");
  float: right;
}

.call-to-action .wp-block-group__inner-container:after {
  content: url("/wp-content/themes/michelle-child/assets/img/fleche-noir-bas.svg");
  margin-bottom: 10px;
}

.call-to-action h2 {
  text-transform: uppercase;
}

/** Other **/

/*** Kadence FB icon left margin **/
.kt-svg-icon.kt-svg-icon-fa_facebook-f {
  margin-left: 10px;
}

/*** Content left margin to account for sidebar ***/
#content {
  margin-left: 50px;
}

/*** Remove border from HTML ***/

html {
  border-top: none;
  border-bottom: none;
}

footer,
footer h3 {
  color: white !important;
}


/** Single Film Styling **/

.single-film #content,
.single-projection #content,
.single-evenements #content {
  padding: 0;
  width: calc(100vw - 50px);
}

/* Change z-index to make icons appear on top */
body.single-film .entry-content-singular,
body.single-fiche .entry-content-singular {
  z-index: inherit;
}

.single-film #main,
.single-projection #main,
.single-evenements #main,
.single-fiche #main {
  max-width: 100%;
}

.single-film .content-area,
.single-projection .content-area,
.single-evenements .content-area,
.single-fiche .content-area {
  padding: 0;
}

.single-film .wp-block-cover.alignfull,
.single-projection .wp-block-cover.alignfull,
.single-evenements .wp-block-cover.alignfull,
.single-post .wp-block-cover.alignfull,
.single-fiche .wp-block-cover.alignfull {
  /*margin-top: var(--content_padding_negative);*/
  height: 90vh;
  align-items: flex-end;
  margin-bottom: 0;
}

.single-post .wp-block-cover.alignfull {
  margin-top: var(--content_padding_negative);
}


@media (max-width: 880px) {

  /* Taller cover on smaller screens */
  .single-film .wp-block-cover.alignfull,
  .single-projection .wp-block-cover.alignfull,
  .single-evenements .wp-block-cover.alignfull,
  .single-post .wp-block-cover.alignfull {
    height: 90vh;
  }

  /* Remove short description from single film on mobile*/

  .single-film .entry-summary,
  .single-projection .entry-summary,
  .single-post .entry-summary {
    display: none;
  }

  /* Keep the summary/description in the projections section */
  .projection_grille_item .entry-summary {
    display: block;
  }

  .single-film .film-title,
  .single-projection .film-title,
  .single-post .film-title {
    margin-bottom: 2em;
  }
}

.single-film .wp-block-cover.alignfull h2,
.single-projection .wp-block-cover.alignfull h2,
.single-evenements .wp-block-cover.alignfull h2 {
  font-size: 60;
  font-weight: 700;
  text-align: center;
  text-shadow: 1px 1px #000000;
}

.single-film .wp-block-cover .wp-block-cover__gradient-background,
.single-projection .wp-block-cover .wp-block-cover__gradient-background,
.single-evenements .wp-block-cover .wp-block-cover__gradient-background {
  opacity: 0.3;
}

.single-film .wp-block-cover.alignfull .entry-summary {
  font-size: 30;
  text-align: center;
}

/* Add spacing between buttons and synopsis on mobile */
@media (max-width: 700px) {
  .single-film article:not(.descriptif) .film-description {
    padding-top: 20%;
  }
}

.badge_bande_annonce,
.badge_bande_annonce_on,
.badge_projections,
.badge_projections_on {
  width: 100px;
  height: auto;
}

.film-read-more {
  text-align: center;
}

.film-description {
  background-color: #000000;
  color: #ffffff;
  min-height: 400px;
  padding-top: 2em;
}

.film-description>div {
  padding: 5%;
}

.film-right-title .content,
.titre-gauche-film .content {
  padding: 50px;
}

@media (max-width: 880px) {

  .film-right-title .content,
  .titre-gauche-film .content {
    padding: 20px;
  }
}

@media (min-width: 900px) {

  .film-right-title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  .film-right-title h2,
  .titre-gauche-film h2 {
    font-size: 50px;
    font-weight: 700;
    color: #808080;
    text-transform: uppercase;
    height: min-content;
    white-space: nowrap;
    position: relative;
  }

  .film-right-title .content,
  .titre-gauche-film .content {
    padding: 0;
  }

  .film-right-title .section,
  .titre-gauche-film .section {
    padding: 5%;
    width: 100%;
    display: flex;
  }

  .film-right-title .section {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .titre-gauche h2 {
    transform-origin: top left;
    left: 0;
    top: 50%;
    transform: rotate(-90deg) translateX(-100%);
  }

  .titre-droite h2 {
    transform-origin: top right;
    top: auto;
    bottom: 50%;
    transform: rotate(-90deg) translateX(0%);
  }

  .single-film .titre-droite h2 {
    transform-origin: right bottom;
    transform: rotate(-90deg) translateX(20%);
  }

  .single-projection .titre-droite h2 {
    transform-origin: right bottom;
    transform: rotate(-90deg) translateX(20%);
  }


  .realisateur-image {
    flex-basis: 35%;
  }

  .realisateur-autres-infos {
    flex-basis: 80%;
  }

  .film-fiche-technique {
    min-height: 200px;
  }

  .titre-gauche-film {
    justify-content: space-evenly;
    align-items: center;
  }

  .film-right-title .content {
    margin-right: -8em !important;
    padding-left: 7.5em;
  }

  .film-right-title .content.realisateurs {
    margin-right: -11em !important;
  }

  .titre-gauche-film .content,
  .titre-gauche .wp-block-group {
    margin-left: -100px !important;
  }

  .titre-gauche-film .fiche-technique-meta {
    margin-left: 0 !important;
  }

}

/* Film right titles for big screens */

@media (min-width: 1200px) {
  .film-right-title .content {
    margin-right: -5em !important;
    padding-left: 7.5em;
  }

  .film-right-title .content.realisateurs {
    margin-right: -8em !important;
  }
}

.projections {
  padding-top: 30px;
}

.projections-anterieures {
  padding-top: 20px;
}

@media (max-width: 500px) {
  #posts>article {
    padding: 0;
    padding-top: 0.5em;
  }
}

@media (max-width: 899px) {

  .film-right-title h2,
  .titre-gauche-film h2 {
    text-align: center;
    padding-top: 30px;
    font-size: 30px;
  }
}


.realisation {
  background-color: #ffffff;
}

.realisateurs {
  padding-bottom: 20px;
}

.realisateurs>div:not(:first-child) {
  margin-top: 20px;
}

/* Set min-height on larger screens */
@media (min-width: 880px) {
  .realisateur-image {
    text-align: left;
  }

  .realisateur-image img {
    margin-right: 2em;
  }

  .realisateur-nom {
    margin-left: 20px;
  }
}

/* Setup smaller margin on smaller screens */
@media (max-width: 880px) {

  .single-film .realisateurs>div {
    padding-left: 1em;
    padding-right: 1em;
  }

  .realisateur-image,
  .realisateurs h3,
  .realisateur-nom {
    text-align: center;
  }

  .realisateur-image img {
    margin-bottom: 1em;
  }
}

@media (min-width: 880px) {
  .realisateurs>div {
    display: flex;
    justify-content: space-between;
  }
}


.realisateurs>div img {
  max-height: auto;
  /*align-self: center;*/
  /*flex-basis: 20%;*/
  width: 75%;
}

.realisateur.author-page img {
  width: 30%;
  height: auto;
  align-self: baseline;
  margin-right: 2em;
}

@media (max-width: 880px) {
  .realisateur.author-page img {
    width: 75%;
    margin-left: 12%;
    margin-right: auto;
    margin-bottom: 1em;
  }
}

.realisateur.author-page .realisateur-autres-infos {
  margin-top: 1%;
}

.realisateur-autres-infos {
  /*max-width: 60%;*/
  padding-bottom: 3em;
}

.realisateur-autres-infos p {
  margin-top: 10px;
}


.poste {
  /*text-transform: uppercase;*/
}

.credits {
  min-height: 500px;
  justify-content: center;
  background-color: #ffffff;
}

.generique {
  display: grid;
  flex-basis: 50%;
}

.autres-films {
  background-color: #000000;
  min-height: 400px;
}

.return-button {
  margin-top: 3em;
}

.distinctions {
  background-color: #ffffff;
  padding-bottom: 2em;
}

.contenu_evenement {
  background-color: #ffffff;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 5%;
  padding-right: 5%;
}

/* Add min-height on larger screens */
@media (min-width: 880px) {
  .distinctions {
    min-height: 300px;
  }

  .filmographie {
    min-height: 600px;
  }

  .filmographie p {
    width: 60%;
  }

  .single-projection .distinctions {
    margin-top: 2em;
  }

  .single-projection .distinctions h2 {
    padding-top: 1em;
  }
}

/* Set smaller side margins on smaller screens */
@media (max-width: 880px) {

  .generique p,
  .distinctions p,
  .distinctions div {
    margin-left: 1em;
    margin-right: 1em;
  }

  .single-projection .distinctions {
    margin-top: 2em;
  }
}

.projection_grille {
  display: flex;
  justify-content: center;
}

.projection_grille_item {
  max-width: 20em;
  width: 20em;
  text-align: center;
  padding: 20px;
  margin: 0 10px;
  min-height: 300px;
  background-color: #91B2AC;
}

.anterieures .projection_grille_item {
  background-color: #c0c0c0;
}

/* Resize projection items on smaller screen */
@media (max-width: 320px) {
  .projection_grille_item {
    max-width: 18em;
    width: 18em;
  }
}

.projection_grille_item img {
  max-width: 120px;
}

.projection_grille_item h4,
.projection_grille_item .projection_grille_lieu,
.projection_grille_item .entry-summary {
  margin-bottom: 0.5em;
}

.projection_grille_item h5 {
  margin-top: 0;
  margin-bottom: 0;
}

.projection_grille_item .projection_grille_lieu a {
  color: #fff;
  text-decoration: underline;
}

.projection_grille_item .projection_grille_lieu a:hover,
.projection_grille_item .projection_grille_lieu a:active {
  text-decoration: none;
}

.projection_grille_item .projection_grille_lieu .fa-map-marker-alt {
  color: var(--wp--style--color--link);
}

.projection_grille_item h4 .fa-facebook-square {
  color: #fff;
}

.projection_grille_item .projection_grille_dateheure {
  margin-bottom: 0;
}

.projection_grille_item a {
  color: #000;
}

.projection_grille .debut {
  position: relative;
  bottom: -80px;
}

.fiche-technique-meta {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: left;
  gap: 75px;
}

.film-evenement .fiche-technique-meta {
  padding-left: 5em !important;
}

@media (min-width: 1280px) {
  .descriptif .fiche-technique-meta {
    padding-left: 1em;
  }
}

@media (min-width: 1600px) {
  .descriptif .fiche-technique-meta {
    padding-left: 2em;
  }
}

/* Display meta and fiche technique in columns on mobile */
@media (max-width: 880px) {
  .fiche-technique-meta {
    flex-direction: column;
    width: calc(100% - 3em);
    gap: 0;
  }

  /* Add space between meta and fiche technique */
  article:not(.descriptif).fiche-technique-col2 {
    margin-top: calc(var(--typography_font_size_base) * 1.618);
  }
}

@media (max-width: 1280px) {
  h3.grille_date {
    width: 100% !important;
    margin-bottom: 2em;
    flex-direction: row !important;
  }

  h3.grille_date>div {
    margin-right: 5px;
  }
}

/** Bande Annonce **/

.mediabox-content {
  max-width: 90%;
}

.mediabox-content iframe {
  height: 80% !important;
  margin: 5em 0;
}

div.film-read-more {
  position: absolute;
  margin-top: -0.5em;
}

/* Change bande-annonce button position on larger screens */
@media (min-width: 880px) {
  div.film-read-more {
    margin-left: 4em !important;
  }
}

/* Move read more buttons up on mobile */
@media (max-width: 600px) {

  div.film-read-more,
  div.film-projections img {
    margin-top: -2.5em;
  }
}

/* Align projections icon to the right on mobile screens */
@media (max-width: 880px) {
  div.film-projections {
    margin-left: auto;
    margin-right: auto;
    right: 1em;
  }
}

div.film-projections {
  text-align: center;
  position: absolute;
  margin-top: -0.5em;
  margin-left: 10em !important;
  margin-right: auto;
}

div.film-read-more:hover img.badge_bande_annonce {
  display: none;
}

img.badge_bande_annonce_on {
  display: none;
}

div.film-read-more:hover img.badge_bande_annonce_on {
  display: block;
}

div.film-projections:hover img.badge_projections {
  display: none;
}

img.badge_projections_on {
  display: none;
}

div.film-projections:hover img.badge_projections_on {
  display: block;
}

.single-film .wp-block-cover__inner-container .entry-summary {
  padding-bottom: 2em;
}

/* Single projection */

body.single-film div.film_premiere_container {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 10px;
}

/* Add some spacing above premiere container on smaller screen */
@media (max-width: 880px) {
  body.single-film div.film_premiere_container {
    padding-top: 3em;
  }
  h6.film_premiere {
    font-size: 12px !important;
  }
}

body.single-film h6.film_premiere {
  display: inline-block;
  background-color: #1C3654;
  padding: 5px 15px;
  color: #fff;
  margin-bottom: 0;
  height: min-content;
}

body.single-film h6.edition,
.edition_container .edition {
  display: inline-block;
  background-color: var(--site-accent-color);
  padding: 5px 15px;
  color: #fff;
  margin-bottom: 0;
  margin-top: 0;
}

.edition_container .edition {
  padding: 3px 8px;
  font-size: 12px;
}

body.single-film h2.avec_premiere {
  margin-top: 0.2em;
}

body.single-film .wp-block-cover a {
  color: #fff;
  text-decoration: none;
}

body.single-film span.wp-block-cover__gradient-background {
  margin-bottom: 0;
}

.films_presentes {
  padding-top: 2em;
}

.films_presentes #posts {
  padding: 0 15px;
}

.detail_projections a {
  color: #000;
  text-decoration: underline;
}

.detail_projections a:hover,
.detail_projections a:active {
  text-decoration: none;
}

.detail_projections i.fab,
.detail_projections i.fas {
  color: var(--wp--style--color--link);
}

.detail_projections .detail_projections_debut {
  margin-bottom: 0;
}

.detail_projections .detail_projections_contenu {
  margin-top: 0.5em;
}

.detail_projections h5 {
  margin-top: 1em;
  margin-bottom: 0;
}

/* Single Post (Communiqués) */

.single-post article header.page-header {
  margin-bottom: 2rem;
}

.single-post footer.entry-meta a {
  color: #000;
}

.single-post .page-header-text:not(.has-page-summary) {
  width: 100%;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}

/* Grille horaire */

h3.grille_date {
  width: 95px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #000;
  color: #fff;
  margin-right: var(--posts_list_gap);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

div.grille_separateur {
  width: 100%;
  height: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.lieu_affiche {
  display: block;
}

div.lieu_cache {
  display: none;
}

.lieu_partenaires_image_list {
  display: flex;
}

.lieu_partenaires_image_list img {
  height: 150px;
  width: auto;
  padding-right: calc(2 * var(--posts_list_gap));
}

.filter_carte_marqueurs {
  margin-bottom: 10px;
}

/* Remove spacing between heading and logos on mobile and desktop */
.lieu_partenaires h5,
.lieu_partenaires p {
  margin-top: 0;
  margin-bottom: 0;
}

/* Fiche film dans les grilles */

@media (min-width: 1281px) {
  h3.grille_date {
    height: 320px;
  }
}

.posts .entry {
  border-top: none !important;
}

body:not(.category) .posts .entry {
  padding: 0 !important;
}

.posts .entry:focus-within,
.posts .entry:hover {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.posts h2 {
  margin: 0;
  font-size: 24px !important;
}

.meta-term:first-child .meta-separator {
  display: none;
}

.post-thumbnail {
  position: relative;
}

.film-excerpt {
  font-size: 14px;
  height: fit-content;
  max-height: 0;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-delay: 0s !important;
  transition-duration: 1s;
}

.film-top:hover>div>.film-excerpt {
  max-height: 10em;
}

.film-excerpt .entry-summary {
  margin: 10px 0;
}

.film-excerpt a {
  text-decoration: none !important;
}

.title-container {
  transform: translateY(0);
  transition: transform 0.5s ease-out;
  background: linear-gradient(rgba(0, 0, 0, 0), #000000);
  padding: 10px;
  color: #ffffff !important;
  position: absolute;
  bottom: 0;
}

article.film {
  padding: 0 !important;
}

.title-container a {
  color: #ffffff !important;
}

.posts .entry-content {
  font-size: 16px !important;
  position: relative;
}

.film-top {
  margin-bottom: 0 !important;
  overflow: hidden;
  min-height: 250px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  display: flex;
  align-items: end;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
  cursor: pointer;
}

.film-top:hover {
  overflow: hidden;
}

@media (min-width: 880px) {
  body:not(.category) .posts .entry {
    width: calc(100% - var(--posts_list_gap));
    max-width: calc(100% - var(--posts_list_gap));
  }
}

@media (min-width: 950px) {
  body:not(.category) .posts .entry {
    width: calc(50% - var(--posts_list_gap));
    max-width: calc(50% - var(--posts_list_gap));
  }
}

@media (min-width: 1300px) {
  body:not(.category) #posts>article {
    max-width: calc(33% - var(--posts_list_gap));
    padding: 0;
    height: 300px;
  }
}

@media (min-width: 1800px) {

  h3.grille_date,
  body:not(.category) #posts>article {
    height: 380px;
    max-height: 440px;
  }
}

/* Lieu dans le grille horaire */

.film-top {
  margin-top: 0.5rem !important;
}

@media (min-width: 1281px) {

  .parc-container-mobile {
    display: none;
  }

  .parc-container-desktop {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    padding: 0 10px;
  }

  .parc-container-desktop>a {
    color: #91B2AC;
  }
}

@media (max-width: 1280px) {
  .parc-container-desktop {
    display: none;
  }

  .parc-container-mobile {
    margin: 0.5rem 0 0 0 !important;
    background-color: #000;
    text-align: center;
  }

  .parc-container-mobile>a {
    color: #91B2AC;
  }

}

/** EQUIPE STYLING **/

@media (min-width: 782px) {
  .equipe figure img {
    max-height: 400px;
    width: auto;
  }

  .equipe .wp-block-group {
    margin-bottom: 4em;
  }

  .equipe .wp-block-group__inner-container {
    margin: 0;
    width: 100%;
  }

  .equipe .titre-droite .wp-block-group__inner-container {
    padding-left: 100px;
  }

  .equipe .titre-gauche .wp-block-group__inner-container {
    padding-right: 40px;
  }

  .equipe .wp-block-column {
    margin: 0 !important;
  }

  .equipe .titre-gauche .wp-block-columns {
    margin-left: -5em;
    justify-content: right;
  }

  .equipe .titre-droite .wp-block-columns {
    margin-right: -5em;
    padding-left: 20px;
  }
}

.equipe .wp-block-column {
  font-size: 14px;
  min-width: 180px;
  max-width: 20%;
}

.equipe .wp-block-columns {
  flex-wrap: wrap !important;
  gap: 0.5em;
}

.equipe .wp-block-column:not(:first-child) {
  margin-left: 0;
}

.equipe .wp-block-column:not(:last-child) {
  margin-right: var(--column_gap);
}

.equipe .wp-block-image {
  margin-bottom: 0.75em;
}

.equipe .wp-block-columns.alignfull {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.equipe-nom {
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 0.75em;
}

.equipe-nom svg {
  margin-left: 0.5em;
  max-width: 1em;
  height: auto;
}

.equipe-contact .wp-block-column div {
  font-size: 16px;
}

.equipe-contact .wp-block-column div.equipe-nom {
  font-size: 20px;
}

/* Center align on mobile */
@media (max-width: 880px) {
  .equipe h2 {
    text-align: center;
  }

  .equipe .wp-block-column {
    margin-left: auto;
    margin-right: auto;
  }

  .equipe .wp-block-column:not(:first-child) {
    margin-left: auto;
    margin-right: auto;
  }

  .equipe .wp-block-column:not(:last-child) {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 880px) {
  .equipe .wp-block-columns {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/** GRILLE FILTERS STYLING **/

.type_toggle_inactif,
.type_toggle {
  float: right;
  margin-left: 10px;
}

.funambules_tri select,
.funambules_tri input {
  border: none;
  background-color: #ededf2;
  text-transform: uppercase;
  margin: 10px 4px;
  font-weight: 100;
  font-size: 16px;
}

@media (max-width: 879px) {

  .funambules_tri select,
  .funambules_tri input {
    width: 10em;
  }
}

.funambules_tri input {
  width: 250px;
}

.funambules_tri input::placeholder {
  font-weight: 100;
  font-size: 16px;
}

.funambules_filtre_button {
  background-color: #ededf2;
  text-transform: uppercase;
  padding: 10px;
  font-weight: 100;
  font-size: 16px;
  margin-right: 5px;
  float: right;
  margin-top: 10px;
}

.funambules_filtre_button a {
  color: #060B11;
  text-decoration: none;
}

.funambules_filtre_button a:hover {
  color: var(--wp--style--color--link);
}

/** HOMEPAGE **/

body.home .content-area {
  padding-bottom: 0;
}

/** INDIVIDUAL PAGES **/

body.page .content-area {
  padding-bottom: 0;
  /*padding-top: 12em;*/
}

/** EQUIPE SLIDER **/

.equipe-slider .titre-gauche .wp-block-column {
  min-width: 35% !important;
  position: relative;
  text-align: center;
}

.equipe-slider .titre-gauche .wp-block-columns {
  overflow-x: scroll;
}

.equipe-slider .equipe-nom {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  color: white;
  background-color: #060B11;
  padding-top: 50%;
}

.equipe-slider .wp-block-columns::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.equipe-slider .wp-block-columns {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.equipe-slider .wp-block-column:hover .equipe-nom {
  opacity: 0.7;
}

.equipe-slider .equipe-nom .nom {
  font-size: 18px;
  opacity: 1;
}

.equipe-slider .equipe-nom .titre {
  font-size: 12px;
  opacity: 1;
}

/* Center align title and resize items on mobile */
@media (max-width: 880px) {
  .equipe-slider h2 {
    text-align: center;
  }

  .equipe-slider .titre-gauche .wp-block-column {
    min-width: 45% !important;
    margin-right: 1em;
  }

  .equipe-slider .equipe-nom {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}

/** MEDIA PAGE **/

.materiel>div {
  display: block;
  width: 100% !important;
  display: block !important;
  margin-left: -2em;
  padding-right: 2em;
  margin-bottom: 1em;
}

.materiel>div>div>div {
  margin-bottom: 1em;
}

.materiel h6 {
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}

.materiel ul {
  list-style: none;
  margin-left: 0;
  font-size: 14px;
}

/* Flex styling on larger screens */
@media (min-width: 880px) {
  .materiel>div {
    margin-left: -2em;
    padding-right: 2em;
  }

  .titre-droite .materiel {
    margin-right: -8em !important;
  }
}

/* Center align on mobile */
@media (max-width: 880px) {
  .materiel_tableau h2 {
    text-align: center;
  }

  .materiel>div {
    margin-left: 0;
    padding-right: 0;
  }

  .materiel_tableau>.wp-block-columns {
    margin-left: auto;
    margin-right: auto;
  }
}

/** GALERIE PARTENAIRES **/

.galerie_partenaires .kb-gallery-image-contain img {
  max-width: 130px;
  width: 130px;
  height: auto;
}

/** CATEGORY PAGE **/

body.category article {
  background: var(--global-palette9, #fff) !important;
  box-shadow: 0px 15px 25px -10px rgb(0 0 0 / 5%) !important;
  border-radius: 0.25rem;
  padding: 2rem !important;
  min-height: 15em;
}

body.category article .entry-meta {
  padding-top: 10px;
}

/* Make boxes same height */
body.category .posts {
  justify-content: stretch;
  align-items: inherit;
}

@media (min-width: 1100px) {
  body.category .posts .entry {
    width: calc(33% - var(--posts_list_gap));
    max-width: calc(33% - var(--posts_list_gap));
  }
}

/** MOBILE STYLING **/

@media (max-width: 880px) {

  .alignfull,
  .alignwide-wrap {
    width: inherit;
    max-width: 100vw;
    margin-left: 0;
  }

  .funambules-button>a,
  .button-noir>a {
    padding-top: 5px !important;
    padding-right: 15px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    font-size: 14px !important;
  }

  #sidebar-mini {
    display: none;
  }

  /* Set toggle color to white */
  .site .menu-toggle,
  .site .menu-toggle:active,
  .site .menu-toggle:focus,
  .site .menu-toggle:hover {
    color: #fff;
  }

  body {
    width: 100vw;
  }

  #content {
    margin: 0;
    padding: 0;
    width: 100vw;
    /*margin-top: 50px;*/
  }

  .entry-content-singular>p {
    margin-left: 25px;
  }

  .home .content-area {
    padding-top: 0 !important;
  }

  .single-film #content,
  .single-projection #content,
  .single-evenements #content {
    padding: 0;
    width: 100vw;
  }

  .site-footer-section {
    padding-left: 0;
  }

  .subsite-footer-section {
    margin-left: 0;
    padding: 0 1em;
    width: 100vw;
  }

  .page-template-default .page-header {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .page-template-default .content-area {
    padding-top: 2em;
  }
}

@media (min-width: 881px) and (max-width: 1174px) {
  #menu-primary {
    margin-left: 1em;
  }
}


.funambules-button>a,
.button-noir>a {
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
}

@media (min-width: 900px) {

  /* Remove overlay on gutenslide on desktop */
  .no-overlay-desktop .eedee-background-div__overlay {
    display: none;
  }
}

@media (max-width: 671px) {
  #site-navigation:not(.toggled) #menu-toggle {
    margin-top: -49px;
  }

  #site-navigation {
    width: 100%;
  }

  .fiche-technique-meta {
    margin-left: 1.5em;
  }

}

@media (min-width: 750px) and (max-width: 950px) {
  .site-footer-section .column-2 .kt-svg-icon-list-text {
    display: none;
  }

  .site-footer-section .column-2 {
    flex-basis: 10% !important;
  }

  .site-footer-section .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
    flex-grow: 1 !important;
  }
}

@media (max-width: 879px) {
  .realisateurs>div {
    flex-direction: column;
  }

  .realisateur-autres-infos {
    max-width: 100%;
  }

  .realisateurs>div img {
    margin-left: 0;
    width: 75%;
  }

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

  .projection_grille_item {
    margin: 0.5em 0;
  }
}

@media (min-width: 1500px) {
  .film-top {
    padding-top: 56.25%;
  }

  #posts>article {
    height: 450px;
  }
}

/* Test affichage 3 colonnes sur laptop
@media (min-width: 1200px) {

  body.home:not(.category) .posts .entry {
    width: calc(33% - var(--posts_list_gap));
    max-width: calc(33% - var(--posts_list_gap));
	padding: 0;
    height: 260px;
  }
  
  body:not(.category) .posts-list-film.posts .entry {
    width: calc(33% - var(--posts_list_gap));
    max-width: calc(33% - var(--posts_list_gap));
	padding: 0;
    height: 260px;
  }
  
  .film-top{
  	min-height:200px;
  }
} */

/* Bandeau de pluie */

.easy-notification-bar {
  position: fixed;
}

.easy-notification-bar~#page>#masthead {
  margin-top: 50px;
}

.easy-notification-bar--hidden~#page>#masthead {
  margin-top: 0 !important;
}

.easy-notification-bar--collapsible.easy-notification-bar--align_center {
  padding-left: 20px;
  padding-right: 25px;
}

.easy-notification-bar-message {
  overflow-x: scroll;
  white-space: nowrap;
  margin-right: 25px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.easy-notification-bar-message::-webkit-scrollbar {
  display: none;
}

.rtl a.easy-notification-bar__close,
.easy-notification-bar--align_right a.easy-notification-bar__close {
  left: 0;
  padding: 0 20px;
  background-color: #000;
}

.easy-notification-bar-container {
  /* Starting position */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /* Apply animation to this element */
  -moz-animation: scroll-left 20s linear infinite;
  -webkit-animation: scroll-left 20s linear infinite;
  animation: scroll-left 20s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
  }
}

@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
  }

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

@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
    /* Browser bug fix */
    -webkit-transform: translateX(-100%);
    /* Browser bug fix */
    transform: translateX(-100%);
  }
}

/* MAIN SITE GRILLE DE SECTIONS */

.section-item h5,
.section-item figure {
  margin: 0;
}

.section-item h5>a {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.section-item h5>a::before {
  content: url("/wp-content/themes/michelle-child/assets/img/fleche-blanc-haut.svg");
  float: right;
  position: absolute;
  top: 10px;
  left: 10px;
}

.section-item h5>a::after {
  content: url("/wp-content/themes/michelle-child/assets/img/fleche-blanc-bas.svg");
  margin-bottom: 10px;
  position: absolute;
  bottom: -5px;
  right: 10px;

}

.section-item:hover a::after,
.section-item:hover a::before {
  display: none;
}

.section-item h5>a:hover {
  text-decoration: none;
  background-color: transparent;
}

.section-item>div {
  position: relative;
}

/* MAIN SITE GRILLE D'ÉVÉNEMENTS */

.events-list {
  display: flex;
  justify-content: space-evenly;
  width: 800px;
}

.event-item figure img {
  width: 250px;
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.event-item h5>a {
  align-items: flex-end;
  padding: 30px 25px;
  background: rgba(0, 0, 0, 0.3);
}

.event-item .even-info {
  display: flex;
  flex-direction: column;
}

.event-item h5>a:hover {
  background-color: #ededf2;
  color: #000 !important;
}

.event-item h5>a span {
  font-size: 16px;
  font-weight: normal;
}

.event-info {
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: #000;
}

.event-item a:hover .event-info {
  text-align: center;
}

.event-item a:hover .event-info>.title {
  margin-bottom: 100px;
}

/* Masonry Gallery */

.galerie-masonry .kadence-blocks-gallery-item__caption {
  padding-bottom: 25px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  text-align: left !important;
}

@media (min-width: 1800px) {
  .galerie-masonry .kadence-blocks-gallery-item__caption {
    font-size: 30px !important;
  }
}

@media (max-width: 880px) {
  .kadence-blocks-gallery-item__caption {
    height: 25% !important;
    margin-top: 50% !important;
    opacity: 1 !important;
    font-size: 20px !important;
    overflow: hidden !important;
  }
}

/* Single Film Descriptif */

article.descriptif .fleche img {
  width: 50px;
  height: auto;
}

article.descriptif .wp-block-cover__inner-container {
  text-align: center;
}

article.descriptif figure.is-type-video {
  margin: 20px 5em;
}

@media (min-width: 900px) {
  article.descriptif figure.is-type-video {
    margin: 20px 11em;
  }
}

@media (min-width: 2000px) {
  article.descriptif figure.is-type-video {
    margin: 20px 14em;
  }
}

/* Single Fiche */

.single-fiche .wp-block-cover__inner-container {
  text-align: center;
}

.single-fiche .revue-presse {
  padding: 60px 0;
  text-align: center;
  background-color: #000;
}

.single-fiche .revue-presse>* {
  color: #fff !important;
}

.single-fiche .revue-presse p {
  text-decoration: underline;
  font-weight: bold;
  font-size: 20px;
}

.single-fiche .media {
  display: flex;
  gap: 25px;
}

.single-fiche .media>div img {
  height: 300px;
  width: auto;
}

.single-fiche .media>div p {
  margin-bottom: 0;
}

.single-fiche .invites {
  margin-top: 40px;
}

.single-fiche .invites h3 {
  text-align: center;
}

.invites-slider .invite {
  min-width: 35% !important;
  position: relative;
  text-align: center;
}

.invites-slider .invite img {
  height: 400px;
  margin-bottom: 10px;
}

.invites-slider {
  display: flex;
  overflow-x: scroll;
  gap: 10px;
}

.invite p {
  font-size: 14px;
}

.invites-slider::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.invites-slider {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.single-fiche .ressources-video {
  overflow-x: scroll;
  gap: 10px;
}

.single-fiche .ressources-video figure {
  max-width: 500px;
}

/* Advanced Gallery Spacing */

.alignwide-wrap:not(:last-child)>.alignwide.wp-block-kadence-advancedgallery {
  margin-bottom: 10px;
}

.wp-block-kadence-advancedgallery {
  margin-left: auto;
  margin-right: auto;
}

/* Custom Advanced Gallery styling for portfolio style presentation */

.wp-block-kadence-advancedgallery .kb-gallery-type-grid.kb-gallery-funambules-portfolio {
  margin: -5px;
}

.kb-gallery-type-grid.kb-gallery-funambules-portfolio .kadence-blocks-gallery-item {
  padding: 5px;
}

.kb-gallery-funambules-portfolio .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
  background: linear-gradient(0deg, rgba(28, 54, 84, 0.8) 0, rgba(28, 54, 84, 0) 100%) !important;
  text-transform: uppercase;
  font-weight: bold;
}

@media (min-width: 881px) {
  .kb-gallery-funambules-portfolio .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
    font-size: 35px !important;
  }
}

.kb-gallery-caption-style-cover-hover.kb-gallery-funambules-portfolio .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption,
.kb-gallery-caption-style-below.kb-gallery-funambules-portfolio .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kadence-blocks-gallery-item__caption {
  background: rgba(28, 54, 84, 0.8) !important;
}

/* Styling Archives */

.posts-list.archive .film-top {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/* Styling à la carte */

div.champ_woocommerce {
  display: none !important;
}

body.woocommerce-page .site-main {
  max-width: 100%;
}

.woocommerce-product-details__short-description {
  margin-bottom: 2em;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  width: 30%;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  width: 66%;
}

.woocommerce .product_meta {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: none;
}

/* Styling custom pour pages Gutenberg site vitrine */

.banner_no_bottom_margin {
  margin-bottom: 0px;
}

/* Add support for color palette colors */

.has-funambules-background-color {
  background-color: #1C3654;
}

.has-funambules-color {
  color: #1C3654;
}

.has-cse-background-color {
  background-color: #D56766;
}

.has-cse-color {
  color: #D56766;
}

.has-formation-background-color {
  background-color: #676978;
}

.has-formation-color {
  color: #676978;
}

.has-production-background-color {
  background-color: #91B2AC;
}

.has-production-color {
  color: #91B2AC;
}

.negative-right-margin {
  margin-right: -6em !important;
}

/* WooCommerce Styling */

.woocommerce-orders-table thead {
  background-color: white;
  color: black;
}

.woocommerce-button {
  border-radius: 0 !important;
  background: black !important;
  color: white !important;
  margin: 5px !important;
}

.woocommerce-button:hover {
  background: white !important;
  color: black !important
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 73%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 25%;
}

.woocommerce-MyAccount-navigation-link {
  list-style: none;
  background: white;
  margin-bottom: 4px;
  padding-left: 10px;
}

.woocommerce-MyAccount-navigation-link a {
  width: 100%;
  display: block;
}

.woocommerce-MyAccount-navigation-link:hover {
  background-color: #d56766;
}

.woocommerce-MyAccount-navigation-link:hover a {
  color: white;
  text-decoration: none;
}