@charset "UTF-8";
/*
Theme Name: Ferme des 3 blasons
Author: Raphael Wittmann
Author URI: https://raphaelwittmann.net/
Version: 1.0
Text Domain: ferme3blasons
*/



/*
* Fonts
*/
body, button {
    font-family: "Poppins", sans-serif; font-weight: 500;
    
}
input, select, textarea {
    font-family: "Poppins", sans-serif; font-weight: 300;
}


/*
* 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--noir); 
}

.site-content { min-height: calc(100vh - 157px); }
.admin-bar .site-content { min-height: calc(100vh - 189px); }

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

.txt > * { margin-left: auto; margin-right: auto; width: 90%; max-width: 940px; }
.txt > .alignfull { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
.txt > * + .alignfull { margin-top: 0; }
.txt .alignwide {  }
.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); }


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

.pageHeader { padding: 70px var(--site-content-margin-horizontal) var(--site-content-margin-horizontal); margin: 0;  }

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

/*
* General styles
*/
html { background-color: var(--wp--preset--color--noir); }
body { background: var(--wp--preset--color--noir); 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: 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; }

.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--noir); 
    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--noir); color: var(--wp--preset--color--white);}

.txt .wp-block-button__link.has-text-color:hover { color: var(--wp--preset--color--white)!important;  }
.txt .wp-block-button__link.has-text-color.has-bordeaux-color:hover { background: var(--wp--preset--color--bordeaux)!important;  }

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




/*
* Header
*/
.site-header {  }
.admin-bar .site-header {}
.site-branding { position: relative; display: flex; justify-content: space-between; align-items: center; 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 { }


.mainNavigationDesktop { display: none;   }



.mainNavigationDesktop li { display: inline-block;  padding: 0 15px; position: relative;  }
.mainNavigationDesktop li:after { content: ''; height: 50px; width: 1px; display: block; background: var(--wp--preset--color--noir); position: absolute; right: -3px; top: -8px; transform: rotate(35deg); transform-origin: center; z-index: 0; }
.mainNavigationDesktop li:last-child { padding-right: 0; }
.mainNavigationDesktop li:last-child:after { display: none; }
.mainNavigationDesktop li a { padding: 5px 0; background: transparent; font-size: 16px; line-height: 1.1;  font-weight: 700; position: relative; text-transform: uppercase;  }
.mainNavigationDesktop li > a { position: relative; display: block; letter-spacing: -0.3px;  }

.mainNavigationDesktop li.menu-item-52 > a:after { content: ''; background: transparent url(assets/img/picto-trait-jaune.png) 0 0 no-repeat; width: 100%; height: 37px; background-size: 100% auto; position: absolute; left: 0; right: 0; top: 100%; opacity: 0; }
.mainNavigationDesktop li.menu-item-54 > a:after { content: ''; background: transparent url(assets/img/rollover-ferme.png) 0 0 no-repeat; width: 100%; height: 37px; background-size: 100% auto; position: absolute; left: 0; right: 0; top: 100%; opacity: 0; transition: opacity 0.3s ease; }
.mainNavigationDesktop li.menu-item-55 > a:after { content: ''; background: transparent url(assets/img/rollover-actus-3blasons.png) 0 0 no-repeat; width: 100%; height: 37px; background-size: 100% auto; position: absolute; left: 0; right: 0; top: 100%; opacity: 0; transition: opacity 0.3s ease; }
.mainNavigationDesktop li.menu-item-53 > a:after { content: ''; background: transparent url(assets/img/rollover-auberge.png) 0 0 no-repeat; width: 100%; height: 37px; background-size: 100% auto; position: absolute; left: 0; right: 0; top: 100%; opacity: 0; transition: opacity 0.3s ease; }
.mainNavigationDesktop li.menu-item-51 > a:after { content: ''; background: transparent url(assets/img/rollover-distillerie.png) 0 0 no-repeat; width: 100%; height: 37px; background-size: 100% auto; position: absolute; left: 0; right: 0; top: 100%; opacity: 0; transition: opacity 0.3s ease; }
.mainNavigationDesktop li.menu-item-50 > a:after { content: 'CONTACT'; background:  var(--wp--preset--color--noir); color: var(--wp--preset--color--white); position: absolute; left: -5px; right: -5px; top: 0; opacity: 0; transition: opacity 0.3s ease; padding: 5px; }
 
.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 { }
.mainNavigationDesktop li > a:hover:after { opacity: 1;  }
.mainNavigationDesktop li.current_page_item > a:after, .mainNavigationDesktop li.current-page-ancestor > a:after , .mainNavigationDesktop li.current-menu-ancestor > a:after, .mainNavigationDesktop li.current-menu-parent > a:after, .mainNavigationDesktop li.current-product-parent > a:after, .mainNavigationDesktop li.current_page_ancestor > a:after, .mainNavigationDesktop li.current-menu-item > a:after {
    opacity: 1; 
}
    

.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: 0 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 {  }
.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--grey); 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; }
.mobileMenuList li a .menuArrow:before { content: '\f055'; font-family: "Font Awesome 5 Free"; font-weight: 900; }



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




