@charset "UTF-8";
/*
Theme Name: XR in Central Europe
Author: Raphael Wittmann
Author URI: https://raphaelwittmann.net/
Version: 1.0
Text Domain: xrincentraleurope
*/



/*
* Fonts
*/


@font-face {
  font-family: 'Marianne';
  font-weight: normal;
  src: url('assets/fonts/Marianne-Regular.woff') format('woff'),
       url('assets/fonts/Marianne-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Marianne';
  font-weight: bold;
  src: url('assets/fonts/Marianne-Bold.woff') format('woff'),
       url('assets/fonts/Marianne-Bold.woff2') format('woff2');
}


body, button, input, select, textarea {
    font-family: 'Marianne', sans-serif;
    
}



/*
* Animations
*/
a, a img, input, a i, button, 
.postInList .postThumbnailLink .postTitle, .postInList .postThumbnailLink .postSubtitle, .fakebtn { transition: all .2s ease-in-out; }

/*
* Variables
*/
:root {
    
  --site-content-margin-horizontal: 20px;
  --content-width: 100%;
  --content-max-width: 760px;
  --content-max-width-wide: calc(100% - var(--site-content-margin-horizontal));
  --site-content-padding-vertical: 20px;
  --site-content-padding-vertical-minus: -20px;
  
  
  --margin-bottom-elements: clamp(15px, 1.8vw, 50px);
  --margin-top-elements: clamp(15px, 1.8vw, 50px);
  
  --font-size--xs: 13px; 
   
}


/*
* Structure
*/

.siteWrapper { background-color: var(--wp--preset--color--fond);  color: var(--wp--preset--color--darker);  /*position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0;*/ }

.site { 
    position: relative;  
}

.site-content { padding-top: 0; padding-bottom: var(--site-content-padding-vertical); min-height: calc(100vh - 62px); transition: transform 1s ease;  transform-origin: 50% 0; position: relative; }
.page-template-page-accueil .site-content { padding-top: 0; padding-bottom: 0; }
.desktopMenuOpened .site-content{ transform: scale(0.9); transform-origin: 50% 0; }
.site { transition: transform 1s ease;  transform-origin: 50% 0; }
.admin-bar .site-content { min-height: calc(100vh - 62px - 32px); }

.main { margin: 0 var(--site-content-margin-horizontal); position: relative;  }

.txt > *:not(.alignfull) { margin-left: var(--site-content-margin-horizontal); margin-right: var(--site-content-margin-horizontal); }
.txt > .alignfull { width: 100%; max-width: none; }
.txt > * + .alignfull { margin-top: 0; }
.txt .alignwide { max-width: var(--content-max-width-wide); }
.wp-block-group__inner-container > *, .wp-block-cover__inner-container > * { max-width: var(--content-max-width);  margin-left: auto; margin-right: auto; }
.txt > .alignfull > .wp-block-group__inner-container { width: var(--content-width);  margin-left: auto; margin-right: auto; max-width: var(--content-max-width-wide); }

.wp-block-cover { border-radius: 3px; }
.textOnRight .wp-block-cover__inner-container * { margin-right: 0!important; }

.txt > .topSection { margin-top: var(--site-content-padding-vertical-minus); }
.txt > .lastSection { margin-bottom: var(--site-content-padding-vertical-minus); }



::-moz-placeholder { opacity: 1; }

/*
* General styles
*/
html {  }
body { font-size: 20px; line-height: 1.4; overflow-x: hidden; -webkit-overflow-scrolling: touch; letter-spacing: 0px; background-color: var(--wp--preset--color--darker);  color: var(--wp--preset--color--fond); }

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

b, strong { font-weight: 700; }
em { font-style: italic; }

clearfix:before, .clearfix:after, .gallery:before, .gallery:after { clear: both; content: " "; display: table; }

.singleHeader { padding-top: 50px; }
.singleHeaderRow { padding-top: 5vw; }

/*
* Font Sizes
*/

h2 { font-size: 40px;  margin-bottom: 15px; }


/*
* Links
*/

a { color: var(--wp--preset--color--vert); text-decoration: underline; }

button { outline: none; }

a.btn, .txt a.btn, .txt .wp-block-button__link, button, input[type="submit"], a.button, .fakebtn { 
    background: var(--wp--preset--color--vert); color: var(--wp--preset--color--fond); border: 1px solid var(--wp--preset--color--vert); 
    border-radius: 0px; padding: 5px 15px; display: inline-block; font-size: 15px; line-height: 1.2; -webkit-appearance: none; position: relative; text-decoration: none; font-weight: normal;
    position: relative; overflow: hidden; background-size: 120% 100%; background-position-x: 0%;
}
a.btn:hover, .txt a.btn:hover, .txt .wp-block-button__link:hover, button:hover, input[type="submit"]:hover, a.button:hover { 
    color: var(--wp--preset--color--vert); background-color: transparent;
}
.fakebtn { background: transparent; color: var(--wp--preset--color--darker); border: 1px solid var(--wp--preset--color--darker);  }
.fakebtn:hover { background: var(--wp--preset--color--fond); }


a.wp-block-button__link.has-darker-background-color { border-color: var(--wp--preset--color--darker); }
a.wp-block-button__link.has-darker-background-color:hover { color: #fff; background-color: var(--wp--preset--color--vert)!important; border-color: #fff; }
.txt .is-style-outline .wp-block-button__link, .is-style-outline a.btn { background-color: transparent; color: var(--wp--preset--color--darker); border-color: currentColor; } 
.txt .is-style-outline .wp-block-button__link:hover,  .is-style-outline a.btn:hover { background-color: var(--wp--preset--color--jaune); } 
.pageHeader .is-style-outline a.btn:hover { background-color: var(--wp--preset--color--fond); }
a.btn:active, .txt a.btn:active, .txt .wp-block-button__link:active, button:active, input[type="submit"]:active, a.button:active { transform: scale(1.1); }
.btn i { font-size: 16px; margin-left: 6px; position: relative; top: -2px; }
a.btn.small { font-size: clamp(15px, 1vw, 50px); }

.txt a { text-decoration: underline; }
.txt a:hover { text-decoration: none; }

.caps { text-transform: uppercase; }

/*
* Header
*/
.headerWrapper { position: relative; z-index: 99; background-color: var(--wp--preset--color--darker); color: var(--wp--preset--color--fond); display: flex; justify-content: space-between; align-items: center; padding: 0 var(--site-content-margin-horizontal); }

.menuWrapper { flex-basis: 100%; }
.logo { text-transform: none; font-weight: bold; padding: 15px 0;  }
.logo a { font-size: 21px; line-height: 1; text-decoration: none; color: var(--wp--preset--color--fond);  }
.logo img { width: auto;  display: block; height: 50px; }

.mainNavigationDesktop { display: none;   }
.admin-bar .mainNavigationDesktop {  }


ul.desktopMainNav { display: flex; }
ul.desktopMainNav > li { padding-left: 15px; padding-right: 15px; position: relative; border-right: 1px solid rgba(255,255,255,0.5); }
ul.desktopMainNav > li:last-child { border-right: 0; }
ul.desktopMainNav > li > ul { 
    opacity: 0; pointer-events: none; 
    position: absolute; z-index: 99999; top: 100%; left: 0; padding: 20px; /*width: 400px;*/
    background-color: var(--wp--preset--color--vert); border-radius: 3px; border: 0px solid var(--wp--preset--color--darker);
    transition: opacity 0.2s ease, transform 0.3s ease; /*display: flex; flex-wrap: wrap;*/ box-shadow: 0 5px 10px rgba(0,0,92,0.3);
}

ul.desktopMainNav > li:hover > ul { pointer-events: auto; opacity: 1; transform: translateY(0); }

ul.desktopMainNav > li > ul.openItem { opacity: 1; pointer-events: auto; }

ul.desktopMainNav > li > ul a { color: var(--wp--preset--color--fond); text-transform: none; white-space: nowrap; }
ul.desktopMainNav > li em { font-style: normal; display: none; }
.mainNavigationDesktop li a { padding: 0px 0; background: transparent;  font-weight: 400; position: relative; font-size: 15px; line-height: 1; cursor: pointer; color: var(--wp--preset--color--fond); text-decoration: none; }
.mainNavigationDesktop li a:hover { color: var(--wp--preset--color--jaune); }
.mainNavigationDesktop li.current-menu-item a { opacity: 0.5; color: var(--wp--preset--color--fond); }

ul.desktopMainNav > li > ul > li {  /*width: 50%;*/ border-bottom: 1px solid rgba(255,255,255,0.5); }
ul.desktopMainNav > li > ul > li:last-child { border-bottom: 0; }

.mainNavigationDesktop ul ul li a:hover { color: var(--wp--preset--color--light); } 
.mainNavigationDesktop li > a { position: relative; display: block; padding: 10px 0; text-transform: none; }

 



.desktopMenuOpened .contentMask { position: absolute; z-index: 50; left: 0; bottom: 0; right: 0; top: 80px; /*background: rgba(60, 246, 180, 0.5);  background: rgba(255, 255, 255, 0.5);*/ backdrop-filter: blur(25px); }
.desktopMenuOpened .contentMask:before { content: ''; position: absolute; z-index: 49; left: 0; bottom: 0; right: 0; top: 80px; background: rgba(88, 99, 248, 0.1); } 



.mobileMenuSelector { display: inline-block; font-size: 13px; position: absolute; z-index: 99999; right: 11px; top: 7px; }
.mobileMenuSelector a { cursor: pointer; font-size: 20px; padding: 0 9px; margin-left: 5px; display: inline-block; }


/*
* mobile menu
*/

.menuOpened body { overflow: hidden; height: 100vh; }

.mobileMenuWrapper { 
    display: block; background: var(--wp--preset--color--darker);  color:var(--wp--preset--color--fond); 
    position: fixed; top: 0; bottom: 0; left: 100%; width: 100%; z-index: 999; opacity: 0; transition: opacity 0.3s ease, left 0.3s ease; pointer-events: none;
}
.menuOpened .mobileMenuWrapper { left: 0; opacity: 1; pointer-events: auto; }

.mobileMenu {  height: 100%; padding: 80px 25px 25px; }
.menuOpened .mobileMenu {  overflow: scroll; }

.mobileMenuTop { min-height: calc(100vh - 203px); }

.socialMobile { margin-top: 25px; text-align: center; }
.socialMobile .socialLinks ul {justify-content: center; }

.mobileMenuList > li { border-bottom: 1px solid var(--wp--preset--color--vert); }
.mobileMenuList li a { font-size: 18px; line-height: 1.2; display: block; padding: 10px 35px 10px 0; position: relative; color: var(--wp--preset--color--fond); text-decoration: none; }
.mobileMenuList > li > a { font-weight: 600; }
.mobileMenuList > li em { font-style: normal; }
.mobileMenuList ul ul a { font-size: 16px;  }
.mobileMenuList ul { border-top: 1px solid var(--wp--preset--color--light); border-left: 1px solid var(--wp--preset--color--light); padding-left: 25px; padding-top: 10px; padding-bottom: 10px; display: none; }
.mobileMenuList li.mobileLiOpened > ul { display: block; }
.mobileMenuList li.mobileLiOpened > a .menuArrow { color: var(--wp--preset--color--light); }
.mobileMenuList li.mobileLiOpened > a .menuArrow:before { content: '-'; }

.mobileMenuList li.current-menu-item > a { opacity: 0.7; }
.mobileMenuList li a .menuArrow { position: absolute; right: 0; top: 0px; padding: 10px; color: var(--wp--preset--color--vert); }
.mobileMenuList li a .menuArrow:before { content: '+'; /*font-family: "Font Awesome 5 Free";*/ font-weight: 900; }

.mobileMenuList li li { border-bottom: 1px solid var(--wp--preset--color--vert); }
.mobileMenuList li li:last-child { border-bottom: 0; }

.mobileMenuList li.current-menu-item > a { color: var(--wp--preset--color--light); }

.headerRight { display: none; font-weight: bold; flex-direction: column; gap: 5px; align-items: flex-end; margin-right: 60px; }
.ticketsLink { background: var(--wp--preset--color--vert); color: var(--wp--preset--color--fond); font-size: var(--font-size--xs); font-size: calc(var(--font-size--xs) + 3px); text-transform: uppercase; text-decoration: none; border-radius: 3px; padding: 2px 5px; border: 1px solid var(--wp--preset--color--vert); line-height: 1; display: inline-block;}


.languageSelector { text-transform: uppercase; }
.languageSelector > .currentLanguage { display: none; }
.languageSelector ul { display: flex;  }

.languageSelector ul li a { padding: 0; text-decoration: none; line-height: 31px; width: 33px; font-size: 12px; text-align: center; display: inline-block; background: transparent; border-radius: 50px; border: 1px solid var(--wp--preset--color--fond); text-transform: uppercase; }
.languageSelector ul li { display: flex; }
.languageSelector ul li.active { display: none; }

.languageSelector ul li a:hover { color: var(--wp--preset--color--jaune); border-color: var(--wp--preset--color--jaune); }
.languageSelector ul li.active a { color: var(--wp--preset--color--vert); border-color: var(--wp--preset--color--vert); }

/*
* menu
*/
.menuWrapper { width: 100%; clear: both; display: none; padding-bottom: 25px; }


/*
* Mobile Navigation
*/

.mobileMenuSelector a { cursor: pointer;  display: block; background: transparent; }
.mobileMenuSelector a strong { display: inline-block; position: relative; width: 40px; height: 40px; top: 0; }
.mobileMenuSelector a i, .mobileMenuSelector a i:before, .mobileMenuSelector a i:after { display: block; background-color: var(--wp--preset--color--vert); height: 4px; width: 40px; position: absolute; z-index: 99; left: 0; border-radius: 5px; }


.mobileMenuSelector a i { transition: none; top: 50%;  }
.mobileMenuSelector a i:before { content:''; top: -8px; transition: top 0.1618s ease, transform 0.1618s ease, background-color 0.5s ease;  }
.mobileMenuSelector a i:after { content: ''; bottom: -8px; transition: bottom 0.1618s ease, transform 0.1618s ease, background-color 0.5s ease;  }

/*** animation burger menu ***/


.menuOpened .menuOpen i::before { transform: rotate(45deg); top: 0; background-color: var(--wp--preset--color--vert); }
.menuOpened .menuOpen i::after { transform: rotate(-45deg); bottom: 0; background-color: var(--wp--preset--color--vert); }




.contactsIcons { display: flex; align-items: center; justify-content: center; list-style: none; margin-top: 50px; }
.contactsIcons li { margin: 0 15px; }
.contactsIcons li a { font-size: 25px; background: transparent; color: var(--wp--preset--color--fond);  border-radius: 100%; width: 60px; display: block; text-align: center; line-height: 56px; border: 2px solid var(--wp--preset--color--fond); /*opacity: 0; transform: translateY(20px);*/ }
.contactsIcons li a:hover { background: var(--wp--preset--color--fond); color: var(--wp--preset--color--darker); }


/*
* Footer
*/

.site-footer { font-size: 14px; padding: 50px var(--site-content-margin-horizontal) 180px; background: var(--wp--preset--color--fond) url(assets/img/XR-symbol.png) 50% calc(100% - 15px) no-repeat; background-size: 227px auto; color: var(--wp--preset--color--darker); position: relative; text-align: center; }
.site-footer:before, .pageHeader:after, .mapInfoWindowloader:before {
  content: ''; position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: 4px; 
  background: #52A98E;
  background: linear-gradient(90deg,rgba(82, 169, 142, 1) 0%, rgba(245, 208, 93, 1) 27%, rgba(20, 17, 141, 1) 52%, rgba(245, 208, 93, 1) 78%, rgba(82, 169, 142, 1) 100%); 
}
.pageHeader:after { top: auto; bottom: 0; }

.footerLine { display: flex; justify-content: space-between; flex-direction: column-reverse; gap: 25px; padding: 25px 0; }


.site-footer a { text-decoration: underline; color: var(--wp--preset--color--darker); }
.site-footer a:hover { text-decoration: none; }


.footer-menu { margin: 15px 0; display: flex; justify-content: center; align-items: center; }
.footer-menu li { padding: 5px 15px; position: relative; border-right: 1px solid var(--wp--preset--color--darker);}

.footer-menu li:first-child { padding-left: 0; }
.footer-menu li:last-child { padding-right: 0; border-right: 0; }

.archaosWrapper { padding: 10px 0; }
.archaosWrapper img { width: 200px; }

.site-footer .btnNewsletter { text-decoration: none; font-size: 14px; }
.site-footer .btnNewsletter:hover { text-decoration: none;  }

.footerEuropeLogoWrapper img { max-width: 230px; height: auto; display: block; }

.back2top { position: fixed; z-index: 100; right: 10px; bottom: 4px; display: none; color: var(--wp--preset--color--darker); background: var(--wp--preset--color--fond); width: 32px; line-height: 32px; text-align: center; border-radius: 100%; font-size: 18px; opacity: 1; border: 1px solid var(--wp--preset--color--darker); }
.back2top:hover { background-color: var(--wp--preset--color--jaune); }
.back2top.displayed { display: block; opacity: 1;  }

/*
* Headings
*/
h1, h2, h3, h4, h5, h6 { hyphens: manual; line-height: font-weight: 600;  }
h1, h2 { font-weight: 900; line-height: 1.03; }
h1 span, h2 span, h3 span { /*display: block;*/ color: var(--wp--preset--color--vert); }

h1:not(.small) {font-size: 40px; }
h1.small { font-size: 20px; padding-top: 11px; letter-spacing: 2px; font-weight: 400;  }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; font-weight: bold; margin-top: 2.5vw; }
h5 { font-size: 1em; margin-top: 2.5vw; font-weight: bold; }
h6 { font-size: 0.8em;  }

h2 a.btn { font-size: 11px; padding: 5px 10px; position: relative; top: -5px; }

.hide { display: none; }

/*
* Textes elements
*/
.txt { font-size: 18px; line-height: 1.4; padding-top: var(--site-content-padding-vertical); padding-bottom: max(50px, var(--site-content-padding-vertical)); }
.txt h1 { margin-bottom: var(--margin-bottom-elements); }
.txt .singlePostInfosHeader h1 { margin-bottom: 0; }
.txt h2, .txt h3 { margin-top: var(--margin-top-elements); margin-bottom: var(--margin-bottom-elements); }   
.txt h4, .txt h5, .txt h6 { margin-bottom: 0; }   

.txt .wp-block-buttons { gap: 25px; }
.txt p, .txt ul, .wp-block-buttons { margin-top: 15px; margin-bottom: 15px; }
.txt p:first-child { margin-top: 0; }
.txt p + .wp-block-group { margin-top: 30px; }
.txt * > p, .txt h2 { margin-top: 0; }
.txt * > * + p { margin-top: 15px; margin-bottom: 15px; }
.txt * > * + h2, .txt * + h2  { margin-top: var(--margin-top-elements); }

.txt ul {  list-style: disc; padding-left: 17px; }
.txt ol {  list-style: decimal; padding-left: 20px; }
.txt li {  padding-left: 2px; margin: 5px 0;  }



/*** images ***/
.lazyload,
.lazyloading { opacity: 0; min-height: 100px; }
.lazyloaded { opacity: 1; transition: opacity 300ms; }

.singlePageThumbnailWrapper { margin-top: -30px; margin-bottom: 30px; }
.singlePageThumbnailWrapper img { width: 100%; aspect-ratio: 3/1; border-radius: 0 0 3px 3px; object-fit: cover; object-position: 50% top; }

.noMarginTop, .txt .noMarginTop { margin-top: 0; }
.noMarginBottom, .txt .noMarginBottom { margin-bottom: 0; }
.txt .noMarginBottom + * { margin-top: 0; }
.txt > .wp-block-group.alignwide.has-background { padding: 25px 15px; }
.noPaddingBottom, .txt .noPaddingBottom, .txt > .wp-block-group.alignwide.has-background.noPaddingBottom { padding-bottom: 0; }

.afterHeader { position: relative; z-index: 2; }

.socialLinks {}
.socialLinks ul { padding: 0; margin: 0; list-style: none; font-size: 12px; display: flex; gap: 6px;  }
.socialLinks ul li { padding: 0; margin: 0; display: inline-block; }

.socialLinks ul li a { text-decoration: none; display: flex; border: 0; align-items: center; gap: 7px; height: 100%; }
.socialLinks ul li a i { font-size: 38px; }
.socialLinks ul li a svg { fill: var(--wp--preset--color--darker); width: 40px; height: 40px; display: block; }
.socialLinks ul li a svg path { transition: fill 0.3s ease;  }
.socialLinks ul li a:hover { color: var(--wp--preset--color--vert);  }
.socialLinks ul li a:hover svg path { fill: var(--wp--preset--color--vert);  }


/*
* Post in List
*/
.postInList { position: relative; padding-bottom: 20px; }
.postInList .postThumbnailWrapper { background: var(--wp--preset--color--light); border-radius: 3px; width: 100%; aspect-ratio: 3 / 2; transition: background-color 0.3s ease; overflow: hidden; position: relative; }
.postInList .postThumbnailLink img { display: block; object-fit: cover; width: 100%; height: 100%; transition: transform 1.3s ease, opacity 0.3s ease; }
.postInList .postThumbnailLink:hover img {  transform: scale(1.1);  }
.postInList .postCategories, .postInList .subPostTitle { font-size: 12px; margin-bottom: 5px; margin-top: 10px; text-transform: uppercase; color: var(--wp--preset--color--vert); position: relative; }
.postInList .postCategories span, .postInList .subPostTitle span  { margin-right: 4px;   }
.postInList .postCategories span:after, .postInList .subPostTitle span:after  { content: '•'; margin-left: 6px;   }
.postInList .postCategories span:last-child:after, .postInList .subPostTitle span:last-child:after  { display: none;   }
.postInList .subPostTitle i { margin-left: 5px; }
.txt .postTitle, .postTitle { font-size: clamp(18px, 1.7vw, 50px); letter-spacing: -0.03vw; font-weight: bold; line-height: 1.1; margin: 0px 0 0; }
.postInList .postThumbnailLink:hover .postTitle,
.postInList .postThumbnailLink:hover .postSubtitle { color: var(--wp--preset--color--vert); }
.postInList a { text-decoration: none; color: var(--wp--preset--color--darker); position: relative; display: block; }

/*** Single post ***/


.footerLogosWrapper { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; justify-content: center; }
.footerLogosWrapper img { height: 60px; }



/*
* about / a propos
*/
.aboutColumns { display: flex; flex-direction: column-reverse; margin-bottom: 15px; }


/*
* Accordeon
*/

.wp-block-details { border-top: 1px solid var(--wp--preset--color--darker); border-bottom: 1px solid var(--wp--preset--color--darker);  margin-top: var(--margin-top-elements);   }
.wp-block-details > summary { padding: 15px 35px 15px 0; position: relative; list-style: none; transition: background 0.2s ease, padding 0.2s ease; outline: 0; }
.wp-block-details > summary:hover { background: var(--wp--preset--color--light); padding-left: 5px; padding-right: 30px; }
/*.wp-block-details[open] > summary { background: var(--wp--preset--color--light-blue); padding-left: 5px; padding-right: 30px; border-bottom: 1px solid var(--wp--preset--color--main-middle); color: var(--wp--preset--color--main-middle); margin-bottom: 15px; }*/
.wp-block-details.open > summary { background: var(--wp--preset--color--light-blue); padding-left: 5px; padding-right: 30px; border-bottom: 1px solid var(--wp--preset--color--main-middle); color: var(--wp--preset--color--main-middle); /*margin-bottom: 15px;*/ }
.wp-block-details > summary:before { 
    content:''; display: block; width: 23px;  position: absolute; right: 0; top: 15px; bottom: 15px;
    -webkit-mask-image: url(assets/img/arrow-bottom.svg);
    mask-image: url(assets/img/arrow-bottom.svg);
    background: var(--wp--preset--color--darker);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    opacity: 0.3; transition: opacity 0.2s ease, right 0.2s ease, transform 0.2s ease; 
}
.wp-block-details > summary:hover:before { opacity: 0.6; right: -12px; }
/*.wp-block-details[open] > summary:before { transform: rotate(-180deg); right: -12px; }*/
.wp-block-details.open > summary:before { transform: rotate(-180deg); right: -12px; }

.wp-block-details > summary::marker, .wp-block-details > summary::-webkit-details-marker { display: none; }
.wp-block-details > *:not(summary) {}
.wp-block-details > *:last-child:not(summary) { padding-bottom: 70px; }
.wp-block-details + .wp-block-details { border-top: 0; margin-top: 0; }

/*
* Blog
*/

.listOfPosts { }
.listOfPosts .postThumbnailLink { display: block; text-decoration: none; }
.postThumbnailLink:active, .postInList .postThumbnailLink:active .postTitle, .postInList .postThumbnailLink:active .postSubtitle { color: var(--wp--preset--color--main-middle); }

.postThumbnailWrapper { border-radius: 3px; overflow: hidden; }
.postThumbnailWrapper img { display: block; height: 100%; width: 100%; object-fit: cover }
.postInfos { padding: 15px 0; }
.wp-block-details .listOfPagesVignetteBloc .postExcerpt { display: none; }
.listOfPagesVignetteBloc .subPostTitle { display: none; }



/*** tooltip ***/


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  font-size: var(--font-size--xs);
  visibility: hidden;
  width: 140px;
  background-color: var(--wp--preset--color--grey);
  color: var(--wp--preset--color--fond);
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--wp--preset--color--grey) transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}




