@charset "UTF-8";
/*
Theme Name: Les Lavandières
Author: Raphael Wittmann
Author URI: https://raphaelwittmann.net/
Version: 1.0
Text Domain: les-lavandieres
*/



/*
* Fonts
*/

@font-face {
    font-family: 'museo';
    src: url('assets/fonts/museo500-regular-webfont.eot');
    src: url('assets/fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museo500-regular-webfont.woff') format('woff'),
         url('assets/fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/museo500-regular-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo';
    src: url('assets/fonts/museo100-regular-webfont.eot');
    src: url('assets/fonts/museo100-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museo100-regular-webfont.woff') format('woff'),
         url('assets/fonts/museo100-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/museo100-regular-webfont.svg#museo100') format('svg');
    font-weight: 300;
    font-style: normal;

}


@font-face {
    font-family: 'museo';
    src: url('assets/fonts/museo700-regular-webfont.eot');
    src: url('assets/fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/museo700-regular-webfont.woff') format('woff'),
         url('assets/fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: bold;
    font-style: normal;

}

body, button, input, select, textarea {
    font-family: "museo", sans-serif; font-weight: 500;
    
}



/*
* Animations
*/
a, a img, input, a i, button { 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) - var(--site-content-margin-horizontal));
  --site-content-padding-vertical: 30px;
  --site-content-padding-vertical-minus: -30px;
  
  
  --margin-bottom-elements: 16px;
  --margin-top-elements: 16px;
  
}


/*
* Structure
*/

.siteWrapper { /*position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0;*/ }

.site { 
    position: relative;  background: var(--wp--preset--color--white); color: var(--wp--preset--color--violet); 
}

.site-content { background-color: transparent; background: url(assets/img/second-section.png) no-repeat 50% 100%, url(assets/img/gradient-section.gif) repeat-x 50% 100%; }


.main { margin: 0 auto; width: 90%; max-width: 1170px; position: relative;  }

.txt > * { margin-left: auto; margin-right: auto; width: 90%; max-width: 1170px; }
.txt > .alignfull { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
.txt > * + .alignfull { margin-top: 0; }
.txt .alignwide { max-width: 1170px; }
.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); }
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 1170px!important; }
.txt .topWhiteGroup.alignwide { padding: 15px; border-radius: 15px; }

.txt > .wp-block-group.alignfull.has-background > * { width: 90%; }
.pageHeader { padding: 30px 0;  }
.pageHeader h1, .pageHeader p.title1 { color: var(--wp--preset--color--white); font-weight: 300; font-size: 30px; text-align: right; margin-bottom: 0; } 

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

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

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

b, strong { font-weight: normal; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { font-weight: bold; }
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; }

.txt .chapo { margin-bottom: 50px; }

.videoEmbed { 
    overflow:hidden; 
    padding-bottom:56.25%; 
    position:relative; 
    height:0;
    border-radius: 1vw;
    margin-bottom: 50px; 
}

.videoEmbed iframe {
    left:0; 
    top:0; 
    height:100%;
    width:100%;
    position:absolute;
}

/*
* Links
*/

a { color: inherit; text-decoration: none; }

button { outline: none; }

a.btn, .txt a.btn, .txt .wp-block-button__link, button, input[type="submit"], a.button { 
    background: var(--wp--preset--color--white); color: var(--wp--preset--color--violet); 
    border: 4px solid currentColor; border-radius: 0; padding: 14px 7px; 
    display: inline-block; font-size: 19px; line-height: 1.2; -webkit-appearance: none; position: relative; 
    text-decoration: none; font-weight: 900;
}
a.btn:hover, .txt a.btn:hover, .txt .wp-block-button__link:hover, button:hover, input[type="submit"]:hover, a.button:hover { background: var(--wp--preset--color--violet); color: var(--wp--preset--color--white);}

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




