/*
Theme Name: Bootstrap Basic4 For Savoir-Terre
Author: Grigou
Author URI: www.grigou.net
Description: Theme developped for Savoir-Terre
Version: 1.0
Requires at least: 5.0
This theme built with Twitter Bootstrap v.4.
*/


/* TRANSITIONS */
#btn-scrolltotop,
.collapse,
.links-btn,
.links-btn a,
.links-calltoaction-header a,
input[type=submit]
{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

html, body {
    font: 16px/1.5 'Raleway', Helvetica, Helvetica Neue, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-transform: uppercase;
    font-weight: 100 !important;
    }
p, ul {font-weight: 100 !important; font-size: 1.2em;}
/*
Required WordPress CSS
*/
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
    text-align: center;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.textalignright {text-align: right;}
.bypostauthor {
}
.clearboth {clear: both;}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* CUSTOMISATION BY GRIGOU begin */
html {
  scroll-behavior: smooth;
}
/*@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}*/
body {background-color: transparent !important;}

/* CORRECTING OVERFLOW */
html {overflow-x:hidden;}
body {overflow-x: hidden;}
@media (min-width: 576px) {
    .floatleft {float: left;margin: 0% 2% 2% 0%;}
    .floatright {float: right;margin: 0% 0% 2% 2%;}
}

/*CONTAINER GENERAL*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
}
.entry-content {
	padding: 0 5%;
}

@media (min-width: 992px) {
	.entry-content {padding: 0;}
}
/**/
.site-content { 
    background: rgba(0,0,0,0.72);
    margin-top: 600px;
    margin-bottom: 0px !important;
}
@media (min-width: 576px) {
	.site-content {margin-top: 75%;}
}
@media (min-width: 769px) {
	.site-content {margin-top: 50%;}
}
@media (min-width: 992px) {
	.site-content {margin-top: 50%;}
}
@media (min-width: 1200px) {
	.site-content {margin-top: 45%;}
}
.site-content h2 {margin: 5% 0% 10% 0%;}

.title-separator {
    height: 5px;
    background-color: #FFF;
    width: 65px;
}
.entry-content .title-separator {
    background-color: #8E8E8E;
}
.entry-content h3 {
    color: #8E8E8E;
}
.catch-phrase .title-separator {
    box-shadow: 1px 1px 1px #000;
}
.custom-section .title-separator {
}
.custom-section h2 {
    font-size: 2.5em;
    text-align: center;
}
.custom-section h4 {
    font-size: 1.5em !important;
}
#main {
  background-size: cover;
  background-attachment: fixed;
  padding: 5% 0%;
  background: #FFF;
}

body.home #main, body.home #main .page {
  padding: 0% !important;
}
#main .post, #main .page {
    border: none !important;
    margin-bottom : 0px !important;
}
.entry-title {
    font-size: 1.5em !important;
    text-align: left !important;
}
.entry-title:before {
    border-bottom: solid 5px #FFF;
    width: 50px;
}
.page-container .entry-title {
}
.home .entry-title {}

/* SITE BRANDING */
.site-title {
    position: absolute !important;
    left: 50%;
    margin: 15px 0px 0px -55px !important;
    z-index: 10000;
    width: 110px !important;
    padding: 0px !important;
}
.site-title a {}
.site-title a img {width: 150px; height: auto;}

@media (min-width: 769px) {
    .site-title a img {
        width: 180px;        
        }
}
.home .site-title {
}
.home .site-title a {}
.home .site-title a img {}


/*VIDEO BG & IMG BG*/
video.background-fs, .image-full img, .image-full .carousel.slide {
    /*width: 120vw;*/
    width: 100vw;
    height: 100vh;
    object-fit: cover;
	position: fixed;
	top: 0;
	z-index:-1;
    right: 0;
    bottom: 0;
}
.image-full .carousel-slide {
    
}
.image-full .carousel-inner {
    
}
.image-full .carousel-item {
    
}
video.background-fs {
    width: 100vw;
}
.image-full img {
    width: 100vw;
}
/*Carousel Slider*/
.carousel-inner {
    height: 100vh;
}
@media (min-width: 576px) {
    video.background-fs, .image-full img {
    }
}
video.background-fs {
    margin-left: -10vw;
}
.image-full img {
    left: 0% 
}
div.video-and-fullimage-overlay {
    width: 100%;
    height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:-1;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2));
}
/*CHANGE LANGUAGE*/
.page-header-top-right {
    position: fixed !important;
    /*right: 50%;*/
    margin-top: 2.1em !important;
    z-index: 9999 !important;
    padding: 0 !important;
   /* width: 11em !important;*/
   width: 50% !important;
}

