/* GENERAL */
@font-face {
	src: url('../fonts/ancient.ttf');
	font-family: "ancient";
}
@font-face {
	src: url('../fonts/Cardinal-Alternate.ttf');
	font-family: "cardinal";
}
html {
	scroll-behavior: smooth;
}
body {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;

}
*, div, p {
	font-family: Montserrat, sans serif;
}
h1, h2, h3, h4, h5 {
	font-family: Cinzel;
}
.center {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.whiteBack {
	background-color: #fff;
}
.white {
	color: #fff;
}
body {
	z-index: 0;
	background-color: #fff;
}
.bgimg {
	background-size: cover;
	background-position: center;
}
.img100 {
	width: 100%;
	height: auto;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
}
.sticky:before,
.sticky:after {
	content: '';
	display: table;
}
/*img {
  display: inline-flex;
  width: 175px;
  height: 175px;
  margin-right: 10px;
  border: 1px solid red
  }*/

  /*for browsers which support object fit */

  img[data-object-fit='cover'] {

  	object-fit: cover
  }

  [data-object-fit='contain'] {
  	object-fit: contain
  }
  section {
  	top: 90px;
  }
  html {
  	/*  	overflow-y: scroll;*/
  	overflow-x: hidden;
  }
  a {
  	color: rgba(172, 131, 175, 1);
  }
  a:hover {
  	text-decoration-line: overline;

  	color: #5a3b5d;
  }
/*section:first-child {
	top: 90px;
}
section:nth-child(2) {
	top: 150px;
}
section:nth-child(3) {
	top: 200px;
	}*/
	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	p:first-of-type::first-letter {
		font-size:300%;
		float:left;
		font-family: "ancient";
		font-family: "cardinal";
		padding-right: 5px;
		line-height: 50%;
	}
	figcaption p:first-of-type::first-letter {
		font-size:100%;
		float:none;

		font-family: "Montserrat";
		padding-right: 0;
	}
	.homePadding p:nth-of-type(2):first-letter {
		font-size:300%;float:left;
		font-family: "cardinal";
		line-height: 50%;
	}

	.bouton {
		padding: 5px;
		border: solid white 1px;
	}
	.bouton:hover {
		border-color: blue;
		background-color: white;
	}
	/* HEADER */

	/**** navigation mobile ******/
	.main-nav .page-item a {
		/*font-size:300%;
		float:left;
		font-family: "ancient";
		font-family: "cardinal";*/
	}
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active {
		border-bottom: solid 1px #5a3b5d;
		border-top: solid 1px #5a3b5d;
	}
	.navbar-light .navbar-toggler {
		color: rgba(0,0,0,0);
		border-color: rgba(0,0,0,0);
	}
	.navbar-nav .nav-link {
		margin-left: 1.5rem;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #5a3b5d;
	}
	.main-nav.is-open a:hover {
		color: #5a3b5d;
	}

	/* Main menu positionning */
	.main-nav {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		text-align: center;
		background: #FFF;
		opacity: 0;
		z-index: -1;
		visibility: hidden;
		transition: all .375s;
	}

	.main-nav.is-open {
		opacity: 1;
		z-index: 100;
		visibility: visible;
		background-color: transparent;
		position: fixed;
	}

	/* Yellow band effect */
	.main-nav::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: -15px;
		/*background: #FEDC2A;*/
		background: #62A898;
		background-color: #fff;
		transform-origin: 0 0;
		transform: skew(-14deg) translateX(-120%);
		transition: all .275s .1s;
	}

	.main-nav.is-open::before {
		transform: skew(-14deg) translateX(0);

	}

	/* Skewing effect on menu links */
	.main-nav ul {
		display: inline-flex;
		flex-direction: column;
		height: 93%; /* Should be 100%, but we have a notice message :D */
		align-items: flex-end;
		justify-content: center;
		transform: translateX(-18%) skew(-16deg);
	}

	.main-nav li {
		display: block;
		margin: .2rem 0;
		text-align: right;
		transform: skew(16deg);
	}
	

	/* Apparition effect on links */
	.main-nav a {
		opacity: 0;
		transform: translateY(-10px);
	}

	.main-nav.is-open a {
		opacity: 1;
		transform: translateY(0);
	}
	.main-nav li:nth-child(1) a {
		transition: all 275ms 175ms
	}
	.main-nav li:nth-child(2) a {
		transition: all 275ms 225ms
	}
	.main-nav li:nth-child(3) a {
		transition: all 275ms 275ms
	}
	.main-nav li:nth-child(4) a {
		transition: all 275ms 325ms
	}
	.main-nav li:nth-child(5) a {
		transition: all 275ms 375ms
	}


	/* Decoration */
	.main-nav ul,
	.main-nav li {
		list-style: none;
		padding: 0;
	}
	.main-nav a {
		display: block;
		padding: 12px 0;
		color: #5a3b5d;
		font-size: 1.4em;
		text-decoration: none;
		font-weight: bold;
		font-family: Cinzel;
	}
	.main-nav a:hover {

	}

	.main-nav a:after {
		display:block;
		content: '';
		border-bottom: solid 3px #5a3b5d;  
		transform: scaleX(0);  
		transition: transform 250ms ease-in-out;
	}
	.main-nav a:hover:after { transform: scaleX(1); }
	.main-nav a.fromRight:after{ transform-origin:100% 50%; }
	.main-nav a.fromLeft:after{  transform-origin:  0% 50%; }

	/* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
	.open-main-nav {
		position: absolute;
		top: 15px;
		padding-top: 20px;
		right: 15px;
		z-index: 1000;
		background: none;
		border: 0;
		cursor: pointer;
	}
	.closemenu {
		position: absolute;
		top: 15px;
		padding-top: 20px;
		right: -5px;
		z-index: 1000;
		background: none;
		border: 0;
		cursor: pointer;
	}
	.open-main-nav:focus {
		outline: none;
	}
	.burger {
		position: relative;
		display: block;
		width: 28px;
		height: 4px;
		margin: 0 auto;
		background: #5A3B5D;
		transform: skew(5deg);
		transition: all .275s;
	}

	.burger:after,
	.burger:before {
		content: '';
		display: block;
		height: 100%;
		background: #5A3B5D;
		transition: all .275s;
	}

	.burger:after {
		transform: translateY(-12px) translateX(-2px) skew(-20deg);
	}

	.burger:before {
		transform: translateY(-16px) skew(-10deg);
	}

	/* Toggle State part */
	.is-open .burger {
		transform: skew(5deg) translateY(-8px) rotate(-45deg);
	}

	.is-open .burger:before {
		transform: translateY(0px) skew(-10deg) rotate(75deg);
	}

	.is-open .burger:after {
		transform: translateY(-12px) translateX(10px) skew(-20deg);
		opacity: 0;
	}

	/* MENU Text part */

	.burger-text {
		display: block;
		font-size: .675rem;
		letter-spacing: .05em;
		margin-top: .5em;
		text-transform: uppercase;
		font-weight: 500;
		text-align: center;
		color: #5A3B5D;
	}


	button#burger.is-open {
		position: fixed;

	}


	/**** home header *****/
	.headerHome {
		height: 550px;
		background-size: cover;
		background-position: top;
		background-repeat: no-repeat;
		/*	position: relative;*/

		top: 0px;
		z-index: 0;

	}
	.navbar {
		background-color: #fff;
		font-family: Cinzel, serif;
		height: 80px;

	}
	.navbar * {
		font-family: Cinzel;
	}
	.custom-logo {
		width: auto;
		height: 58px;
	}
	.titleBandOut {
		background-color: rgba(0,0,0,0.45);
		padding: 30px;
		text-align: center;
		position: absolute;
		width: 100%;
		height: 132px;
		top: 58%;
		margin-top: -66px;

	}
	.titleBandIn {
		font-family: Cinzel;
		display: block;
		margin-right: auto;
		margin-left: auto;
		width: auto;
		font-size: 3em;
		color: #fff;
	}

	/******** home section1 *********/
	#section1 {
		padding-top: 5rem;
		padding-bottom: 3rem;
		background-color: #fff;
		height: 100vh;
		overflow: hidden;
	}
	.collageBloc {
/*	position: sticky;
	z-index: 0;
	top: 0;*/
}
.collageBloc > .row:first-child img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: 50% 50%;
}
.collageBloc > .row:first-child  {
	padding: 0;
	height: 300px;
}