/*
* Header
*/
.site-header { box-shadow: 0 10px 10px rgba(0,0,0,0.2); position: relative; z-index: 11; }
.admin-bar .site-header {}
.site-branding { position: relative; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }
.menuWrapper { flex-basis: 100%; }
.logo { text-align: center; text-transform: uppercase; font-weight: bold;  }
.logo a { display: block; padding: 15px 0; font-size: 15px; line-height: 22px; }
.logo img { width: auto; height: 65px; display: block; }
.logo .logoBig { display: none; height: 296px; }
.logo .logosmall { }
.logo a .tagline { display: none; padding-top: 22px; font-weight: normal; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--wp--preset--color--lavande); position: relative; }
.logo a .tagline:before { content: ''; width: 60px; height: 1px; background-color: var(--wp--preset--color--lavande); position: absolute; top: 13px; left: 50%; transform: translateX(-50%); } 

.mainNavigationDesktop { display: none;   }


.mainNavigationDesktop ul { background: transparent url(assets/img/head-sep.png) no-repeat 100% 100%; padding-right: 1px; display: flex; }
.mainNavigationDesktop li { display: inline-block;  padding: 0 0 0 1px; position: relative;  background: transparent url(assets/img/head-sep.png) no-repeat 0 100%; }
.mainNavigationDesktop li a { padding: 15px 20px 30px; background: transparent; font-size: 19px; line-height: 1.1;  font-weight: normal; position: relative;  }
.mainNavigationDesktop li > a { position: relative; display: block;   }
.mainNavigationDesktop li > a:hover { position: relative; display: block; background: transparent url(assets/img/gradient-section.gif) repeat-x 0 -70px;  }


.mainNavigationDesktop li.current_page_item > a,  .mainNavigationDesktop li.current-menu-ancestor > a, .mainNavigationDesktop li.current-menu-parent > a, .mainNavigationDesktop li.current-product-parent > a, .mainNavigationDesktop li.current_page_ancestor > a, .mainNavigationDesktop li.current-menu-item > a { color: var(--wp--preset--color--lavande); }


    

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


/*
* mobile menu
*/

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

.mobileMenuWrapper { 
    display: block; background: var(--wp--preset--color--white);  
    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; }
.mobileMenuWrapper .logo { margin: 0 auto; width: 224px; }
.mobileMenuWrapper .logo img { height: 224px; }

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

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

.socialMobile { background: var(--wp--preset--color--grey); border-radius: 3px; margin-top: 25px; text-align: center; }

.mobileMenuList > li { border-bottom: 1px solid var(--wp--preset--color--lavande); }
.mobileMenuList li a { font-size: 20px; line-height: 1.2; display: block; padding: 20px 0; position: relative; text-align: center; text-transform: uppercase; }
.mobileMenuList > li > a { font-weight: 600; }
.mobileMenuList ul ul a { font-size: 16px;  }
.mobileMenuList ul { border-top: 1px solid var(--wp--preset--color--lavande); border-left: 1px solid var(--wp--preset--color--grey); padding-left: 25px; padding-top: 10px; padding-bottom: 10px; display: none; }
.mobileMenuList li.mobileLiOpened > ul { display: block; }
.mobileMenuList li.mobileLiOpened > a .menuArrow:before { content: '\f056'; }

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

.mobileMenuList li.current-menu-item > a { opacity: 0.7; }
.mobileMenuList li a .menuArrow { position: absolute; right: 0; top: 0px; padding: 10px; }