.page-header-top-right a {
	background-color: #7C8D65;
    color: #FFF;
    border: dashed 1px #FFF;
    text-transform: lowercase;
    font-size: 0.7em;
    border-radius: 2em;
    height: 3em;
    margin-left: 0.3em;
    line-height: 1.6em;
    width: 3em;
    text-align: center;
}
.page-header-top-right li.wpml-ls-current-language a {
	background-color: #FFF;
    color: #7C8D65;
    border: solid 1px #FFF;
}   
.page-header-top-right a:hover {
	background-color: #000 !important;
    color: #FFF !important;
    border: dashed 1px #FFF !important;
    text-decoration: none;
}
@media (min-width: 992px) {
    .page-header-top-right {
        right: 2em;
        margin-top: 0.1em !important;
        width: 10% !important;
    }
}

.lang-switch-container {
    margin-left:170px;
    float: right;
}

.quatre-soleils {
    position: absolute;
    max-width: 50px;
    opacity: 0.8;
    /*margin-top: 38px;
    left: 110px;*/
    z-index: 1030;
    
        margin-top: 55%;
        right: 43%;
        left: auto;
}
.quatre-soleils:hover {
    opacity: 1;
}
.quatre-soleils img {
    max-width: 100%;
}
@media (max-width: 768px) {
    .quatre-soleils {
    }
}
@media (min-width: 769px) {
    .quatre-soleils {
        margin-top: 35%;
        right: 15%;
        left: auto;
        max-width: 100px;
    }
}
@media (min-width: 576px) {
}
@media (min-width: 769px) {  
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/*MENU*/
/*TOP NAVBAR*/
/*TO CORRECT DISPLAY ERROR WITH MENU HEIGHT*/

.navbar {
	background-color: rgba(51,51,51,0.5) !important;
	min-height: 110px !important;
	
}
.home .navbar {
	background-color: rgba(51,51,51,0.8) !important;
}
	/*.logged-in .main-navigation {display: block !important;}*/
	.navbar-expand-lg .navbar-nav {position:absolute;right: 2em;z-index:7999;font-size: 0.9em;text-transform: uppercase;top:3.5em;}
    body.home .fixed-top {z-index: 9998 !important;}
	.fixed-top {z-index: 8000 !important;}
	.navbar-expand-lg .navbar-nav a {color: #FFF !important;/*text-transform: uppercase;*/font-weight: 100;}
	
@media (min-width: 992px) {
    .navbar {
	max-height: 110px !important;
    }
	.navbar-expand-lg .navbar-nav a:hover {color: #FFF !important;background: #7C8D65;}
	.navbar-expand-lg .navbar-nav .dropdown-menu {background-color: rgba(51,51,51,0.9) !important;top: 31px;font-size:1em;}
	.hentry, .box-container {max-width: 80%; margin: auto !important;}
    .entry-content .box-container {max-width: 100%;}
    .menu-divider {color: #FFF;line-height: 2.4em;}
    li.menu-divider:last-child { display: none !important; }
    .bootstrap-basic4-topnavbar {/*max-height: 30px !important;*/}
}
@media (min-width: 1200px) {
    .hentry, .box-container {max-width: 70%;}
    .entry-content .box-container {max-width: 100%;}
}

/*MENU ON SMALL SCREENS*/
@media (max-width: 991px) {
	/*BTN DISPLAY MENU*/
	.navbar-toggler {
		padding: 0 !important;
		border: none !important;
		z-index: 10000;
	}
	.navbar-toggler.collapsed {background: rgba(255,255,255,.5) !important;}
	.navbar-toggler i:before {
		position: absolute;
		right: 25px;
		top: 35px;
        background-color: #7C8D65 !important;
		color: #FFF;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 1.4em;
	}
	.navbar-toggler[aria-expanded="true"]  i:before {content: "\f00d";}
	.navbar-toggler[aria-expanded="false"]  i:before {content: "\f0c9";}
	button:focus {outline: none !important;}
	/*NAVBAR BTN APPEARANCE*/
	.navbar-toggler-icon {
        background-image: none !important;
		width: 0em !important;
		height: 0em !important;
	}
	/*SUBMENU LEVEL 1*/
	.navbar-collapse ul {
		position: static !important;
        display: block;
        padding:50px 0px 50px 0px;
        right: 0 !important;
        margin-top: 79px;
        width: 100%;
		text-align: center;
		font-size: 1em !important;
    }
	.navbar-collapse .navbar-nav .nav-link:hover {
		color: #7C8D65 !important;
		background-color: #FFF;
	}
    li.menu-divider {display: none;}
	/*SUBMENU LEVEL 2*/
	.navbar-collapse.show ul li .dropdown-menu {background: rgba(101,24,37,0.6);font-size: 0.9em;text-align: center;}
	.dropdown-item.active, .dropdown-item:active {background:#058FC6 !important;color: #999 !important;}
	.navbar-collapse ul li .dropdown-menu a:hover {background: #FFF !important;color:#7C8D65 !important;}
}
	.dropdown-item.active, .dropdown-item:active {
        /*background:#058FC6 !important;*/
        background: transparent !important;
        color: #999 !important;
    }
	.navbar-collapse ul li .dropdown-menu a:hover {background: #FFF !important;color:#7C8D65 !important;}
	
/*NAV TABS - NAV LINK*/
.nav-tabs .nav-link {
    color: #FFFFFF;
}

/*Site title & Catch phrase*/
.entry-header {	
	position: absolute;
	/*text-align: center;*/
	text-shadow: 1px 1px 1px #000;
	/*height: 200px;*/
	padding: 20px 5%;
   /* left: 50%;
    margin-left: -20%;*/
   background: rgba(0,0,0,0.2);
}
@media (min-width: 992px) {
	.entry-header {padding: 20px;}
}
.entry-header *, .entry-header h2 { color: #FFF !important; margin: 0;}
.entry-header h4, .custom-section h4 { font-size: 1.2em;}
.entry-title {
	text-transform: uppercase;
	font-weight: 200 !important;
	font-size: 2.5em;
}
.catch-phrase {
	max-width: 900px;
    margin: auto;
}
.entry-header {top: -420px;}
.entry-header h2 {font-size: 1.5em;}
.entry-header p {font-size: 1.2em;}
@media screen and (min-width: 576px) {
	.entry-header {top: -300px;}
}
@media screen and (min-width: 769px) {
	.entry-header {top: -150px;}
}
@media (min-width: 992px) {
	.entry-title {font-size: 2.5em !important;}
	.entry-header h2 {font-size: 1.7em;}
}
@media (min-width: 1200px) {
	.entry-title { font-size: 2;5em !important; }
	.entry-header h2 {font-size: 1.5em;line-height: 1em;}
}

/*SECTION*/
section img {max-width: 100%;}
/*Section title*/
.section-container {width: 100%;}
.section-title {
}
.section-title:before, .page-template-page-story h1:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f085";
    padding-right: 1%;
}

.custom-section {
  padding: 5% 30px;
  background-attachment: fixed;
  background-size: cover;
  /*border-top: solid 5px #000;
  border-bottom: solid 5px #000;*/
  color: #FFF;
  width: 100%;
  max-width: 100%;
}
.colored-bg {
  background-color: #7C8D65 !important;
  color: #FFF;
}
.white-bg {
  background-color: #FFF !important;
  color: #7C8D65;
}
.black-bg  {
  background-color: rgba(0, 0, 0, 0.9) !important;
  border-top: solid 50px #7C8D65 !important;
  border-bottom: solid 50px #7C8D65 !important;
}
.bg-black-opacity {
    padding: 5% 30px;
    background-color: rgba(0,0,0,0.5);
}
.custom-section.vegetables {
    background-image: url("images/bg-savoirterre-legumes.jpg");
}
.custom-section.contact-us {
    background-image: url("images/bg-savoirterre-bois.jpg");
    border-top: solid 50px #7C8D65 !important;
}
.custom-section.courses {
    background-image: url("images/bg-savoirterre-cours.jpg");
}
.call-to-action-cfv3v-mcfv3v {}
.call-to-action-cfv3v-mcfv3v p {
    min-height: 8em;
}
.call-to-action-cfv3v-mcfv3v h3 a {
    border: dotted 1px #7C8D65;
}
.mcfv3v-access, .cfv3v-access {text-align: center;}

@media screen and (min-width: 576px) {
    .box-container {}
}

/*BOX ITEM*/
.box_item {
    position: relative;
    width: 78% !important;
    margin: 3% 11%;
    float: left;
    background-color: #7C8D65;
    text-align: center;
    color: #FFF;
}
.box_item.passed {
    background-color: #666;
    color: #AAA;
}
.box_item:hover {
    background-color: #FFF;
    color: #7C8D65;
}  
.contact-infos {padding: 1%;margin-bottom: 2%;}
.contact-infos a {
    color:#7C8D65;
    padding: 0.5%;
    /*border: dashed 1px #7C8D65;*/
    margin: 1%;
    font-weight: 100 !important;
    display: block;
    font-size: 1.3em;

}
.contact-infos a:hover {
    background-color:#7C8D65;
    color: #FFF;
    text-decoration: none;
}

.contact-infos a i {margin-right: 1em;}

@media screen and (min-width: 576px) {
    .collections .box_item, .box_item {
        width: 45% !important;
        margin: 2%;
    }  
}
@media screen and (min-width: 769px) {
    .collections .box_item, .box_item {
        width: 29% !important;
        margin: 2%;
    }  
}
@media (min-width: 992px) {
    .collections .box_item, .box_item {
        width: 17% !important;
        margin: 1%;
    }  
}
@media (min-width: 1200px) {}
.box_item h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    margin: 0px !important;
    background-color: rgba(242,148,0,0.6);
    color: #FFF !important;
    font-size: 1em;
}
.box_item.passed h4 {
    background-color: rgba(100,100,100,0.8);
    color: #AAA !important;
}
.box_item:hover h4, .box_item:hover .product-price {
    text-decoration:none;
    color: #7C8D65 !important;
    background-color: #FFF !important;
}
.box_item.passed:hover h4 {
    color: #AAA !important;
    background-color: #666 !important;
}
.box_item:hover .product-price {
    border: dashed 1px #7C8D65;
}

.box_item a {
    color: #FFF !important;
    display: inline-block;
    min-width: 100%;
}
.box_item.passed a {
    color: #AAA !important;
}
.box_item:hover a {
    text-decoration:none;
    color: #7C8D65 !important;
}
.box_item.passed:hover a {
    color: #AAA !important;
    background-color: #666 !important;
}
.box_item a img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.box_image {text-align: center;}
.box_image.polaroid.simple {margin-bottom : 0% 20% 5% 20%;}
.box_image img, figure.wp-block-image img {width: 100%; max-width: 100%; height: auto;}

.box_item p {margin: 5%; line-height: 1em;}
.page-template-page-story figure.wp-block-image {
    width: 300px;
    min-height:250px;
    background: #FFF;
    padding: 18px 12px 68px 12px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-box-shadow: 0px 1px 5px 0px #656565;
    -webkit-box-shadow: 0px 1px 5px 0px #656565;
    -o-box-shadow: 0px 1px 5px 0px #656565;
    box-shadow: 0px 1px 5px 0px #656565;
}

.box_image.floatleft, .box_image.floatright, .page-template-page-story figure.wp-block-image.floatleft, .page-template-page-story figure.wp-block-image.floatright, .page-template-page-story figure.wp-block-image.gallery, .page-template-page-story figure.wp-block-gallery.floatright {margin: 5% auto;}
.box_image.floatleft, .page-template-page-story figure.wp-block-image.floatleft, .page-template-page-story figure.wp-block-gallery.floatleft, .wp-block-image.floatleft {
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
}
.box_image.floatright, .page-template-page-story figure.wp-block-image.floatright, .page-template-page-story figure.wp-block-gallery.floatright, .wp-block-image.floatright {
    -webkit-transform: rotate(1.5deg);
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
}
@media (min-width: 576px) {
    .box_image.floatleft, .page-template-page-story figure.wp-block-image.floatleft, .page-template-page-story figure.wp-block-gallery.floatleft {margin: 0% 5% 10% 0%;}
    .box_image.floatright, .page-template-page-story figure.wp-block-image.floatright, .page-template-page-story figure.wp-block-gallery.floatright {margin: 0% 0% 10% 5%;}
}
figure.wp-block-image img {
    border: solid 10px #FFF;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);

}
.emphasized-text {margin: 5% 0;}

.event_passed,
.event_soldout {
    text-align: center;
    display: block;
    border: dashed 2px #FFF;
}
.event_soldout {
    color: #FFF !important;
    background-color: #FF0000;
}
.event_passed {
    background-color: #666;
    color: #AAA;
}
span.event_passed,
span.event_soldout {
    position: absolute;
    width: 90%;
    margin: 5%;
    padding: 0.2em;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
p.event_passed,
p.event_soldout {
    font-size: 2.5em;
    padding: 1%;
}

/*CONTENT ITEM*/
.content_item {
    margin-bottom: 5%;
}

/*ANCHOR*/
.my-anchor {
    display: block;
    width: 100%;
}

/*LINKS*/
.links-calltoaction-header {
    z-index: 8001;
    position: relative;
    top: 6.6em;
    text-align: center;
}
a.links-btn, p.links-btn a {
    padding: 2%;
}
.links-calltoaction-header a {
    line-height: 2.4em;
    padding: 0px 10px;
    font-size: 0.8em;
}
a.links-btn, .links-btn a, .links-calltoaction a, .links-calltoaction-header a {
    display: inline-block;
    text-align: center;
    background: #7C8D65;
    color: #FFF;
    text-decoration: none;
    margin-bottom: 1em;
    text-decoration: none !important;
    text-transform: uppercase;
}
a.links-btn.inverted, p.links-btn.inverted a {
    background: #FFF;
    color: #7C8D65;
    border: dashed 1px #7C8D65;
}
.links-collapse {
    padding: 1%;
    font-family: 'Futura Bold', Arial, sans-serif !important;
    color: #FFF;
    display: inline-block;
    background: #7C8D65;
    width: 100%;
    margin-bottom: 10px;
}
.links-collapse:hover {
    color: #FFF;
    background: #7C8D65;
    text-decoration: none;
}
.links-collapse i {
    font-size: 1.5em;
    float: right;
}
.links-collapse[aria-expanded="true"] i.fa-caret-down:before {
    content: "\f00d";
}
.links-collapse-faqs {
    padding: 2% 0% 0% 0%;
    display: inline-block;
    color: #7C8D65 !important;
}
a.links-btn, p.links-btn a  {
    width: 100%;
    font-size: 1.5em;
    border: dashed 1px #FFF;
    
}
.links-calltoaction a {
    width: 100%;
    float: left;
    margin: 0.5%;
    padding: 0.5em;
    line-height: 3em;
}
.links-calltoaction a:nth-child(even) {background: #FFF; color: #7C8D65;border: dashed 1px #7C8D65;}
.links-calltoaction a:nth-child(odd), .links-calltoaction-header a {background: #7C8D65;border: dashed 1px #FFF;}
.links-calltoaction a:hover, .links-calltoaction-header a:hover {background: #000;color: #FFF;border: solid 1px transparent;}
@media (min-width: 576px) {
    .links-calltoaction a {
        width: 32.3%;
        line-height: 1.2em;
        font-size: 0.8em;
    }
}
@media (min-width: 992px) {
    .links-calltoaction-header {
        position: fixed !important;
        right: 13em !important;
        top: 0.6em !important;
    }
    .links-calltoaction a {
        width: 19%;
        line-height: 1.2em;
        font-size: 0.8em;
    }
}
a.links-btn:hover, p.links-btn a:hover {
    text-decoration: none;
    background: #FFF;
    color: #7C8D65;
    border: dashed 1px #7C8D65;
}
a.links-btn.inverted:hover, p.links-btn.inverted a:hover {
    text-decoration: none;
    background: #7C8D65;
    color: #FFF;
    border: dashed 1px #FFF;
}

/*VISUAL CALL TO ACTION */
.visual-links-calltoaction a {
    display: inline-block;
    /*margin: 5% 1.3%;*/
    margin-bottom: 1.3em;
    text-decoration: none !important;
}
@media (min-width: 576px) {
    .visual-links-calltoaction a {
        width: 46.1%;
    }
}
@media (min-width: 769px) {
    .visual-links-calltoaction a {
        width: 24.1%;
    }
}
.visual-links-calltoaction a:nth-child(odd) {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.visual-links-calltoaction a:nth-child(even) {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}
.visual-links-calltoaction a:first-child {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.visual-links-calltoaction a:last-child {
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
}
.visual-links-calltoaction a img {
    border: solid 1px #FFF;
}
.visual-links-calltoaction a:hover img {
    background: #000;
    color: #FFF;
    border: dashed 1px #7C8D65;
}
.visual-links-calltoaction span {
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-top: -10%;
    position: relative;
    font-size: 1.2em;
    color: #7C8D65;
}
.visual-links-calltoaction a:hover span {
    color: #FFF;
}
@media (min-width: 576px) {
    .visual-links-calltoaction span {        
        margin-top: -20%;
    }
}
@media (min-width: 769px) {
    .visual-links-calltoaction span {     
        margin-top: -23%;
    }
}
@media (min-width: 992px) {
    .visual-links-calltoaction span {
        margin-top: -16%;
    }
}
/*BTN*/
#btn-scrolltotop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #7C8D65;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#btn-scrolltotop:hover {
  background-color: #FFF;
  color: #7C8D65;
}


/*POLAROID EFFET IN GALLERY*/
.blocks-gallery-grid, .wp-block-gallery {}
.blocks-gallery-grid li, .polaroid img {
    background: #FFF;
    padding: 18px 12px 68px 12px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-box-shadow: 0px 1px 5px 0px #656565;
    -webkit-box-shadow: 0px 1px 5px 0px #656565;
    -o-box-shadow: 0px 1px 5px 0px #656565;
    box-shadow: 0px 1px 5px 0px #656565; 
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
    /*opacity: 0.8;*/
    width: auto;
    height: auto;
    max-width: 100%;
}
a.polaroid img {
    padding: 18px 12px;
}
.polaroid.simple img {padding: 0px !important;}
.blocks-gallery-grid li {opacity: 1;}
    
.blocks-gallery-grid li:nth-child(odd) {
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg); 
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
    margin-right: -0em !important;
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc(29.33333% - .66667em);
    margin-right: -1em;
}

/*POLAROID EFFECT CHANGE ON HOMEPAGE*/

/* ANIMATION */
@keyframes slideInFromLeft {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0); }
}
@keyframes slideInFromTop {
  0% { transform: translateY(-300%); }
  100% { transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
body.home .site-title {  
  animation: 1.5s ease-out 0s 1 slideInFromTop; 
}
.site-branding {z-index: 10000;}
body.home .link_contactScroll, body.home .navbar {  
  animation: 1.5s ease-out 0s 1 fadeIn; 
}

/**/
.img-ride-map {
    border: solid 1px #DDD;
    border-style: dashed;
    width: 50%;
    float: left;
    margin: 0% 3% 2% 0%;
}

/*FORMS*/
form p {
	margin-left: 0px !important;
	/*margin-bottom: 0em !important;*/
}
label {
	width: 100%;
	text-transform: uppercase;
	font-size: 1.3em;
    font-weight: 100 !important;
}
input[type=text], input[type=email], textarea {
	width: 100%;
    line-height: 1.6em;
    color: #8E8E8E !important;
    padding: 0 2%;
	border: solid 4px transparent;
}
input[type=submit] {
    width: 100%;
    line-height: 2.6em;
    background-color: #7C8D65 !important;
    color: #FFF !important;
    text-transform: uppercase;
    /*font-size: 1.6em;*/
    border: dashed 2px #FFF;
    font-weight: 100 !important;
    cursor: pointer;
}
textarea {height: 7em;}
input[type=submit]:hover {
    background-color: rgba(255,255,255,0.9) !important;
    color: #7C8D65 !important;
    border: dashed 2px #7C8D65;
}
input:focus-visible,textarea:focus-visible, select:focus {
    outline: -webkit-focus-ring-color auto 0px;
	border: dashed 4px #7C8D65;
}
select {
	color: #009BD8 !important;
	width: 100%; padding: 1% 2%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='lightblue' height='4em' viewBox='0 0 24 24' width='4em' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: center;
	border: solid 4px transparent;
}
/*MESSAGE D'ERREUR*/
/*LINKED TO FIELDS*/
.wpcf7 {position:relative;}
.wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 0.8em;
    font-weight: normal;
    text-transform: none;
    background: #000;
    padding: 1%;
    margin-bottom: 1% !important;
    display: inline-block;
}
/* FORM NOT ACCEPTED */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    background: #000;
    padding: 2%;
    border: none;
    color: #dc3232 !important;
    position: absolute;
    top: -4em;
    margin: 0px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 90%);
    width: 100%;
}

/*FORM ACCEPTED*/
.wpcf7 form.sent .wpcf7-response-output {
    background: #000;
    padding: 20%;
    border: none;
    color: #46b450 !important;
    position: absolute;
    top: 20%;
    margin: 0px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 90%);
    width: 100%;
	font-weight: bolder;
}


/* SVG often in visual lists*/
svg {
    width: 20px;
    height: 20px;
    margin: 5%;
}
.legend svg {margin: 1%;}
.visual-items-list svg {
    position: absolute;
    bottom: 10px;
    top: auto;
    right: 10px;
    left: auto;
    border: dashed 1px #FFF;
    background-color: rgba(0,0,0,0.2);
    fill: white !important;
    padding: 2%;
}
/* DATA IN VISUAL LISTS */
.data-in-list {
    position: absolute;
    bottom: 15px;
    right: 60px;
    color: #FFF !important;
}

/*FOOTER*/
.site-footer {
    background-color: #7C8D65 !important;
    border-top: none !important;
    color: #FFF !important;
        padding: 1% 0% 2% 0%;
}
.site-footer a {
    color: #FFF !important;
}

footer .commodity {
    width: 90%;
    margin: 5% auto !important;
}
footer .commodity img {
    background: #FFF;
    border-radius: 10px;
    border: solid 4px #7C8D65;
    width: 17%;
}
@media (min-width: 576px) {
    footer .commodity img {
    }
}
@media (min-width: 769px) {
    footer .commodity img {
        width: 9.2%;
    }
}
footer .box-container p {
    text-align: center;
}
footer .partners {
    background: #FFF;
    width: 90%;
    margin: 5% auto !important;
    border-radius: 10px;
}

footer .partners img {
    width: 17%;
}
footer figure.wp-block-image {float: left;width: 9%;background-color:#FFF;}
footer figure.wp-block-image:first-child {margin-left: 2%;}
footer .my-first-child {margin-left: 0.4%;border-radius: 10px 0px 0px 10px;}
footer .my-last-child {border-radius: 0px 10px 10px 0px;}
footer figure.wp-block-image a {}
footer figure.wp-block-image img {border: none !important;box-shadow: none;padding: 2%;}
footer .box-container p {clear: both;}
footer figure.wp-block-gallery figure.wp-block-image {
    width: 8% !important;
    background: #FFF;
    border-radius: 10px;
    border: solid 1px #000;
}
@media (min-width: 576px) {
    footer .partners img {
        width: 12.9%;
    }
    footer figure.wp-block-gallery figure.wp-block-image {
        border: solid 2px #000;
    }
}
@media (min-width: 769px) {
    footer .partners img {
        width: 6.9%;
    }
    footer figure.wp-block-gallery figure.wp-block-image {
        border: solid 4px #000;
    }
}
footer .row:last-child {
    margin-bottom: 3%;
}
/* MODAL BOX COLLECTIONS */
.modal {
    z-index: 10000 !important;
}
.modal.show {
    opacity: 1;
    background: rgba(0,0,0,0.8);
}
.modal-content {
    border: dashed 1px #FFF !important;
}
.modal-body {
    font-size: 0.9em;
    /*color: #7C8D65;*/
}
.modal-title {
    width: 97%;
    text-align: center;
    line-height: 1.8em;
    font-size: 1.2em;
}
.modal-header, .modal-footer {
    color: #FFF !important;
    background: #7C8D65;
    padding: 1% !important;
    margin: 1% 0 0% !important;
}
.modal-header .close {
    color:#FFF;
    opacity: 1;
    text-shadow: none;
}
.modal-header i {
    font-size: 1em;
    cursor: pointer;
    margin: 0 20px;
}
.modal-header i.fa-close {
    font-size: 2em;
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 80% !important;
        margin: 1.75rem auto;
    }
    .modal-dialog .box_image{
        max-width: 70% !important;
        height: auto;
        margin: auto;
    }
}
@media (min-width: 992px){
    .modal-dialog {
        max-width: 60% !important;
        margin: 1.75rem auto;
    }
}
.modal-title-in-body {line-height: 2em;}
.modal-title i.fa-caret-left,
.modal-title i.fa-caret-right,
.modal-title-in-body i.fa-caret-left,
.modal-title-in-body i.fa-caret-right {
    width:3%;
    text-align: center;
    font-size: 2em;
}
.modal-title span, .modal-title-in-body span {
    width: 90%;
    display: inline-block;
    text-align: center;
}
div.modal:nth-child(0n+2) i.fa-caret-left,
div.modal:last-child i.fa-caret-right,
div.modal:nth-child(0n+2) i.fa-caret-left,
div.modal:last-child i.fa-caret-right {
    visibility: hidden;
}

/*TABLE*/
table {
    background-color: #EEE;
    color: #000;
    text-align: center;
    width: 100%;
    margin-bottom: 5%;
}
tr.colored-cells td, td.colored-cells, th, tr:first-child td, td:first-child {
    background-color: #7C8D65;
    color: #FFF;
}
table tr th, table tr td {
    padding: 0% 1%;
    border: solid 1px #FFF;
    width: 7.5%;
    font-size: 0.7em;
}
td:first-child {text-align: left;}

/*Calendrier de circulation*/
div.calendar-container {
    margin: auto;
    width: 80%;
}
@media (min-width: 769px) {
    div.calendar-container {
        width: 50%;
    }
}
div.calendar-container.museum {
    width: 100%;
}
table.calendar {
    border-collapse: collapse;
}
table.calendar th {
    text-align: center;
    padding: 10px;
}
table.calendar td {
    width: 14.28%;
    height: 50px;
    text-align: center;
    vertical-align: top;
    /*position: relative;*/
    padding: 2px;
}

div.calendar-container.museum table td {padding: 1%;}

.info-bulle {
    display: none;
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    /*border: solid 1px #FFF;*/
    box-shadow: 1px 1px 4px black;
}
table.calendar td:hover .info-bulle {
    display: block;
}
table.calendar td:first-child { background-color: #EEE;color: #000;}
table.calendar td, table.calendar td .info-bulle { background-color: #EEE;}
table.calendar td.orange, table.calendar td.orange .info-bulle, table.calendar td.orange-winter, table.calendar td.orange-winter .info-bulle {background-color: #D9BB27 !important; color: #FFF;}
table.calendar td.green, table.calendar td.green .info-bulle, table.calendar td.green-winter, table.calendar td.green-winter .info-bulle {background-color: #6BBD46 !important; color: #FFF;}
table.calendar td.blue, table.calendar td.blue .info-bulle {background-color: #0DBBEE !important; color: #FFF;}
table.calendar td.red, table.calendar td.red .info-bulle {background-color: #EF3C24 !important; color: #FFF;}
table td.grey, table td.grey .info-bulle {background-color: #EEE !important; color: #AAA;}


/*TABLE-HORAIRES/TRAINS*/
table.hours tr td {
    color: #FFF;
    padding: 1% 0.4%;
    line-height: 0.96em;
    font-size: 0.6em;
}
/*TABLE-COLOR*/
td.orange, td.orange .info-bulle,
td.orange-winter, td.orange-winter .info-bulle,
table.hours tr td:nth-child(0n+2),
table.hours tr td:nth-child(0n+3),
table.hours tr td:nth-child(0n+4)
    {
    background-color: #D9BB27;
}
td.green, td.green .info-bulle,
td.green-winter, td.green-winter .info-bulle,
table.hours tr td:nth-child(0n+5),
table.hours tr td:nth-child(0n+6),
table.hours tr td:nth-child(0n+7)
    {
    background-color: #6BBD46 !important;
}
td.blue,
table.hours tr td:nth-child(0n+8),
table.hours tr td:nth-child(0n+9),
table.hours tr td:nth-child(0n+10)
    {
    background-color: #0DBBEE;
}

tr.red td, td.red {background-color: #EF3C24;text-align: center;}
td.white, tr.white td {background-color: #FFFFFF !important;padding: 0% !important;}
.color-spotted {background-color: #7C8D65;}


table.legend td:first-child {text-align: center;}
table.legend p {margin: 0; padding: 0;}

/**/
.row-with-vspace {margin-bottom: 0px !important;}

/*pswp--visible*/
.pswp--visible {
    z-index: 10000;
}

/* WPML */
.otgs-development-site-front-end {
    display: none;
}

.product-price {
    position: absolute;
    background: #7C8D65;
    border-radius: 3em;
    top: -2em;
    right: -2em;
    width: 4em;
    height: 4em;
    line-height: 4em;
    border: dashed 1px #FFF;
}

/*TEXT CAROUSEL*/
.text-home-slide {
    height: 100px;
    position: absolute;
    top: 100 !important;
    left: 0;
    width: 100%;
        
}
.text-home-slide .carousel {
    top: 0;
    height: 100px; 
}

.text-home-slide .carousel .carousel-inner {
    height: 100px; 
}
.text-home-slide .carousel .carousel-inner .carousel-item {
    height: 100px; 
}
.text-home-slide .carousel .carousel-inner .carousel-caption {
    height: 100px; 
}
.text-home-slide .carousel .carousel-inner .carousel-caption h6 {
    color: white;
    text-shadow: 0px 0px 2px black;
    font-weight: 100;
    font-family: 'Futura Light', Arial, sans-serif !important;
    text-transform: uppercase;
    background: rgba(0,0,0,0.3);
    padding: 1%;
}
    
.carousel-caption {
    right: 0 !important;
    left: 0 !important;
}
.text-home-slide .carousel .carousel-inner .carousel-caption h6 {font-size: 0.7em;}
@media (min-width: 576px){
    .text-home-slide .carousel .carousel-inner .carousel-caption h6 {font-size: 0.8em;}
    .carousel-caption {
        right: 5% !important;
        left: 5% !important;
    }
}
@media (min-width: 769px){
    .text-home-slide .carousel .carousel-inner .carousel-caption h6 {font-size: 0.9em;}  
    .carousel-caption {
        right: 10% !important;
        left: 10% !important;
    }
}
@media (min-width: 992px){
    .text-home-slide .carousel .carousel-inner .carousel-caption h6 {font-size: 1em;}
    .carousel-caption {
        right: 15% !important;
        left: 15% !important;
    }  
}
.text-home-slide .carousel .d-none {display: block !important;}

/*IFRAME VIDEO*/
.iframe-container {
    text-align: center;
    margin: 2% 0%;
}  
.iframe-container.big {display: none !important}  
@media (min-width: 576px){
    .iframe-container {}  
}
@media (min-width: 769px){
    .iframe-container {}  
    .iframe-container.mini {display: none !important;}    
    .iframe-container.big {display: block !important}  
}
@media (min-width: 992px){
    .iframe-container {}
}

/**/
.page-template-page-cfv3v .our-events-section, .page-template-page-location .our-events-section, .page-template-page-guided-visit .our-events-section, .page-template-page-schools .our-events-section {
    border-top: solid 50px #7C8D65 !important;
}
.page-template-page-location article, .page-template-page-museum article, .page-template-page-cfv3v article {
    padding: 0px !important;
}