/*
* Navigation
*/
.navigation.pagination { margin-top: 100px; text-align: center; padding-bottom: 80px; }
.navigation.pagination .screen-reader-text { display: none; }

.nav-links { display: flex; justify-content: center; align-items: center; gap: 5px; }
.navigation.pagination .page-numbers { display: flex; align-items: center; justify-content: center;  width: 30px; height: 30px;  font-size: var(--wp--preset--font-size--small); line-height: 1; border: 1px solid var(--wp--preset--color--darker); border-radius: 100%; text-decoration: none; color: var(--wp--preset--color--fond); background: var(--wp--preset--color--darker);  }
.navigation.pagination .page-numbers.current { border-color: var(--color--accent); color: var(--color--accent); background: transparent;}
.navigation.pagination a.page-numbers  { color: var(--wp--preset--color--fond); }
.navigation.pagination a.page-numbers:hover  { color: var(--wp--preset--color--fond); background-color: var(--wp--preset--color--main-middle); border-color: var(--wp--preset--color--main-middle); }
.navigation.pagination a.page-numbers.next, .navigation.pagination a.page-numbers.prev { border: 0; height: auto; color: var(--wp--preset--color--main-middle); background: transparent; }
.navigation.pagination .page-numbers i { font-size: 10px; }



/*
* General Content
*/
.showOnDesktop { display: none; }