/* section 2*/
#section2 {
	height: auto;
	background-color: #fff;
	/*	overflow: scroll;*/
	overflow: hidden;
}
.homeBloc {
	height: 634px;
	width: 100%;
	object-fit: cover;
	background-color: #fff;
	background-position: center;

}
#section2 h2 {
	font-size: 2rem;
}

.homePadding {
	padding: 50px 45px;
	line-height: 1.6;

}

/*section 3*/
.section3 {
	height: 100vh;
	padding: 1px;
	background-color: #fff;
	background-repeat: no-repeat;
	/*	background-position: center;*/
	background-size: cover; 
}
.textOut {
	padding: 50px;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	width: 50%;
	margin-top: 40vh; /* poussé de la moitié de hauteur de viewport */
	transform: translateY(-50%);
	/*border: solid 1px #fff;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/** location **/
#location {
	background-color: #fff;
	margin-bottom: 300px;
}
.titleLoc {
	text-align: center;
	font-size: 2rem;
	padding-top: 1em;
	margin-bottom: 2em;
}

/*.locMap {
	grid-area: 1 / 1 / 2 / span 1;
	}*/
	.locMap iframe {
		padding: 5px;
		height: 100%;
		min-height: 300px;
		width: 100%;
	}
	.reverse {
		flex-direction : row-reverse;
	}
	#location > .container {
		margin-bottom: 30px;
	}