.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--noir); }


/*
* Footer
*/
.prefooter { position: relative; display: flex; justify-content: center; padding-top: 90px;  }
.prefooter .blasonLion, .prefooter .blasonChien { max-width: 227px; height: auto; position: absolute; right: calc(50% + 5px); bottom: 10px; z-index: 0; transform: translateX(-50px); opacity: 0; transition: transform 0.3s ease, opacity 0.3s;   }
.prefooter .blasonChien { max-width: 202px; height: auto; right: auto; bottom: 10px; left: calc(50% + 25px); z-index: 3;  transform: translateX(50px);}
.prefooter a { display: block; max-width: 230px; position: relative; top: 123px; z-index: 2; }
.prefooter.inView .blasonLion { transform: translateX(0); opacity: 1; }
.prefooter.inView .blasonChien { transform: translateX(0); opacity: 1; }

.page-id-18 .prefooter .blasonLion, .page-id-18 .prefooter .blasonChien { transform: translateX(0); opacity: 1; }

.site-footer { font-size: 16px; padding: 120px 0 50px; background: var(--wp--preset--color--noir); color: var(--wp--preset--color--white); position: relative; z-index: 1;}

.site-footer .main { position: relative; display: flex; flex-direction: column; gap: 45px;  }
.site-footer .footerLinks { display: flex; flex-direction: column; gap: 45px;  }
.site-footer a:hover { text-decoration: underline; }

.footerCertif { max-width: 203px; }

.footer-menu { }



.back2top { position: fixed; z-index: 100; right: 10px; bottom: 16px; display: none; color: var(--wp--preset--color--rouge); width: 36px; line-height: 36px; text-align: center; border-radius: 100%; font-size: 18px; opacity: 1;  }
.back2top:hover { background-color: var(--wp--preset--color--rouge); border-color: var(--wp--preset--color--rouge); 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: 45px; line-height: 1; }
h2 { font-size: 45px;  }
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: 16px; line-height: 1.4; }

.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, .txt h4 { 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; 
}
body .txt .is-layout-flex > .wp-block-column {
        margin-top: var(--margin-top-elements); 
}

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



/*** 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--bordeaux); 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--noir); 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--bordeaux); }
.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--bordeaux); 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-3-blason.png) 0 0 no-repeat; width: 285px; height: 25px; 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--bordeaux); 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); }

/*
* boissons
*/

.listOfBoissons { margin-bottom: 50px; font-weight: 400; }

.boissonInList { margin-bottom: 50px; }
.boissonInList .postThumbnailWrapper img { display: block; aspect-ratio: auto; object-fit: contain; box-shadow: none; }
.boissonInList p strong { font-weight: 600; }
.boissonInList h3 { text-transform: uppercase; font-size: 26px; font-weight: 900; }