.btnWrapper, .txt .btnWrapper { margin: 0 0 15px; }
.txt * + .btnWrapper { margin-top: 15px; }


.social-share {  padding-top: 50px; }
.social-share h6 { text-transform: uppercase; color: var(--wp--preset--color--darker); margin-bottom: 10px; }
.social-share li { display: inline-block; font-size: 30px; margin: 0 3px; }
.social-share li a { color: var(--wp--preset--color--darker); }

.screen-reader-text { display: none; }

sup { vertical-align: super; font-size: smaller; }

.txt .wp-block-image figcaption { text-align: left; color: var(--wp--preset--color--vert); font-size: 12px; } 
 
/*
* Page
*/
.txt img { display: block; max-width: 100%; height: auto; }
.txt .wp-block-image { margin-bottom: var(--margin-bottom-elements); margin-top: 0px; position: relative; margin-block-end: 0;}
.txt * + .txt .wp-block-image { margin-top: 50px; }
.txt .wp-block-image.aligncenter { display: block; }
.txt .wp-block-image.aligncenter img { margin-left: auto; margin-right: auto; }

.txt .wp-block-embed { margin-bottom: 50px; }



/*
* Single post
*/


.singlePostThumbnail { position: relative; background: var(--wp--preset--color--light) url(assets/img/loader.gif) no-repeat center; background-size: 30px 30px; border-radius: 3px; overflow: hidden; }
.singlePostThumbnailInner {position: relative; overflow: hidden; border-radius: 3px; }
.singlePostThumbnail img { width: 100%; height: auto; display: block; border-radius: 3px; image-rendering: pixelated; object-fit: cover; }
.single-evenement .singlePostThumbnail { width: 100%; margin-bottom: var(--margin-bottom-elements)}
.singleTxt { }