/*.locSmText {
	grid-area: 1 / 3 / span 1 / span 1 ;
	vertical-align: middle;
	align-items: center;
}
.locLgText {
	grid-area: 2 / 1 / span 1 / span 1 ;
}
.locPicture {
	grid-area: 2 / 3 / span 1 / span 1 ;
	justify-self: stretch;

	}*/
	.locPicture > p > iframe {
		width: 100%;
		height: 300px;
	}
/*.locVideo {
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}*/

	/**** wp image *****/


	.wp-block-image img {
		/*object-fit: cover;*/
		max-width: 100%;
	/*width: 100%;
	height: auto;*/
}
/* PAGES */
/*** other pages **********/
figcaption p {
	font-size: 0.9em;
}
figcaption {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.container figcaption {
	background-color: #5A3B5D !important;
}
figcaption a.bouton {
	width: 100px;
}
figcaption p a:hover {
	color: #fff;
}
/** footer *****************/
#footer {
	background-color: #5a3b5d; 
	height: 300px;
	opacity: 0.99;
	margin-top: 50px;

}
.realFooter {
	position: absolute;
	bottom: 10px;
}

.foote {
	/*background-color: rgba(0,0,0,0.6);*/
	color: #fff;
	padding: 50px;
	text-align: center;
}
.foote a {
	font-size: 14px;
}
#footer a {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: solid #b69db8 1px;
}
#footer img {
	height: 62px;
	width: auto;
	display: block;
	margin-bottom: 20px;
}
/* pages header */
.headerPages {
	height: 10vh;
	background-size: cover;
	background-repeat: no-repeat;
}
.headerPages .navbar {
	height: 9vh;
}
#bs4navbar {
	display: none;
}


/**** video embed ****/
/*.locVideo iframe {
	height: 315px;
	width: 560px;
	}*/

	.headerPages button {
		background-color: #fff;
	}

	.foogallery.fg-caption-hover.fg-hover-fade .fg-loaded .fg-item-inner:hover .fg-caption, .foogallery.fg-hover-fade .fg-loaded .fg-item-inner:hover .fg-thumb::before {

		visibility: visible;
		opacity: 0.3;

	}