/*
* 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--noir); 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--noir); margin-bottom: 10px; }
.social-share li { display: inline-block; font-size: 30px; margin: 0 3px; }
.social-share li a { color: var(--wp--preset--color--noir); }
.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 .topSection { margin-bottom: 50px;  }

.wp-block-columns { margin-bottom: 0; }
.ctaWrapper { padding-top: 50px; padding-bottom: 50px; border-radius: 10px; }
.ctaWrapper  .wp-block-button__link { border-color: var(--wp--preset--color--white); color: var(--wp--preset--color--white); }
.ctaWrapper  .wp-block-button__link:hover { border-color: var(--wp--preset--color--white); background-color: var(--wp--preset--color--white); color: var(--wp--preset--color--accent); }
 

/*
* 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; }

.singleTxt { padding-top: 90px; }

.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--noir); 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--noir); font-size: 0.9em;  }

.postFooterCategories a:hover { background: var(--wp--preset--color--noir); 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--jaune); background: var(--wp--preset--color--white); padding: 10px 14px; border-radius: 0px; font-size: 18px; line-height: 1.2; color: var(--wp--preset--color--jaune); 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; }

.contactBlockWrapper { padding: 25px 0; margin-top: 50px; box-shadow: 0 4px 6px rgba(0,0,0,0.25); }
.contactBlockWrapper p { margin-top: 0; }
.contactBlockWrapper h3 { font-weight: 700; }

.wpcf7 .wpcf7-not-valid-tip { color: var(--wp--preset--color--bordeaux); }
.wpcf7 form .wpcf7-response-output { background: var(--wp--preset--color--bordeaux); border: 0; color: var(--wp--preset--color--white); padding: 25px;  }
.contactBlockWrapper .btnWrapper { text-align: right; }
.contactBlockWrapper .btnWrapper .wpcf7-spinner { float: left; }
/*
* Home
*/

.homeNewsWrapper { position: relative; background-image: url(assets/img/bg-actu1-3b.png), url(assets/img/bg-actu2-3b.png); background-repeat: no-repeat; background-position: 0% 100%, 100% 0%; background-size: auto 50%; padding-left: 0; padding-right: 0;  }
.txt > .wp-block-group.alignfull.has-background.homeNewsWrapper { padding-bottom: 90px; }
.homeNewsWrapper:after { content: ''; background: transparent url(assets/img/Picto-3-blason.png) 0 0 no-repeat; width: 285px; height: 25px; background-size: 100% auto; position: absolute; z-index: 2; bottom: -12px; left: 50%; transform: translateX(-50%);  }

.slick-dots, .txt .slick-dots { display: flex; justify-content: center; list-style: none; margin-top: 0; }
.slick-dots li { margin: 3px 3px; }
.slick-dots li button { text-indent: -10000px; height: 10px; width: 10px; padding: 0; border-radius: 100%; background: var(--wp--preset--color--light); border: 0; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li.slick-active button { opacity: 0.5; } 

.slick-arrow { position: absolute; z-index: 3; right: -70px; top: 92px; width: 50px; height: 50px; border: 0; font-size: 21px; padding: 0; text-align: center; background: #D2E2F1; cursor: pointer; }
.slick-arrow.slick-prev { right: auto; left: -70px; }
.slick-arrow:hover { background-color: var(--wp--preset--color--light); color: #fff; }
.slick-arrow.slick-disabled { opacity: 0; visibility: hidden; }


.traitJaune, .traitVert, .traitRouge, .traitNoir, .traitBleu, .traitBordeaux { position: relative; }
.traitJaune:after, .traitVert:after, .traitRouge:after, .traitNoir:after, .traitBleu:after, .traitBordeaux:after { content: ''; background: transparent url(assets/img/picto-trait-jaune.png) 0 0 no-repeat; width: 200px; height: 37px; background-size: 100% auto; position: absolute; z-index: 2; bottom: -15px; left: 50%; transform: translateX(-50%);  }
.traitVert:after { background-image: url(assets/img/picto-trait-vert.png); }
.traitRouge:after { background-image: url(assets/img/picto-trait-rouge.png); }
.traitNoir:after { background-image: url(assets/img/picto-trait-noir.png); }
.traitBleu:after { background-image: url(assets/img/picto-trait-bleu.png); }
.traitBordeaux:after { background-image: url(assets/img/picto-trait-bordeaux.png); }

.colsPictoTextWrapper, .colsPeopleWrapper { display: flex; flex-direction: column; margin-bottom: 50px; gap: 20px; }
.colsPictoTextWrapper.reverse, .colsPeopleWrapper.reverse { display: flex; flex-direction: column-reverse; }
.colPictoWrapper { font-size: 20px; }
.colPictoWrapper .wp-block-image { max-width: 180px; margin-left: auto; margin-right: auto; }
.colsPeopleWrapper .wp-block-image { max-width: 350px; }
.colPictoWrapper strong, .colsPeopleWrapper strong  { font-weight: 900; }

/*
*  
*/
.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--jaune);  }
.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--noir);  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); }