.singlePostInfos { padding: 25px 0; position: relative; }
.singlePostInfos .postExcerpt { margin-bottom: 15px; /*margin-top: clamp(20px, 3vw,60px);*/ }

/*** Embed Content ***/
.postDate { text-transform: uppercase; margin-right: 0; display: inline-block; }

.singleFooter { text-align: center; }
.singleFooter .dateWrapper { color: var(--wp--preset--color--darker); font-size: 0.9em; }
.singleFooter .btnWrapper .btn { font-size: 0.9em; text-transform: none; }

.wp-block-embed-wordpress iframe, .wp-block-embed iframe, iframe { width: 100%; }
iframe .wp-embed-share { display: none; }
iframe { display: block; }

.txt iframe { margin-bottom: 25px; border-radius: 10px; }



/*** native gutenberg blocks style ***/

.wp-block-quote { border: 0; padding-left: 0; font-style: normal; font-weight: bold; font-size: 1.2em; color: var(--wp--preset--color--main-middle); }
.txt .wp-block-quote p { margin-bottom: 0; }
.wp-block-quote cite { font-weight: 400; font-size: var(--wp--preset--font-size--small); }

.wp-block-pullquote { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; color: #afafaf;  }
.wp-block-pullquote cite { color: #ccc; }
.wp-block-pullquote p { font-size: 22px; line-height: 1.6; font-style: italic; }

.wp-block-button__link { }

.txt .wp-block-gallery { padding: 0; margin-bottom: 50px; }
.txt .wp-block-gallery.smallGap { gap: 25px!important; }
.txt p +  .wp-block-gallery { margin-top: 50px; }
.txt .wp-block-gallery .blocks-gallery-item { overflow: hidden; }





.txt .wp-block-gallery.logosGallery { justify-content: space-around; max-width: 70%; margin-left: auto; margin-right: auto; }
.txt .wp-block-column .wp-block-gallery.logosGallery, .txt .wp-block-gallery.logosGallery.alignwide { max-width: none; margin-left: var(--site-content-margin-horizontal); margin-right: var(--site-content-margin-horizontal);  }
.txt .wp-block-gallery.logosGallery .wp-block-image { max-width: 300px; margin-bottom: 0!important; }
.txt .wp-block-gallery.logosGallery .wp-block-image a { display: flex; align-items: center; justify-content: center; } 
.txt .wp-block-gallery.logosGallery .wp-block-image img { max-height: 155px; margin-left: auto; margin-right: auto; }

.txt .wp-block-gallery.logosGrid { gap: 30px; align-items: stretch; }
.txt .wp-block-gallery.logosGrid .wp-block-image { width: calc(50% - 120px / 5)!important; flex-grow: 0; display: flex; align-items: stretch; border-radius: 3px; background: #fff; }
.txt .wp-block-gallery.logosGrid .wp-block-image > a { border: 1px solid var(--wp--preset--color--grey-middle); padding: 15px; display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 3px; }
.txt .wp-block-gallery.logosGrid .wp-block-image > a:hover { border-color: var(--wp--preset--color--vert);  }
.txt .wp-block-gallery.logosGrid .wp-block-image > a:active { opacity: 0.7;  }
.txt .wp-block-gallery.logosGrid .wp-block-image img { height: 7vw; width: 80%; object-fit: contain;  }
.txt .wp-block-gallery.logosGrid .wp-block-image figcaption { display: none; position: static; opacity: 1; background: none; color: var(--wp--preset--color--darker);  text-decoration: none; text-align: left; padding: 0px 0; font-size: var(--wp--preset--font-size--small); transform: none; }
.txt .wp-block-gallery.logosGrid .wp-block-image figcaption a { text-decoration: none;  }
.txt .wp-block-gallery.logosGrid .wp-block-image:before { display: none; }
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { flex: auto; }
.fullSectionGradient { border-radius: 50px 0 0 0; }

.is-style-slideshow.wp-block-gallery .slick-slide { margin-right: 10px; }
.is-style-slideshow.wp-block-gallery .slick-list { padding-bottom: 80px!important; gap: 10px; }
.is-style-slideshow.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img,
.is-style-slideshow.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) img { height: 500px; width: auto; object-fit: fill; }
.is-style-slideshow.wp-block-gallery .slick-dots, .txt .is-style-slideshow.wp-block-gallery .slick-dots { bottom: 30px; padding: 0; }
.is-style-slideshow.wp-block-gallery .slick-prev, .is-style-slideshow.wp-block-gallery .slick-next { top: 50%; transform: translateY(calc(-50% - 30px)); opacity: 0; }
.is-style-slideshow.wp-block-gallery:hover .slick-prev, .is-style-slideshow.wp-block-gallery:hover .slick-next { opacity: 1; }
.is-style-slideshow.wp-block-gallery .slick-prev { left: 25px; }
.is-style-slideshow.wp-block-gallery .slick-next { right: 25px; }
h1.small + .wp-block-separator { margin-top: var(--margin-bottom-elements); margin-bottom: var(--margin-bottom-elements);  }



/*
* 404
*/

.errorHeader { text-align: center; margin: 50px 0 30px; }
.errorContent { text-align: center; margin: 0 auto 40px; max-width: 300px; }
.searchFormContainer.searchFormError { text-align: center; margin-top: 0; padding-top: 0;}
.searchFormContainer .description { margin-bottom: 25px; }


/*
* Formulaires
*/

input[type="text"], input[type="email"], input[type="tel"], textarea { width: 100%; border: 1px solid var(--wp--preset--color--darker); background: transparent; padding: 10px; border-radius: 5px; font-size: 18px; line-height: 1.2; color: var(--wp--preset--color--main-middle); box-shadow: none; outline: none; }
input[type="text"]:hover, input[type="email"]:hover, textarea:hover {  }
input[type="text"]:focus, input[type="email"]:focus, textarea:focus { border-color: #333; background: var(--wp--preset--color--fond); color: var(--wp--preset--color--darker); outline: none; }

.wpcf7-list-item { margin: 0; margin-right: 15px; }
.contactForm label { margin-bottom: 3px; display: block; }

/*
* Home
*/
.homeTxt { font-size: 14px; padding-bottom: 15px; }
.homeTxt p { margin-bottom: 5px; }
.homeReadMoreWrapper { margin-top: 15px; }
.homeReadMoreWrapper .btn { font-size: 14px; }

.filtersTitleLabel { font-size: 14px; color: var(--wp--preset--color--vert); margin-bottom: 10px; text-transform: uppercase; }
.filtersTitleLabel span { display: inline-block; position: relative; padding-right: 14px; }
.filtersTitleLabel span:before { 
  content:''; display: block; width: 10px; height: 10px; position: absolute; right: 0; top: 5px; 
  -webkit-mask-image: url(assets/img/arrow-right.svg); mask-image: url(assets/img/arrow-right.svg);
  background: var(--wp--preset--color--vert);
  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
  mask-position: center; -webkit-mask-position: center;
  mask-size: contain; -webkit-mask-size: contain;
  opacity: 1; transition: opacity 0.2s ease, right 0.2s ease, transform 0.2s ease; transform: rotate(90deg); }

.filtersWrapper  { display: none; }
/*
* Light box
*/

body.lightboxActivated { position: fixed; left: 0; right: 0; }
.lightbox { background: transparent url(assets/img/loader.gif) no-repeat 50% calc(50vh - 32px); background-size: 64px 64px; backdrop-filter: blur(9px); }
.lightBoxWrapper { display: block; position: fixed; z-index: 9999; top: 0; left: 100%; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; background: rgba(0,0,92,0.9);  opacity: 0; transition: opacity 0.5s ease; pointer-events: none; visibility: hidden; -webkit-overflow-scrolling: auto;}
.lightboxActivated .lightBoxWrapper { display: block; visibility: visible; opacity: 1; left: 0; pointer-events: auto; }
.lightBoxWrapper .lightBoxContent { opacity: 0; transition: opacity 0.4s ease, top 0.4s ease; position: relative; top: -30px; border-radius: 30px; }
.lightboxActivated .lightBoxWrapper .lightBoxContent { opacity: 1; top: 0; }

.lightBoxWrapper .lightbox { padding: 50px 20px; display: flex; align-items: center; justify-content: center; overflow: scroll;  min-height: 100%;  }
.lightboxActivated .lightBoxWrapper .lightbox {  }
.lightBoxContent { background: #fff; color: var(--wp--preset--color--darker); border-radius: 0; padding: 35px 20px; text-align: left; max-width: 900px; width: 100%; position: relative; }
.txt > .lightBoxInner, .lightBoxInner  { max-width: 100%!important; }
a.closeLightBox { position: absolute; z-index: 10; right: 10px; top: 0px; display: block; color: var(--wp--preset--color--fond); cursor: pointer; padding: 2px; font-size: 22px; }
a.closeLightBox:hover { opacity: 1; color: var(--wp--preset--color--light); } 

.lightBoxContent .formTitle { font-size: 18px; }
.lightBoxContent .texte { font-size: 18px; margin: 15px auto; }


.pswp__bg { background: rgba(0,0,92,0.9);  }
.pswp__zoom-wrap { border-radius: 3px;}
.pswp img { border-radius: 3px;}
.pswp__caption { font-size: 13px; }
.pswp__dynamic-caption--overlay { background: transparent; }

/*
*  liste 
*/
.listeAnchors { display: flex; gap: 5px; margin-top: 10px; }

.listOfActorsWrapper { padding-top: 50px; }

.actorInList { border-top: 1px solid var(--wp--preset--color--vert); }
.actorInList a { display: block; padding: 15px 0; text-decoration: none; color: var(--wp--preset--color--darker); font-size: 15px; }
.actorInList a:hover { color: var(--wp--preset--color--vert); }
.actorInList .postTitle { font-size: 24px; font-weight: bold; margin-bottom: 3px; }
.actorInList .actorLocalisation { color: var(--wp--preset--color--vert); font-weight: bold; }

/*
*  Modal popup
*/
.modal-window__content-main { color: var(--wp--preset--color--darker); }
.modal-window__content-main > * { margin-top: 10px; margin-bottom: 10px; }
.modal-window__content { min-width: 300px; }

/*
*  JS animations
*/


.fadeInFromBottom { opacity: 0;  transform: translateY(30px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fadeInFromBottom.inView { opacity: 1; transform: translateY(0); } 




/*
 * Instagram feed
 */ 
.instagram-gallery-feed { display: none; }

/*
 * Coming Soon
 */ 
body.page-template-coming-soon { background: #000091; color: #fff; }
.comingSoonContentWrapper { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 25px 0px; position: relative;  }
.comingSoonContent { position: relative; z-index: 2; width: 90%;  max-width: 1200px;}
.comingSoonLogo {  margin: 0 auto; text-align: center; font-size: clamp(20px, 8vw, 180px); font-weight: bold; }

.comingSoonTagline { text-transform: uppercase; letter-spacing: 2px; font-size: 20px; margin: 25px 0; opacity: 0; transform: translateY(20px); }
.comingSoonIcons { display: flex; align-items: center; justify-content: center; list-style: none; }
.comingSoonIcons li { margin: 0 15px; }
.comingSoonIcons li a { font-size: 25px; background: var(--wp--preset--color--fond); color: var(--wp--preset--color--darker);  border-radius: 100%; width: 60px; display: block; text-align: center; line-height: 56px; border: 2px solid var(--wp--preset--color--fond); opacity: 0; transform: translateY(20px); }
.comingSoonIcons li a:hover { background: transparent; color: var(--wp--preset--color--fond); }
.comingSoonContentWrapper a { text-decoration: underline; }

.comingSoonContentInside .wpcf7 label { margin-bottom: 0px; display: block; }


.comingSoonContentInside { margin-top: 25px; font-size: 14px; }

.newsletterFormWrapper { max-width: 400px; margin: 20px auto 0  auto; padding: 20px; }

.wpcf7 form .wpcf7-response-output { margin: 20px 0 0; border: 0; background-color: var(--wp--preset--color--jaune); padding: 10px; }
.wpcf7-form p { margin-bottom: 10px; }

/*** Keep in touch ***/
.textRollingBanner {  color: var(--wp--preset--color--darker); white-space: nowrap; position: relative; }
.textRollingBanner > div { white-space: nowrap; width: auto; position: relative; display: flex; }
.textRollingBanner h3 { transition: none; display: inline-block; font-size: 28vh; line-height: 32vh; text-transform: uppercase; font-weight: 900; white-space: nowrap; position: relative; top: 2vh; }

/*
* Maps 
*/
.map-controls {
  background: var(--wp--preset--color--white);
  padding: 20px var(--site-content-margin-horizontal); position: relative;
}


.filterItem { margin-bottom: 3px; }
.filterItem input[type="checkbox"] { visibility: hidden; display: none; }
.filterItem .switch { position: relative; display: inline-block; width: 33px; height: 14px; top: 2px; }
.filterItem .checkboxSlider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--wp--preset--color--white); -webkit-transition: .4s; transition: .4s; border: 1px solid var(--wp--preset--color--darker); border-radius: 34px; opacity: 0.5; }
.filterItem .checkboxSlider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 1px; bottom: 1px; background-color: var(--wp--preset--color--darker); -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.filterItem input:checked + .checkboxSlider:before { -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px); }
.filterItem input:checked + .checkboxSlider { opacity: 1; background-color: var(--wp--preset--color--vert); }

.filterItem sup { color: var(--wp--preset--color--vert); }


.map-controls:before {
  content: ''; position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; height: 4px; 
  background: #52A98E;
  background: linear-gradient(90deg,rgba(82, 169, 142, 1) 0%, rgba(245, 208, 93, 1) 27%, rgba(20, 17, 141, 1) 52%, rgba(245, 208, 93, 1) 78%, rgba(82, 169, 142, 1) 100%); 
}
.mapZone { background-color: var(--wp--preset--color--darker); padding: 10px; }
#map { width: 100%; height: calc(100vh - 80px); position: relative;  }

.maplibregl-popup { max-width: none!important; }
#map .mapboxgl-popup-content, #map .maplibregl-popup-content { width: 260px; box-shadow: 0 0px 5px rgba(0,0,145,.3); background-color: var(--wp--preset--color--jaune); }
#map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip, #map .maplibregl-popup-anchor-bottom .maplibregl-popup-tip { border-top-color: var(--wp--preset--color--jaune); }
#map .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip, #map .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip { border-top-color: var(--wp--preset--color--jaune); }
#map .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip, #map .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { border-top-color: var(--wp--preset--color--jaune); }
#map .mapboxgl-popup-anchor-top .mapboxgl-popup-tip, #map .maplibregl-popup-anchor-top .maplibregl-popup-tip { border-bottom-color: var(--wp--preset--color--jaune); }
#map .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip, #map .maplibregl-popup-anchor-top-right .maplibregl-popup-tip { border-bottom-color: var(--wp--preset--color--jaune); }
#map .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, #map .maplibregl-popup-anchor-top-left .maplibregl-popup-tip { border-bottom-color: var(--wp--preset--color--jaune); }
#map .mapboxgl-popup-anchor-left .mapboxgl-popup-tip, #map .maplibregl-popup-anchor-left .maplibregl-popup-tip { border-right-color: var(--wp--preset--color--jaune); }
#map .mapboxgl-popup-anchor-right .mapboxgl-popup-tip, #map .maplibregl-popup-anchor-right .maplibregl-popup-tip { border-left-color: var(--wp--preset--color--jaune); }

#map .maplibregl-popup-content a { color: var(--wp--preset--color--darker); } 
a.popupLink { padding: 15px; text-decoration: none; display: block; }
.popupType { font-weight: bold; }
.popupTitle { font-size: 22px; margin-bottom: 5px; }
.popupTitle a { text-decoration: none; }
.popupLocalisation { margin-bottom: 5px; }
.maplibregl-popup .fakebtn { margin-top: 5px; }
#map-controls label { font-size: 14px; cursor: pointer; display: block; }

  
.coproductionOpen { display: inline-block; max-width: none!important; }
.coproductionOpen.has-background { padding: 10px 20px; }

.mapInfoWindow { opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; background-color: var(--wp--preset--color--fond); }
.mapInfoWindow.on { opacity: 1; pointer-events: auto; }
.mapInfoWindowloader { display: none; position: absolute; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--wp--preset--color--vert); color: var(--wp--preset--color--fond); padding: 20px var(--site-content-margin-horizontal); font-size: 12px; }
.mapInfoWindowloader span { position: relative; top: -7px; animation:0.5s blinker linear infinite;}

@-moz-keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker
{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
 }
.mapInfoWindowloader img { width: 20px; height: auto; display: inline-block; margin-right: 10px; }
/*
* Single Actor 
*/
.actorHeaderMain { padding-right: 10px; position: relative; }
.actorHeaderMain .closeLink { display: block; width: 20px; position: absolute; z-index: 10; right: 0; top: 0px; }
.actorHeaderMain .closeLink:hover { padding: 3px; }
.actorHeaderMain .closeLink img { display: block; width: 100%; height: auto; }
.pageHeader  { background-color: var(--wp--preset--color--jaune); padding: 20px 0; position: relative; font-size: 15px; } 
.singleActorHeader h1 { margin-bottom: 5px; }
.singleActorType { font-weight: bold; }
.singleActorLocalisation { font-weight: bold; }
.singleActorWebsite a { color: var(--wp--preset--color--darker); text-decoration: underline; position: relative; display: inline-block; padding-right: 18px; }
.singleActorWebsite a:after { content: ''; background: transparent url(assets/img/icon-link.svg) no-repeat 0 0; background-size: 14px auto; width: 14px; height: 14px; display: block; position: absolute; z-index: 1; right: 0; bottom: 3px; }
.singleActorWebsite a:hover { text-decoration: none; }