/*
* 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--lavande); height: 2px; width: 40px; position: absolute; z-index: 99; left: 0;  }

.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 { background: transparent; }
.menuOpened .menuOpen i::before { transform: rotate(45deg); top: 0; background-color: var(--wp--preset--color--rose); }
.menuOpened .menuOpen i::after { transform: rotate(-45deg); bottom: 0; background-color: var(--wp--preset--color--rose); }




.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: #fff;  border-radius: 100%; width: 60px; display: block; text-align: center; line-height: 56px; border: 2px solid #fff; /*opacity: 0; transform: translateY(20px);*/ }
.contactsIcons li a:hover { background: #fff; color: var(--wp--preset--color--violet); }


/*
* Footer
*/

.site-footer { font-size: 14px; padding: 70px 0; background: var(--wp--preset--color--violet); color: var(--wp--preset--color--light); position: relative; z-index: 1;}
.site-footer h6 { color: var(--wp--preset--color--lavande); font-size: 14px; text-transform: uppercase; margin-bottom: 10px; }
.site-footer p { margin-top: 0; margin-bottom: 0; }
.site-footer address { color: var(--wp--preset--color--lavande); }
.site-footer .footerMain { position: relative; display: flex; flex-direction: column; gap: 45px;  }
.site-footer .footerLinks { display: flex; flex-direction: column; gap: 0;  }
.site-footer a:hover { text-decoration: underline; }
.site-footer .contactLinkFooter { color: var(--wp--preset--color--rose); text-transform: uppercase; margin-top: 10px; }
.footerArticlesWrapper { margin-top: 50px; font-weight: 300; }


.footer-menu { }

.logoFooter { width: 202px;  margin: 0 auto; }


.back2top { position: fixed; z-index: 100; right: 10px; bottom: 16px; display: none; color: var(--wp--preset--color--rose); width: 36px; line-height: 36px; text-align: center; border-radius: 100%; font-size: 18px; opacity: 1;  }
.back2top:hover { background-color: var(--wp--preset--color--rose); border-color: var(--wp--preset--color--rose); color: #fff; }
.back2top.displayed { display: block; opacity: 1;  }

/*
* Headings
*/
h1, h2, h3, h4, h5, h6 { hyphens: manual; line-height: 1.3; font-weight: 700; }
h1, h2, h3 { font-weight: 900; line-height: 1.1; margin-bottom: 25px; }


h1 { font-size: 32px; }
h2 { font-size: 32px;  }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em;  }

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

h2 em { font-style: normal; border-bottom: 4px solid currentColor; line-height: 1.5; }
h3 em { font-style: normal; border-bottom: 4px solid currentColor; line-height: 1.5; }
.dashedUnderline em {border-style: dashed; } 
/*
* Textes elements
*/
.txt { font-size: 18px; line-height: 1.4; font-weight: 300; background: transparent url(assets/img/home-top-section.gif) no-repeat 50% 0; background-size: 100% auto; padding-bottom: 70px; }
.page-id-14 .txt { background-image: url(assets/img/histoire-section.jpg); }
.page-template-page-accueil .txt { background-image: none; }

.txt h2, .txt h3, .txt h4, .txt h5, .txt h6 { margin-top: var(--margin-top-elements); }   
.txt h4, .txt h5, .txt h6 { margin-bottom: var(--margin-bottom-elements); }   
.txt h2, .txt h3 { margin-top: 50px; }

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

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

.caps { text-transform: uppercase; }

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


.noMarginTop, .txt .noMarginTop { margin-top: 0; }
.doubleMaringTop, .txt .doubleMaringTop { margin-top: 32px; }

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

.socialLinks {}
.socialLinks ul { padding: 0; margin: 0; list-style: none; font-size: 30px; }
.socialLinks ul li { padding: 0; margin: 0 10px; display: inline-block; }
.socialLinks ul li:first-child { margin-left: 0; }
.socialLinks ul li:last-child { margin-right: 0; }
.socialLinks ul li a { text-decoration: none; width: 40px; height: 40px; border: 0; }


/*
* Post in List
*/

.postInList {  max-width: 235px;  margin-bottom: var(--margin-bottom-elements); position: relative; }
.postInList:after { content: ''; position: absolute; right: -38px; bottom: -39px; background: var(--wp--preset--color--vert); width: 126px; height: 126px; display: block; border-radius: 100%; z-index: 0; transform-origin: center; transition: transform 0.3s ease; } 
.postInList:hover:after { transform: scale(0.7);}

.postInList .postThumbnailWrapper { background: var(--wp--preset--color--gris); border-radius: 3px; width: 100%; aspect-ratio: 3 / 2; transition: background-color 0.3s ease; overflow: hidden; }
.postThumbnailLink, .txt .postThumbnailLink { text-decoration: none; padding: 20px; background: var(--wp--preset--color--white); display: block; z-index: 2; position: relative; box-shadow: 0 4px 6px rgba(0,0,0,0.25); }
.postThumbnailLink:after { content: '+'; font-weight: 700; color: var(--wp--preset--color--white); background: var(--wp--preset--color--violet); border-radius: 50px; position: absolute; z-index: 3; bottom: 10px; right: 10px; font-size: 18px; line-height: 1; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; transition: background 0.3s ease; }
.postThumbnailLink:hover:after { background: var(--wp--preset--color--vert); }
.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 { font-size: 12px; color: var(--wp--preset--color--grey); margin-bottom: 5px; margin-top: 10px; text-transform: uppercase;  }
.postInList .postCategories span { margin-right: 10px;  }
.txt .postTitle { font-size: 18px; font-weight: bold; line-height: 1.2; margin-bottom: 5px; margin-top: 0; border: 4px solid var(--wp--preset--color--vert); padding: 7px;  }

.postInList a:hover .fakeBtn { color: var(--wp--preset--color--grey); }



.listOfPosts {  margin-bottom: 100px; display: flex; gap: 50px; flex-direction: column; align-items: center;  }

.postInList .postExcerpt { font-weight: 400; margin-top: 10px; padding: 0 11px 5px;  }



.singlePostInList { margin-bottom: 35px; padding-top: 35px; position: relative; }
.singlePostInList .postInfos { position: relative; padding-bottom: 45px;  z-index: 2; }
.singlePostInList .postInfos:after { content: ''; background: transparent url(assets/img/picto-trait-vert.png) 0 0 no-repeat; width: 200px; height: 37px; background-size: 100% auto; position: absolute; z-index: 2; bottom: 0px; left: 50%; transform: translateX(-50%);  } 
.singlePostInList > .postThumbnailWrapper { position: relative; z-index: 1; }
.singlePostInList:before { content: ''; position: absolute; left: -39px; top: -3px; background: var(--wp--preset--color--vert); width: 126px; height: 126px; display: block; border-radius: 100%; z-index: 0; } 
.singlePostInList  .postExcerpt { padding-left: 7px; margin-top: 12px; }
/*
* Videos
*/

.listOfVideos { margin-top: 50px; margin-bottom: 100px;}
.videoInListWrapper { margin-bottom: var(--margin-bottom-elements)}
.videoLink { display: block; color: var(--wp--preset--color--light); }
.videoLink:hover { color: #fff; }
.postThumbnailWrapper { margin-bottom: 20px; }
.postThumbnailWrapper img { display: block; aspect-ratio: 1; object-fit: cover; }
 .postThumbnailWrapper img { box-shadow: 0 4px 6px rgba(0,0,0,0.25); }

/*
* histoire
*/
.histoireTop h1 { display: inline; background: #fff; line-height: 1.3; }
.txt .histoireFriseCols { margin-bottom: 25px; }

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

.navigation.pagination .page-numbers { display: inline-block;  padding: 10px 5px;  font-size: 2em; line-height: 1; border: 0;  }
.navigation.pagination .page-numbers.current { color: #ccc; }
.navigation.pagination a.page-numbers  { color: #afafaf; }
.navigation.pagination a.page-numbers:hover  { color: #333; }
.navigation.pagination a.page-numbers.next, .navigation.pagination a.page-numbers.prev { font-size: 1.8em; }


.txt .swiper-pagination { position: relative; margin-top: 25px; }
.txt .swiper-pagination-bullet { background: var(--wp--preset--color--gris); width: 16px; height: 16px; opacity: 1; }
.txt .swiper-pagination-bullet-active { background: var(--wp--preset--color--jaune); }
.txt .swiper-button-prev { left: 0px; background: transparent url(assets/img/arrow-left.png) no-repeat 50% 0; }
.txt .swiper-button-next { right: 0px; background: transparent url(assets/img/arrow-right.png) no-repeat 50% 0;  }
.txt .swiper-button-prev, .txt .swiper-button-next { width: auto; height: auto; font-size: 14px; font-weight: 300; text-decoration: none; color: var(--wp--preset--color--violet); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; padding-top: 34px; background-size: 36px auto; min-width: 30px; min-height: 30px;  }
.txt .swiper-button-prev:hover, .txt .swiper-button-next:hover { opacity: 0.7; }
.txt .swiper-button-prev::after, .txt .swiper-button-next::after  { display: none; }
.txt .swiper-button-prev span, .txt .swiper-button-next span { display: none; }
.listOfBoissonsWrapper { position: relative; }
/*
* General Content
*/
.showOnDesktop { display: none; }

.pageContent { padding-bottom: 100px; }


.postHeader, .pageTitle { padding: 20px 20px 20px 0;   }


.entete { padding-bottom: 50px; }

.btnWrapper, .txt .btnWrapper { margin: 15px 0; }

.greySection { background: var(--wp--preset--color--accent); padding: 50px 0; margin: 50px 0 0; }



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

.commentsSection { padding: 50px 0; }

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

/*
* Page
*/
.txt img { display: block; width: 100%; height: auto; }
.txt .wp-block-image { margin-bottom: var(--margin-bottom-elements);  }
.txt .wp-block-image:last-child { margin-bottom: 0;  }
.txt .wp-block-image img { border-radius: 3px; }
.txt .wp-block-video { margin-bottom: var(--margin-bottom-elements);  }
.txt .wp-block-video.topSection { border-top: 1px solid var(--wp--preset--color--violet); }
.txt .topSection { margin-bottom: 50px;  }

.wp-block-columns { margin-bottom: 0; }

.servicesSection { background: transparent url(assets/img/services-section.png) no-repeat 50% 0!important; background-size: 100% auto!important; }

.servicesPersonnasCols .wp-block-media-text { display: flex; gap: 15px; align-items: center; margin-top: 30px; }
.servicesPersonnasCols .wp-block-media-text .wp-block-media-text__media { width: 31px;   }
.servicesPersonnasCols .wp-block-media-text .wp-block-media-text__content { padding: 0;  }
.servicesPersonnasCols .wp-block-media-text .wp-block-media-text__content h5  { margin-top: 0; margin-bottom: 0; }



/*
* Single post
*/



.singlePostThumbnail { position: relative; background: var(--wp--preset--color--grey) url(assets/img/loader.gif) no-repeat center; background-size: 30px 30px; border-radius: 10px; }
.singlePostThumbnail img { width: 100%; height: auto; display: block; border-radius: 3px; image-rendering: pixelated; object-fit: cover; }



.singlePostInfos { padding: 15px 0; }

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

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

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

.scrolloff {
  pointer-events: none;
}



/*** postFooter ***/

.postFooterCategories { padding: 25px 0 15px; text-align: center;  }
.postFooterCategories a { display: inline-block; background: #fff; padding: 10px 15px; border-radius: 4px; margin: 4px 6px 4px 0; color: var(--wp--preset--color--violet); font-size: 0.9em;  }

.postFooterCategories a:hover { background: var(--wp--preset--color--violet); color: #fff; }

.singlePostTerms { display: inline-block; font-size: 14px; margin-top: 5px; }
.singlePostInfos .dateWrapper { display: inline-block; font-size: 14px; margin-top: 5px; margin-right: 15px; color: var(--wp--preset--color--white); }
.singlePostTerms a { border: 1px solid var(--wp--preset--color--white); color: var(--wp--preset--color--white); border-radius: 5px; padding: 2px 8px; display: inline-block; margin-right: 5px; }
.singlePostTerms a:hover { border-color: #fff; color: #fff; }

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

.wp-block-quote { border: 0; padding-left: 0; color: #f2036e; font-style: normal; font-weight: bold; font-size: 1.2em; }
.wp-block-quote cite { color: #ccc; }

.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: 30px; }
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { margin-left: 15px; width: calc(33.33% - 30px); }
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-child(3n+1) { margin-left: 0; }
.wp-block-gallery figure.wp-block-image { margin-bottom: 15px!important; }

.txt p +  .wp-block-gallery { margin-top: 50px; }
.txt .wp-block-gallery .blocks-gallery-item { overflow: hidden; }
.txt .wp-block-gallery figcaption { bottom: -100px; opacity: 0; }
.txt .wp-block-gallery:hover figcaption { bottom: 0; opacity: 1; }

.txt .wp-block-gallery .blocks-gallery-image figure,
.txt .wp-block-gallery .blocks-gallery-item figure { overflow: hidden; border-radius: 10px; position: relative; z-index: 1; }
.txt .wp-block-gallery a { border: 0; }

.txt .wp-block-gallery.logosGallery { justify-content: space-around; max-width: 70%; margin-left: auto; margin-right: auto; }
.txt .wp-block-gallery.logosGallery .wp-block-image { max-width: 300px; margin-bottom: 0!important; transition: none; }
.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; }

.fullSectionGradient { border-radius: 50px 0 0 0; }

/*
* 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: 4px solid var(--wp--preset--color--kraft); background: var(--wp--preset--color--white); padding: 10px 14px; border-radius: 0px; font-size: 18px; line-height: 1.2; color: var(--wp--preset--color--kraft); box-shadow: none; outline: none; }
input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover {  }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { border-color: #333; background: #fff; color: #333; outline: none; }

.contactsCols {}
.contactsCols .wp-block-media-text { display: flex; }
.contactsCols .wp-block-media-text__media { width: 46px; align-self: flex-start; padding-top: 20px; }
.contactsCols .wp-block-media-text__content { padding-right: 0; }
.contactTelWrapper a { color: var(--wp--preset--color--rouge); text-decoration: none; font-size: 20px; }

.hideMapLink { display: none; }
.mapOpened .hideMapLink { display: inline; }
.mapOpened .showMapLink{ display: none; }
.mapSection { display: none; }

.page-template-page-contact .txt { padding-bottom: 38px; }
.page-template-page-contact .txt > .wp-block-group.alignwide.has-background { padding-bottom: 25px; }
.contactMapWrapper .titleWings { cursor: pointer; padding: 50px 0; margin-bottom: 0; }
.contactMapWrapper .titleWings:before, .contactMapWrapper .titleWings:after { display: none; }

/*
* Home
*/

.txt > .wp-block-group.alignfull.has-background.homeTopGroup { padding-top: 0; padding-bottom: 0; }
.homeTopCols h1 { font-size: 22px; }
.homeTopCols > .wp-block-column:not(:first-child) { margin-left: 0; }
.homeTopCols > .wp-block-column:first-child { padding-top: 50px; padding-bottom: 50px; }
.homeTopCols > .wp-block-column:last-child { display: none; }

.titleWings { font-weight: 300; text-align: center; font-size: 22px; }
.titleWings:before, .titleWings:after { content: ''; background: transparent url("assets/img/wing-left.png") no-repeat  0 0; background-size: 100% auto; display: inline-block; height: 16px; width: 65px; margin-right: 10px; } 
.titleWings:after { margin: 0 0 0 10px; background-image: url("assets/img/wing-right.png"); }


.homeBottomCols > .wp-block-column { background: transparent url(assets/img/gradient-title.png) repeat-x 0 0; border-radius: 3px; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; }
.homeBottomCols .wp-block-media-text { display: flex; }
.homeBottomCols .wp-block-media-text__media { width: 46px; }

.readMoreWrapper {}
.readMoreWrapper a { color: var(--wp--preset--color--rouge); font-weight: 400; text-transform: uppercase; text-decoration: none; font-size: 16px; }
.readMoreWrapper a:hover { color: var(--wp--preset--color--rose); }
/*
*  
*/
.listOfPages .current { opacity: 0.6; }



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




/*
 * 
 */ 


/*
 * Coming Soon
 */ 

.comingSoonContentWrapper { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 0 25px; position: relative; position: fixed; z-index: 1; top: 0; left: 0; right: 0; background: var(--wp--preset--color--kraft);  }
.comingSoonContent { position: relative; z-index: 2; }
.comingSoonLogo {   width: 200px; margin: 0 auto; text-align: center; }
.comingSoonLogo img { width: 100%; height: auto; display: block; opacity: 0; transform: translateY(20px); }
.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: #fff; color: var(--wp--preset--color--violet);  border-radius: 100%; width: 60px; display: block; text-align: center; line-height: 56px; border: 2px solid #fff; opacity: 0; transform: translateY(20px); }
.comingSoonIcons li a:hover { background: transparent; color: #fff; }
.comingSoonContentWrapper a { text-decoration: underline; }

.comingSoonVideo { position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; clip-path: circle(0%); opacity: 0; }
.comingSoonVideo video { width: 100%; height: 100%; object-fit: cover; }

.comingSoonContentInside { margin-top: 25px; font-size: 14px; opacity: 0; transform: translateY(20px); }