/*.wp-block-separator.is-style-wide {
   display: none;
   }*/
   .pages #footer {
   	height: auto;
   }
   .clearfix::after {
   	content: "";
   	clear: both;
   	display: table;
   }
   /* media queries */
   @media screen and (orientation: landscape) and (max-height: 500px) {
   	.sticky {
   		position: static;
   	}
   	.collageBloc img {
   		width: 80%;
   		margin-left: auto;
   		margin-right: auto;
   		display: block;
   	}
   	#section1, #section3 {
   		height: auto;
   	}
   	.headerPages .custom-logo {
   		width: auto;
   		height: 7vh;
   	}
   	.headerPages .navbar {
   		height: 15vh;
   	}
   	label {
   		height: 95vh;
   		padding-left: 15px;
   	}
   }
   @media all and (max-width: 1199px) {
   	.homePadding {
   		padding: 40px 45px;
   		line-height: 1.6;

   	}
   	.homePadding p {
   		font-size: 14px;
   	}
   	#section3 p {
   		font-size: 13px;
   	}
   }
   @media all and (max-width: 991px) {
   	.headerPages .custom-logo {
   		width: auto;
   		height: 53px;
   	}
   	.homePadding {
   		padding: 30px 38px;
   	}
   	.gridLocation {
   		grid-template: 230px 1fr / 50% 50%;
   		height: auto;
   		width: 90%;
   	}
   	.locMap {
   		grid-area: 1 / 1 / span 1 / span 1;
   	}
   	.locLgText {
   		grid-area: 2 / 1 / span 1 / span 1 ;
   	}

   }
   @media all and (max-width: 767px) {
   	.locVideo iframe {
   		height: 218px;
   		width: 450px;
   	}
   	.headerPages .custom-logo {
   		width: 140px;
   		height: auto;
   	}
   	.titleBandIn {
   		font-size: 2em;
   	}
   	#section1 p {
   		font-size: 0.8em;
   	}
   	#section2 p {
   		font-size: 0.8em;
   	}
   	#section3 .textOut {
   		width: 85%;
   	}
   	.homeBloc {
   		height: 300px;
   	}
   	#location {
   		padding: 10px; 
   		height: auto;
   	}
   	.gridLocation {
   		grid-template: 1fr 3fr 2fr 3fr / 44.5% 44.5%;
   		height: auto;
   		width: 90%;
   	}

   	.locSmText {
   		font-size: 13px;
   		align-self: center;

   	}
   	.locLgText {
   		font-size: 13px;
   	}
   	.locPicture {
   	}
   	#section2 img {
   		display: none;
   	}
   	#location .col-md-6 > div {
   		margin-bottom: 30px;
   	}
   	.text h1 {
   		font-size: 2rem;
   	}
   	.text h2 {
   		font-size: 1.7rem;
   	}
   	.text h3 {
   		font-size: 1.5rem;
   	}
   	.text h4 {
   		font-size: 1.3em;
   	}
   	.text h5 {
   		font-size: 1.1rem;
   	}
   	#section2 h2 {
   		font-size: 1.5rem;
   	}
   	.titleLoc {
   		font-size: 1.5rem;
   	}

   }
   @media all and (max-width: 575px) {
   	.text h1 {
   		font-size: 1.7rem;
   	}
   	.text h2 {
   		font-size: 1.6em;
   	}
   	.text p {
   		font-size: 0.9rem;
   	}
   	.locVideo iframe {
   		height: 168px;
   		width: 300px;
   	}
   	.titleBandIn {
   		font-size: 1.5em;
   	}
   	#section3 .textOut {
   		width: 95%;
   		font-size: 0.9em;
   	}
   	.homePadding {
   		padding: 30px 35px;
   		line-height: 1.4
   	}
   	.headerPages .custom-logo {
   		width: 75px;
   		height: auto;
   	}
   	figcaption {
   		font-size: 0.8em;
   		overflow: scroll;
   	}
   	figcaption h2 {
   		font-size: 1.5em;
   	}
   	.main-nav a {

   		font-size: 1.1em;
   	}
   	.wp-block-image img {
   		/*object-fit: cover;*/
   		max-width: 100%;
   		width: 100%;
   		height: auto;
   	}
   	.burger-text {
   		visibility: hidden;
   	}
   	figure.alignleft.is-resized, figure.alignleft, figure.alignright, figure.alignright.is-resized {
   		margin-right: auto;
   		margin-left: auto;
   		margin-bottom: 10px;
   		margin-top: 10px;

   	}

   	.headerHome #burger {
   		margin-top: 8px;
   	}
   	.headerHome .custom-logo {
   		width: 83px;
   		height: auto;
   	}
   	.main-nav li:first-child {
   		margin-top: 4rem;
   	}
   }
   @media all and (max-width: 480px) {
   }