/*
	Theme Name: HTML5 Blank

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	
}
main{
	min-height: 49vh;
}
body {
	font:300 11px/1.4 ;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/


/* SINGLE PAGE */

.single-page{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.single-page .hero-image{
	width: 100%;
	height: 60vh;
	position: relative;
	max-width: 1900px;
}

.single-page .hero-image > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.single-page .hero-image .overlay{
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
}

.single-page .hero-image .overlay .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.single-page .hero-image .overlay .content .categories{
	display: flex;
	margin-top: 20px;
}

.single-page .hero-image .overlay .content .categories .cat{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	text-decoration: underline;
	transition: 0.3s;
	cursor: pointer;
}

.single-page .hero-image .overlay .content .categories .cat:hover{
	color: #525252;
	transition: 0.3s;
}

.single-page .hero-image .overlay .content .categories .cat p{
	font-size: 19px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 13px;
}

.single-page .hero-image .overlay .content .date-single {
	font-size: 19px;
	font-weight: 300;
	color: #FFFFFF;
	background: #1D1D1D;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 7px;
	padding-bottom: 7px;
	box-shadow: 10px 0px 6px #00000029;
	width: fit-content
}

.single-page .hero-image .overlay .content h1{
	color: white;
	font-size: 71px;
	margin: 0;
}

.single-page .hero-image .overlay .content .date{
	display: flex;
	align-items: center;
}

.single-page .hero-image .overlay .content .date svg{
	fill: white;
	width: 19px;
	height: 19px;
	margin-right: 10px;
}

.single-page .hero-image .overlay .content .date p{
	color: white;
	font-size: 14px;
}

.single-page .content-container{
	display: flex;
}

.single-page .content-container .content{
	width: 100%;
	margin-right: 49px;
	margin-top: 12px;
}

.single-page .content-container .content .ariane{
	display: flex;
	align-items: center;
}
.single-page .content-container .content .ariane h4{
	margin-top: 14px;
	margin-bottom: 14px;
	font-size: 14px;
	color: #000000;
	font-weight: 700;
	transition: 0.3s;
}


.single-page .content-container .content .ariane p{
	font-size: 14px;
	padding-right: 3px;
	color: #000000;
	font-weight: 700;
	transition: 0.3s;
}

.single-page .content-container .content .ariane p:hover{
	color: #707070;
	transition: 0.3s;
}

.single-page .content-container .content h2{
	font-size: 30px;
	font-weight: 500;
	color: #000000;
	margin-top: 39px;
}

.single-page .content-container .content h3{
	font-size: 22px;
	font-weight: 400;
	color: #000000;
}

.single-page .content-container .content p, span{
	font-size: 17px;
	line-height: 1.5;
	color: #707070;
}

.single-page .content-container .content img{
	object-fit: cover;
}

.single-page .content-container .sidebar{
	width: 34%;
	border-left: 1px solid rgba(127, 127, 1278, 0.1);
	padding-left: 49px;
}

.single-page .content-container .sidebar .related-articles{
	margin-bottom: 30px;
	width: 100%;
}

.single-page .content-container .sidebar .related-articles h2{
	color: #525252;
	margin-bottom: 17px;
	font-size: 24px;
	font-weight: 700;
}

.single-page .content-container .sidebar .sharing{
	margin-bottom: 30px;
	width: 100%;
}

.single-page .content-container .sidebar .sharing h2{
	color: #525252;
	margin-bottom: 17px;
	font-size: 24px;
	font-weight: 700;
}

.single-page .content-container .sidebar .sharing a{
	margin-right: 10px;
	color: grey;
}

.single-page .content-container .sidebar .sharing a i{
	font-size: 42px;
	color: #000000;
}

.single-page .content-container .sidebar .sharing a i:hover{
	font-size: 42px;
	color: #707070;
	transition: 0.3s;
}

.single-page .content-container .sidebar .sharing a a{
	display: none;
	transition: 0.3s;
}

.single-page .content-container .sidebar h2{
	color: black;
	font-size: 23px;
	font-weight: 400;
	margin: 0;
	padding-top: 19px;
	padding-bottom: 9px;
}

.single-page .content-container .sidebar .post{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 25px;
}

.single-page .content-container .sidebar .post:hover{
	filter: opacity(0.7);
}

.single-page .content-container .sidebar .post img{
	width: 100%;
	height: 179px;
	object-fit: cover;
}

.single-page .content-container .sidebar .post .post-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.single-page .content-container .sidebar .post .post-content h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 1px;
}

.single-page .content-container .sidebar .post .post-content a{
	padding: 10px;
	color: #575757;
	font-size: 15px;
	font-weight: 500;
	margin-top: 10px;
	transition: 0.3s;
	overflow: hidden;
}

.single-page .content-container .sidebar .post .post-content a:hover{
	color: #575757;
	transition: 0.3s;
}

@media only screen and (max-width:768px) {
	.single-page .hero-image{
		height: 40vh;
		
	}
	.single-page .hero-image .overlay .content h1{
		font-size: 49px;
	}

	.single-page .content-container{
		flex-direction: column;
	}

	.single-page .content-container .content{
		width: 100%;
		margin-right: 0;
	}

	.single-page .content-container .sidebar{
		width: 100%;
		border-left: none;
		border-top: 1px solid rgba(127, 127, 1278, 0.1);
		padding-top: 39px;
		padding-left: 0;
	}

	.single-page .content-container .sidebar .post img{
		height: 299px;
	}
}








/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/* ACTUALITY ARCHIVE */

.actuality-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 71px;
}

.actuality-page .hero-section{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 109px;
}

.actuality-page .hero-section .content-left{
	width: 41%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.actuality-page .hero-section .content-left h3{
	font-size: 39px;
	color: #1D1D1D;
	margin: 0;
}

.actuality-page .hero-section .content-left .category p{
	margin-bottom: 7px;
	color: var(--main-color);
}

.actuality-page .hero-section .content-left .divider{
	width: 77px;
	height: 2px;
	background: #707070;
	opacity: 0.2;
}

.actuality-page .hero-section .content-left h2{
	font-size: 41px;
	color: #1D1D1D;
	margin: 0;
	margin-top: 17px;
}

.actuality-page .hero-section .content-left p{
	font-size: 17px;
	color: #707070;
}
.actuality-page .hero-section .content-left a{
	font-size: 19px;
	background: var(--secondary-color);
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 14px;
	padding-bottom: 14px;
	color: var(--main-color);
	text-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 5px 6px #00000029;
	transition: 0.3s;
}


.actuality-page .hero-section .content-left a svg path{
	fill: var(--main-color);
	margin-left: 9px;
	transition: 0.3s;
}


.actuality-page .hero-section .content-left a:hover svg path{
	fill: var(--secondary-color);
	margin-left: 9px;
	transition: 0.3s;
}

.actuality-page .hero-section .content-left a:hover{
	background: var(--main-color);
	color: var(--secondary-color);
	transition: 0.3s;
}

.actuality-page .hero-section .content-right{
	width: 49%;
}

.actuality-page .hero-section .content-right img{
	width: 100%;
	max-height: 410px;
	object-fit: cover;
	object-position: center;
	box-shadow: 0px 5px 15px #00000074;
}

.actuality-page .hero-section .overlay .content{
	margin-left: 100px;
	margin-right: 100px;
	width: calc(100% - 200px);
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.actuality-page .hero-section .overlay h1{
	font-size: 80px;
	color: rgb(255, 255, 255);
	margin-bottom: 20px;
	max-width: 500px;
}

.actuality-page .hero-section .overlay .divider{
	background-color: var(--main-color);
	width: 100px;
	height: 4px;
	border-radius: 50px;
	margin-bottom: 20px;
}

.actuality-page .hero-section .overlay h2{
	font-size: 50px;
	color: white;
	margin-bottom: 20px;
	font-weight: 400;
}

.actuality-page .hero-section .overlay .content p{
	font-size: 20px;
	color: white;
	margin-bottom: 20px;
	font-weight: 300;
	max-width: 800px;
}

.actuality-page .hero-section .overlay .content p a{
	display: none;
}


.actuality-page .hero-section .overlay .date{
	display: flex;
	align-items: center;
}

.actuality-page .hero-section .overlay .date svg{
	fill: white;
	width: 30px;
	height: 30px;
	margin-right: 15px;
}

.actuality-page .hero-section .overlay .date p{
	font-size: 20px;
	font-weight: 300;
	color: white;
	margin-bottom: 20px;
}

.actuality-page .hero-section .overlay  .scroll-animation{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.actuality-page .content-section{
	height: fit-content;
}

.actuality-page .content-section > h2{
	color: #525252;
	font-size: 40px;
	margin: 0;
}

.actuality-page .content-section h2 strong{
	color: var(--main-color);
}

.actuality-page .content-section .divider{
	background-color: #525252;
	width: 72px;
	height: 2px;
	opacity: 0.2;
	margin-bottom: 50px;
}
.actuality-page .content-section .divider-event{
	background-color: #525252;
	width: 100%;
	height: 2px;
	opacity: 0.2;
	margin-bottom: 50px;
}

.actuality-page .content-section .content-container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.actuality-page .content-section .content-container .container:hover{
	filter: opacity(0.7);
}

.actuality-page .content-section .content-container .container{
	width: 45%;
	height: fit-content;
	margin-bottom: 45px;
}
.actuality-page .content-section .content-container .container .image{
	height: 50vh;
}

.actuality-page .content-section .content-container .container .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}

.actuality-page .content-section .content-container .container .text {
	background: var(--secondary-color);
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 11px;
	padding-bottom: 11px;
}

.actuality-page .content-section .content-container .container .text h3{
	font-size: 21px;
	color: var(--main-color);
	margin: 0;
}

.actuality-page .content-section .content-container .container .text p {
	font-size: 12px;
	color: var(--hover-color);
	margin-bottom: 21px;
	height: auto;
}

.actuality-page .content-section .content-container .container .text .cta{
	color: white;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

.actuality-page .content-section .content-container .container .text a:hover {
	color: white;
	transition: 0.3s;
}

.actuality-page .content-section .content-container .container .text a:hover svg path{
	fill: white;
}

.actuality-page .content-section .content-container .container.text a span{
	margin-right: 10px;
}

.actuality-page .content-section .content-container .container .text a svg {
	width: 20px;
	height: 20px;
	padding-left: 3px;
}

.actuality-page .content-section .content-container .container .text a svg path{
	width: 20px;
	height: 20px;
	fill: white;
}

.actuality-page .content-section .content-container .container-event{
	width: 100%;
	height: 49vh;
	display: flex;
	margin-bottom: 45px;
}
.actuality-page .content-section .content-container .container-event .image{
	width: 50%;
}

.actuality-page .content-section .content-container .container-event .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}

.actuality-page .content-section .content-container .container-event .text {
	width: 50%;
	padding: 29px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-shadow: 0px 5px 10px #00000029;
}

.actuality-page .content-section .content-container .container-event .text .category p{
	margin: 0;
	margin-bottom: 9px;
	color: var(--main-color);
}

.actuality-page .content-section .content-container .container-event .text .divider{
	width: 71px;
	height: 2px;
	background: #000000;
	opacity: 0.2;
	margin: 0;
	margin-bottom: 9px;
}


.actuality-page .content-section .content-container .container-event .text h3{
	font-size: 39px;
	color: #000000;
	margin: 0;
}

.actuality-page .content-section .content-container .container-event .text p {
	font-size: 19px;
	color: #000000;
	margin-bottom: 21px;
	height: auto;
}

.actuality-page .content-section .content-container .container-event .text .cta{
	color: var(--hover-color);
	border: 1px solid var(--main-color);
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 7px;
	padding-bottom: 7px;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--main-color);
	font-size: 19px;
	transition: 0.3s;
}

.actuality-page .content-section .content-container .container-event .text .cta:hover {
	color: rgb(0, 0, 0);
	border: 1px solid #000000;
	background-color: #fff;
	transition: 0.3s;
}

.actuality-page .content-section .content-container .container-event .text a:hover svg path{
	fill: rgb(15, 15, 15);
	transition: 0.3s;
}

.actuality-page .content-section .content-container .container-event .text a span{
	margin-right: 10px;
}

.actuality-page .content-section .content-container .container-event .text a svg {
	width: 20px;
	height: 20px;
	padding-left: 3px;
	transition: 0.3s;
	fill: rgb(0, 0, 0);
}

.actuality-page .content-section .content-container .container-event .text a svg path{
	width: 20px;
	height: 20px;
	fill: rgb(0, 0, 0);
	transition: 0.3s;
}

@media only screen and (max-width:768px) {
	.actuality-page .hero-section{
		flex-direction: column;
	}

	.actuality-page .hero-section .content-left{
		width: 100%;
		align-items: center;
		padding-bottom: 21px;
	}

	.actuality-page .hero-section .content-right{
		width: 100%;
	}

	.actuality-page .content-section .content-container{
		flex-direction: column;
	}

	.actuality-page .content-section .content-container .container{
		width: 99.99%;
	}

	.actuality-page .content-section .content-container .container .image{
		height: 39vh;
	}

	
	.actuality-page .content-section .content-container .container-event{
		flex-direction: column;
		height: fit-content;
	}

	.actuality-page .content-section .content-container .container-event .image{
		width: 100%;
	}

	.actuality-page .content-section .content-container .container-event .text {
		width: 100%;
		padding: 29px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		box-shadow: 0px 5px 10px #00000029;
	}


}


.comments{
	margin-top: 49px;
	border-top: 1px solid rgba(127,127,127,0.1);
}

.comments a{
	color: #000000;
	font-weight: 700;
}

.comments .comment-respond .form-submit input{
	background: #000000;
	color: #fff;
	padding: 11px;
	border: none;
	transition: 0.3s;
}

.comments .comment-respond .form-submit input:hover{
	opacity: 0.7;
	padding: 11px;
	border: none;
	transition: 0.3s;
}
.comments ul{
	list-style: none;
	padding: 0;
}

.comments .children{
	padding-left: 17px;
}

.comments .comment-author .fn{
	font-size: 17px;
	padding-left: 11px;
	padding-right: 11px;
}

.comments .comment-author{
	display: flex;
	align-items: center;
	
}

.comments .comment-meta{
	font-size: 14px;
	margin-top: 21px;
	
}

.comments .comment-body{
	margin-bottom: 49px;
}

.comments .reply{
	font-size: 14px;
}

.comments .comment-respond{
	margin-top: 49px;
}

.comments .comment-respond textarea{
	width: 90%;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
	border: 1px solid #000000;
}

.comments .comment-form-comment textarea::placeholder{
	color: #000;
} 

.comments .comment-respond input{
	width: 219px;
	border: 1px solid #000000;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.comments .comment-respond input::placeholder{
	color: #000;
}


.comments .comment-respond .comment-form-cookies-consent input{
	width: 13px;
}


/* EVENEMENT PAGE */

.evenements-page .hero-section{
	position: relative;
	height: 91vh;
	display: flex;
	justify-content: center;
	align-items: center;
}  

.evenements-page .hero-section img{
	position: absolute;
	object-fit: cover;
	object-position: center;
	height: 91vh;
	width: 100%;
}

.evenements-page .hero-section .overlay{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
}

.evenements-page .hero-section .content{
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.evenements-page .hero-section .content h3{
	font-size: 44px;
	color: var(--main-color);
	font-weight: 400;
	margin: 0;
	margin-top: 49px;
}

.evenements-page .hero-section .content .divider{
	width: 71px;
	height: 2px;
	background: var(--main-color);
	opacity: 0.2;
}

.evenements-page .hero-section .content .categories{
	display: flex;
}
.evenements-page .hero-section .content .categories p{
	font-size: 30px;
	color: #FFFFFF;
	margin-top: 49px;
	margin-right: 19px;
}
.evenements-page .hero-section .content h2{
	font-size: 49px;
	margin: 0;
	color: #FFFFFF;
}
.evenements-page .hero-section .content .date h3{
	font-size: 44px;
	color: #FFFFFF;
	margin: 0;
	margin-top: 29px;
}
.evenements-page .hero-section .content h4{
	font-size: 44px;
}

.evenements-page .hero-section .content a{
	margin-top: 47px;
	font-size: 14px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 14px;
	padding-bottom: 14px;
	color: var(--secondary-color);
	background: var(--main-color);
	text-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 5px 6px #00000029;
	transition: 0.3s;
}

.evenements-page .hero-section .content a:hover{
	color: var(--main-color);
	background: var(--secondary-color);
	transition: 0.3s;
}

.evenements-page .evenements-section{
	margin-top: 39px;
	margin-bottom: 39px;
} 
.evenements-page .evenements-section h2{
	font-size: 39px;
	color: #525252;
	margin: 0;
}

.evenements-section .divider{
	width: 71px;
	height: 2px;
	background-color: #525252;
	opacity: 0.2;
}

.evenements-section .content-container .container{
	width: 100%;
	height: 500px;
	margin-top: 41px;
	position: relative;
	box-shadow: 0px 5px 6px #00000029;
	transition: 0.3s;
}

.evenements-section .content-container .container:hover{
	filter: opacity(0.7);
	transition: 0.3s;
}

.evenements-section .content-container .container img{
	position: absolute;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 500px;
}


.evenements-section .content-container .container .content-left{
	position: absolute;
	display: flex;
	justify-content: center;
	flex-direction: column;
	bottom: 0;
	background: #1D1D1D;
	width: 500px;
	height: 100px;
	padding-left: 17px;
}

.evenements-section .content-container .container .content-left .categories{
	display: flex;
}

.evenements-section .content-container .container .content-left p{
	color: #FFFFFF;
	font-size: 13px;
	margin: 0;
	margin-bottom: 7px;
	margin-right: 7px;
}

.evenements-section .content-container .container .content-left h3{
	color: #FFFFFF;
	font-size: 19px;
	margin: 0;
}

.evenements-section .content-container .container .content-left h4{
	color: #FFFFFF;
	font-size: 14px;
	margin: 0;
}

.evenements-section .content-container .container .content-right{
	position: absolute;
	bottom: 29px;
	right: 14px;
}

.evenements-section .content-container .container .content-right .cta{
	font-size: 14px;
	display: flex;
	align-items: center;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 14px;
	padding-bottom: 14px;
	background: var(--main-color);
	color: var(--secondary-color)
}

.evenements-section .content-container .container .content-right .cta  svg path{
	fill: var(--secondary-color);
}

.evenements-section .content-container .container .content-right .cta svg {
	margin-left: 3px;
}

.evenements-section .content-container .container .content-right .ctab:hover{
	background: var(--secondary-color);
	color: var(--main-color);
	transition: 0.3s;
}

.evenements-section .content-container .container .content-right .ctab:hover  svg path{
	fill: var(--main-color);
}

@media only screen and (max-width:768px) {
	
.evenements-section .content-container .container{
	width: 100%;
	height: 400px;
}

.evenements-section .content-container .container img{
	width: 100%;
	height: 400px;
}
	.evenements-page .hero-section .content{
		align-items: center;
		text-align: center;
	}
	.evenements-page .hero-section .content h3{
		font-size: 29px;
	}

	.evenements-page .hero-section .content h4{
		font-size: 29px;
	}

	.evenements-page .hero-section .content h2{
		font-size: 39px;
	}

	.evenements-page .hero-section .content .categories p{
		font-size: 24px;
	}
	
	
	.evenements-section .content-container .container .content-right .cta{
		display: none ;
	}
	
	.evenements-section .content-container .container .content-left{
		width: 100%;
	}
	
}

/* CONTACT PAGE */

.section-contact{
	position: relative;
	width: 100%;
	height: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-contact .content-left h2{
	font-size: 42px;
	margin: 0;
	color: #1D1D1D;
}

.section-contact .content-left .info-section{
	display: flex;
	flex-direction: column;
}

.section-contact .content-left .info-section .info{
	margin-top: 29px;
	display: flex;
}

.section-contact .content-left .info-section .info .text{
	display: flex;
	align-items: center;
	background: #FAFAFA;
	width: 299px;
	height: 79px;
}

.section-contact .content-left .info-section .info .text p{
	color: #000000;
	font-size: 19px;
	font-weight: 700;
	padding-left: 22px;
}

.section-contact .content-left .info-section .info .logo{
	display: flex;
	flex-direction: column;
	background: #000000;
	color: #FFFFFF;
	width: 79px;
	height: 79px;
	justify-content: center;
	align-items: center;
}

.section-contact .content-left .info-section .info .logo svg{
	fill: #FFFFFF;
}

.section-contact .content-left .info-section .info .logo h2{
	color: #FFFFFF;
	font-size: 14px;
	margin: 0;
}

.section-contact .content-left .divider{
	width: 71px;
	height: 2px;
	background: #707070;
	opacity: 0.2;
}

.section-contact .content h3{
	color: #000000;
	font-size: 29px;
	margin-bottom: 11px;
}

.section-contact .content p{
	color: #000000;
	font-size: 19px;
	font-weight: 700;
	margin: 0;
	line-height: 1.4;
}

.section-contact .content-right{
	position: absolute;
	top: 0;
	right: 0;
	width: 49%;
	height: 100%;
}

.section-contact .content-right iframe{
	height: 100%;
	width: 100%;
}

.section-contact .content-right img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.section-info{
	height: 100%;
	margin-top: 29px;
}

.section-info h2{
	color: #525252;
	font-size: 39px;
	margin: 0;
}
.section-info .divider{
	width: 71px;
	height: 2px;
	background: #525252;
	opacity: 0.2;
}

.section-info .content{
	margin-top: 24px;
}

.section-info .content h3{
	color: #000000;
	font-size: 29px;
}

.section-info .content p{
	color: #000000;
	font-size: 19px;
	font-weight: 700;
	margin: 0;
	line-height: 1.4;
}

.contact-form{
	margin-top: 17px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.contact-form h2{
	color: #1D1D1D;
	font-size: 44px;
	margin: 0;
	text-align: center;
}

.contact-form .divider{
	width: 71px;
	height: 2px;
	background: #707070;
	opacity: 0.2;
}

.contact-form .formulaire{
	margin-top: 49px;
	margin-bottom: 71px;
}

.formulaire .nf-form-cont{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #000000;
	padding-left: 71px;
	padding-right: 71px;
	box-shadow: 0px 3px 10px #000000BC;
}

.formulaire .nf-form-title{
	color: #FFFFFF;
}

.nf-form-fields-required{
	color: #FFFFFF;
}

.nf-form-wrap{
	display: flex;
	justify-content: center;
}

.contact-form .formulaire .nf-form-content{
	margin-top: 39px;
}

.nf-field-label{
	color: #FFFFFF;
	font-size: 17px;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field{
	padding: 0 !important;
}

.lastname-container .nf-field-element{
	border-bottom: 1px solid #fff;
}


.email-container .nf-field-element{
	border-bottom: 1px solid #fff;
}
.textbox-container .nf-field-element{
	border-bottom: 1px solid #fff;
}


.nf-form-content .list-select-wrap .nf-field-element>div{
	border: none !important;
	background: none !important;
}

.submit-container .nf-field-element{
	border-bottom: none!important;
}

.nf-field-element input{
	background-color: transparent !important;
	border:none  !important;
}
#nf-field-9{
	margin: auto;
	display: flex;
}
#nf-field-9-wrap{
	border: none;
}
.formulaire .nf-form-content .nf-field-element input[type=button]{
	background-color: #fff !important;
	color: #525252 !important;
	padding: 14px !important;
	transition: 0.3s;
}

.nf-field-element input[type=button]:hover{
	opacity: 0.7;
	transition: 0.3s;
}

.nf-field-element label:before{
	color: #FFFFFF !important;
}

.nf-field-element label:after{
	background-color: #fff !important;
}

@media only screen and (max-width:768px) {
	.section-contact{
		flex-direction: column;
		height: 999px;
		margin-top: 13px;
	}

	.section-contact .content-right{
		position: relative;
		width: 95%;
		margin-top: 13px;
	}

}

/* ARTIST PAGE */

.artistes-single{
}

.artistes-single .hero-section{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 270px;
	background: #F4F4F4;
}

.artistes-single .hero-section .content h2{
	font-size: 59px;
	color: black;
	margin: 0;
	margin-bottom: 12px;
}


.artistes-single .hero-section .content h4{
	color: #707070;
	font-size: 19px;
	margin: 0;
}
.artistes-single .hero-section .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.artistes-single .hero-section h3{
	font-size: 43px;
	color: #1D1D1D;
	margin: 0;
}

.artistes-single .taxonomy{
	background: var(--background-color);
	flex-direction: column;
}

.artistes-single .hero-section .divider{
	width: 71px;
	height: 2px;
	background: #000000;
	opacity: 0.2;
}
.artistes-single .content h3{
	font-size: 29px;
	color: #1D1D1D;
}

.artistes-single .content p{
	font-size: 19px;
	color: #707070;
}

@media only screen and (max-width:768px) {
	.artistes-single .hero-section .content h2{
		font-size: 39px;
	}
	
	.artistes-single .hero-section .content h4{
		font-size: 17px;
	}
}

/* FOOTER */

.footer .newsletter .nf-form-fields-required{
	display: none;
}


.footer .container .newsletter .nf-form-cont{
	padding: 0!important;
	margin: 0!important;
	background: none;
	box-shadow: none;
}

.footer .nf-multi-cell .nf-cell{
	padding: 0!important;
}

.footer .nf-cell:first-child{
	width: 70%!important;
}

.footer .nf-row:first-child .nf-cell:last-child{
	width: 21%!important;
	
}

.footer .nf-row:first-child .nf-cell:last-child .nf-after-field{
	display: none;
	
}


.footer .nf-row:last-child .nf-cell{
	width: 99%!important;
	
	
}

.footer .nf-field-container{
	margin: 0;
}

.footer .newsletter .nf-form-content label{
	font-size: 13px;
	color: #dd9933;
}

.footer .email-container .nf-field-element {
	border: 1px solid #dd9933!important;	
}

.footer .email-container .nf-field-element input{
	background: none;
}

.footer .email-container .nf-field-element input::placeholder{
	background: none;
	color: #dd9933;
	padding-left: 7px;
}

.footer .nf-field-element input[type=button]{
	background: var(--footer-item-color)!important;
	color: #ffffff !important;
	padding: 14px !important;
	height: 52px;
}


.footer .nf-field-element input[type=button]:hover{
	opacity: 0.7;
}

footer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: var(--footer-color);
	max-width: 1900px;
	width: 100%;
}

footer .footer-divider{
	height: 1px;
	width: 100%;
	background-color: var(--footer-item-color);
	opacity: 0.1;
}

footer .container{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 70px;
	margin-bottom: 50px;
}

footer .container .hourly p{
	margin-top: 5px;
	margin-bottom: 0px;
}

footer .container h3{
	font-size: 18px;
	color: var(--footer-item-color);
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}

.footer .rect{
	width: 7px;
	height: 7px;
	background: var(--footer-item-color);
	margin-right: 7px;
}

footer .container .divider{
	height: 1px;
	width: 40px;
	background: var(--footer-item-color);
	border-radius: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

footer .container .hourly p{
	font-size: 15px;
	color: var(--footer-item-color);
}

footer .container .menu ul{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

footer .container .menu ul li {
	margin-bottom: 10px;
}

footer .container .menu ul li a{
	color: var(--footer-item-color);
	font-size: 15px;
}

footer .container .menu ul li a:hover{
	color: var(--footer-hover-color);
}

footer .news-social{
	display: flex;
	flex-direction: column;
	align-items: center;
}

footer .container .newsletter{
	max-width: 45vh;
}

footer .container .socials{
	width: 99%;
}

.footer .container .socials .icons{
	display: flex;
	margin-top: 15px;
}


footer .container .socials .icons svg {
	fill: var(--footer-item-color);
	margin-right: 7px;
}

footer .container .socials .icons svg:hover{
	fill: var(--footer-hover-color);
	transition: 0.3s;
}

footer .container .address p{
	font-size: 15px;
	color: var(--footer-item-color);
	transition: 0.3s;
}

footer .copyright{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
}

footer .copyright svg{
	fill: var(--footer-item-color);
}

footer .copyright p{
	margin-left: 10px;
	color: var(--footer-item-color);
	font-size: 13px;
}


footer .copyright a{
	color: #dd9933;
	text-decoration: underline;
	transition: 0.3s;
}

footer .copyright a:hover{
	color: rgb(255, 255, 255);
	transition: 0.3s;
}

.newsletter .tnp-field-email label{
	display: block;
}

@media only screen and (max-width:768px) {
	
footer .container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 70px;
	margin-bottom: 50px;
	padding-left: 3%;
	padding-right: 3%;
}
}

.scroll-animation{
	position: absolute;
	z-index: 1000;
	width: 100%;
	display: flex;
	justify-content: center;
	bottom: 20px;
}

#scroll-indicator  {
	width: 50px;
	height: 50px;
}

#scroll-indicator #point {
	fill: white;
	animation: animatescrollindicator 3s ease-out infinite;
}

#scroll-indicator #stroke rect{
	stroke: white;
}

@keyframes animatescrollindicator{
	0%{
	  transform: translateY(0px);
	}
	50%{
	  transform: translateY(130px);
	}
	100%{
	  transform: translateY(0px);
	}
}





/* HEADER */


.margin-header{
	height: 77px;
}

header  .logo {
	height: 41px;
	display: flex;
	align-items: center;
	color: grey;
}

.header_nav  .logo p{
	font-size: 29px;
	color: var(--navbar-item-color);
	margin: 0;
}

.header-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2001;
}

.header_nav .logo a{
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*===== HEADER =====*/

	@media screen and (min-width: 1080px) { 

		.header_nav {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 80px;
			background-color: var(--navbar-color);
			z-index: 2000;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			display: flex;
			justify-content: center;
			align-items: center;
		} 
		  
		.header_nav .logo {
			width: auto;
			height: 50px;
			display: flex;
			justify-content: flex-start;
			position: relative;
		}
		
		.header_nav .logo img{
			width: 100%;
			height: 100%;
			object-fit: contain;
			margin-right: 15px;
		}
		
		.header_nav .logo p{
			width: auto;
			font-size: 29px;
			display: flex;
			white-space: nowrap;
		}
		
		.header_nav .logo p:hover{
			color: var(--navbar-hover-color);
		}
		  
		.header__toggle {
			font-size: 30px;
			cursor: pointer;
			display: none;
			color: #F8F5CC;
		}
		
		.nav {
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}

		
		.nav .nav__item {
			list-style: none;
			margin-bottom: 0px;
			margin-right: 20px;
		}
		
		.nav .dropdown__item {
			list-style: none;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		
		.nav .dropdown__menu {
			display: none;
		}
		
		.nav .nav__link {
			font-size: 19px;
			color: var(--navbar-item-color);
			font-weight: 500;
			position: relative;
		}
		
		.nav .nav__link:after {
			background: none repeat scroll 0 0 transparent;
			bottom: -5px;
			content: "";
			display: block;
			height: 2.5px;
			left: 50%;
			border-radius: 50px;
			position: absolute;
			background: var(--navbar-hover-color);
			transition: width 0.3s ease 0s, left 0.3s ease 0s;
			width: 0;
		}
		
		.nav .nav__link:hover:after {
			width: 100%; 
		    left: 0; 
		}
		
		.nav .nav__link:hover {
			color: var(--navbar-hover-color);
			transition: 0.5s;
		}
		
		.nav .nav__item.current_page_item .nav__link {
			color: var(--navbar-hover-color);
		}
		
		.nav .nav__item.current_page_item .nav__link:after {
			left: 0;
			width: 100%;
		}
		
		.nav .dropdown__item.current_page_item .dropdown__nav__link{
			color: var(--navbar-hover-color) !important;
		}


		.social-link-nav{
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.social-link-nav svg{
			margin-right: 19px;
			width: 23px;
			height: 23px;
			fill: var(--navbar-item-color);
		}

		.social-link-nav svg:hover{
			fill: var(--navbar-hover-color);
		}

		.social-link-nav .twitter svg{
			margin-right: 0;
			
		}

		.nav .dropdown__link {
			font-size: 17px;
			color: grey;
			font-weight: 500;
			position: relative;
			display: flex;
			align-items: center;
		}
	
		.nav .dropdown__link:hover {
			color: var(--navbar-hover-color);
			transition: 0.5s;
		}
	
		.dropdown__link .dropdown__icon {
			font-size: 25px;
			transform: rotate(180deg);
			transition: 0.5s;
		}
	
		.nav .dropdown {
			position: relative;
		}
	
		.nav .dropdown__menu{
			position: absolute;
			display: none;
			flex-direction: column;
			left: 0;
			top: 15px;
			padding: 20px;
			border-radius: 8px;
			background-color: white;
			box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
		}
	
		.nav .dropdown__menu .dropdown__item .dropdown__nav__link{
			text-decoration: none;
			font-size: 18px;
			font-weight: 400;
			color: grey;
			white-space: nowrap;
		}
	
		.nav .dropdown__menu .dropdown__item:hover > .dropdown__nav__link{
			color: var(--main-color);
		}
	
		.dropdown:hover > .dropdown__menu {
			display: flex;
		}
	
		.dropdown:hover  .dropdown__icon {
			transition: 0.5s;
			transform: rotate(0deg);
		}

		.cta-navbar-1 a{
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			border-radius: var(--cta-border-radius);
			border: none;
			box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
			background-color: var(--navbar-hover-color);
			color: white;
			transition: 0.3s;
			font-size: 17px;
			font-weight: 500;
			padding: 15px;
		}
		
		.cta-navbar-1 a:hover{
			opacity: 0.6;
			transition: 0.3s;
		}

		header nav  .cta-navbar-2{
			min-width: 150px;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			border-radius: var(--cta-border-radius);
			border: none;
			box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
			background-color: var(--navbar-hover-color);
			color: white;
			transition: 0.3s;
			margin-left: 20px;
			padding: 15px;
			font-size: 17px;
			font-weight: 500;
		}
		
		header nav  .cta-navbar-2:hover{
			opacity: 0.6;
			transition: 0.3s;
		}

		.nav-menu{
			display: none;
		}
	}
	


@media screen and (max-width: 1080px) {


	.header_nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		padding: 15px 30px 15px 30px;
		background-color: var(--navbar-color);
		z-index: 2000;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.header-wrapper {
		width: 100%;
	}

	.header__toggle {
		display: block;
		font-size: 30px;
		color: var(--navbar-item-color);
	}

	.nav{
	  
	  display: none;
	}

	.nav-event{
		display: none;
	}

	.nav-menu {
		position: fixed;
		top: 0;
		left: -100%;
		background-color: var(--navbar-color);
		width: 80%;
		height: 100vh;
		padding-left: 25px;
		padding-top: 100px;
		padding-right: 15px;
		z-index: 1000;
		transition: .5s;
		overflow-y: auto;
		margin: 0px;
		box-shadow: 2px 0px 4px rgb(0 0 0 / 30%);
		display: block;
	}

	.nav-menu  .social-link-nav{
		display: flex;
	}

	.nav-menu .social-link-nav svg{
		margin-right: 17px;
		width: 23px;
		height: 23px;
		fill: var(--navbar-item-color);
	}

	.nav-menu .social-link-nav svg:hover{
		fill: var(--navbar-hover-color);
	}

	.nav-menu .social-link-nav .twitter svg{
		margin-right: 0;
	}

	.nav-menu .nav__item {
		list-style: none;
		margin-bottom: 35px;
	  }

	.nav-menu .dropdown__item {
		list-style: none;
		margin-bottom: 15px;
	}

	.nav-menu .nav__link{
		color: var(--navbar-item-color);
		font-size: 20px;
		font-weight: 600;
	}

	.nav-menu .nav__link:hover {
		color: var(--navbar-hover-color);
	}

	.nav-menu .nav__link:after {
		height: 0;
		width: 0;
	}

	.nav-menu .dropdown__link{
		color: white;
		font-size: 20px;
		font-weight: 600;
	}

	.nav-menu .dropdown__nav__link{
		color: white;
		font-size: 18px;
		font-weight: 500;
	}

	.show {
		left: 0;
	}

	.nav-menu .cta-navbar-1 a{
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		border: none;
		box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
		background-color:var(--navbar-hover-color);
		color: var(--navbar-item-color);
		transition: 0.3s;
		font-size: 17px;
		font-weight: 500;
		padding: 15px;
		width: fit-content;
	}
	
	.nav-menu .cta-navbar-1 a:hover{
		opacity: 0.6;
		transition: 0.3s;
	}

	  /*=== Dropdown ===*/

	.dropdown__link {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.dropdown__icon {
		font-size: 30px;
		transition: .5s;
	}
	
	.dropdown__menu {
		margin: 1rem 0 0 1rem;
		display: none;
	}
	
	.dropdown__item {
		margin: 1rem 0;
	}
	
	.dropdown:hover > .dropdown__menu {
		display: block;
	}
	
	.dropdown:hover .dropdown__icon {
		transform: rotate(180deg);
	}
  
}



.newsletter .tnp-field{
	display: flex;
}

.newsletter .tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select{
	border: 1px solid var(--footer-hover-color)!important;
	background: var(--footer-color)!important;
}

.newsletter .tnp-subscription input.tnp-submit{
	background: var(--footer-hover-color)!important;
	color: var(--footer-color);
	transition: 0.3s;
}

.newsletter .tnp-subscription input.tnp-submit:hover{
	background: var(--footer-item-color)!important;
	color: var(--footer-color);
	transition: 0.3s;
}
.tnp-subscription input[type=submit]{
	width: initial!important;
}

.newsletter .tnp-subscription label{
	color: var(--footer-hover-color);
}





.event-sidebar{
	background: rgb(224, 222, 222);
	padding-left: 4%;
	padding-right: 4%;
}

.event-category{
	border: 2px solid #fff;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #fff;
	font-size: 17px;
	transition: 0.3s;
}

.event-category p{
	margin: 0;
}


.content-event{
	padding-left: 7%;
}

.single-page .content-container .sidebar .divider{
	width: 100%;
	height: 1px;
	background: #000000;
	margin-bottom: 17px;
	opacity: 0.2;
} 


/* CONTACT EVENT */

.section-contact-event{
	position: relative;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-bottom: 79px;
}

.section-contact-event h2{
	font-size: 49px;
	margin: 0;
	color: #1D1D1D;
	text-align: center;
	margin: 49px;
}

.section-contact-event .information .info-section{
	display: flex;
	flex-direction: column;
}

.section-contact-event .information .info-section .info{
	margin-top: 39px;
	display: flex;
}

.section-contact-event .information .info-section .info .text{
	display: flex;
	align-items: center;
	width: 299px;
	height: 91px;
}

.section-contact-event .information .info-section .info .text p{
	color: #000000;
	font-size: 19px;
	font-weight: 700;
	padding-left: 22px;
	line-height: 1.4;
}
.section-contact-event .information .info-section .info .text p strong{
	color: #000;
}

.section-contact-event .information .info-section .info .logo{
	display: flex;
	flex-direction: column;
	background: #cfcfcf;
	color: #7e7e7e;
	width: 91px;
	height: 91px;
	justify-content: center;
	align-items: center;
}

.section-contact-event .information .info-section .info .logo svg{
	fill: #7c7a7a;
}

.section-contact-event .information{
	display: flex;
	justify-content: space-between;
	margin-top: 29px;
}

.section-contact-event .information .info-section .info .logo h2{
	color: #7e7b7b;
	font-size: 17px;
	margin: 0;
}

.section-contact .content-left .divider{
	width: 71px;
	height: 2px;
	background: #707070;
	opacity: 0.2;
}

.section-contact-event .map{	
	width: 100%;
	height: 49vh;
}

.section-contact-event .map iframe{
	height: 100%;
	width: 100%;
}

.section-contact-event .map img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.section-contact-event .contact-form{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.section-contact-event .nf-form-cont{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #ffffff;
	padding-top: 47px;
	padding-left: 71px;
	padding-right: 71px;
	box-shadow: 0px 3px 10px #000000BC;
}

.section-contact-event .nf-form-title{
	color: #000000;
}

.section-contact-event .nf-form-fields-required{
	color: #000000;
}

.nf-form-wrap{
	display: flex;
	justify-content: center;
}

.nf-form-content{
}

.section-contact-event .nf-field-label{
	color: #000000;
	font-size: 17px;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field{
	padding: 0 !important;
}

.section-contact-event .lastname-container .nf-field-element{
	border-bottom: 1px solid rgb(0, 0, 0);
}

.section-contact-event .email-container .nf-field-element{
	border-bottom: 1px solid rgb(0, 0, 0);
}

.section-contact-event .textbox-container .nf-field-element{
	border-bottom: 1px solid rgb(0, 0, 0);
}

.nf-form-content .list-select-wrap .nf-field-element>div{
	border: none !important;
	background: none !important;
}

.submit-container .nf-field-element{
	border-bottom: none!important;
}

.section-contact-event .nf-field-element input{
	background-color: #ffffff !important;
	border:none  !important;
}

#nf-field-9{
	margin: auto;
	display: flex;
}

#nf-field-9-wrap{
	border: none;
}

.section-contact-event .nf-field-element input[type=button]{
	background-color: #000000 !important;
	color: #ffffff !important;
	padding: 14px !important;
	transition: 0.3s;
}

.section-contact-event .nf-field-element input[type=button]:hover{
	background-color: #949494 !important;
	transition: 0.3s;
}

.section-contact-event .nf-field-element label:before{
	color: #000000 !important;
}

.section-contact-event .nf-field-element label:after{
	background-color: rgb(0, 0, 0) !important;
}

@media only screen and (max-width:768px) {
	.section-contact{
		flex-direction: column;
		height: 900px;
		margin-top: 13px;
	}

	.section-contact .content-right{
		position: relative;
		width: 95%;
		margin-top: 13px;
	}

	.section-contact-event .information{
		flex-direction: column;
	}

	.section-contact-event .information .info-section .info{
		justify-content: center;
	}

	.section-contact-event .contact-form{
		width: 100%;
		margin-top: 29px;
	}

}


/* ARCHIVE PARTICIPANTS PAGE */

.participants-archive-page{
	margin-top: 29px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.participants-archive-page h2{
	font-size: 49px;
}

input[type="search"]{
	font-size: 20px;
	color: #000000;
	border: none;
	border-bottom: 1px solid #BCBCBC;
	margin-right: 3px;
}

.search button{
	font-size: 17px;
	margin-left: 3px;
	border: none;
	background: var(--main-color);
	color: var(--hover-color);
	padding: 7px;
	transition: 0.3s;
}

.search button:hover{
	background: var(--secondary-color);
	transition: 0.3s;
	color: #fff;
}

.participants-archive-page form{
	margin-bottom: 71px;
}

.participants-archive-page .container{
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-bottom: 71px;
}

.participants-archive-page .container .content{
	width: 270px;
	margin-bottom: 49px;

}

.participants-archive-page .container .content .info .text h2{
	font-size: 14px;
	margin: 0;
	padding-bottom: 2px;
	padding-top: 11px;
	transition: 0.3s;
	font-weight: 700;
}
.participants-archive-page .container .content .info .text h2 a:hover{
	color: var(--main-color);
	transition: 0.3s;
}
.participants-archive-page .container .content .info .text h3{
	font-size: 13px;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 11px;
	font-weight: 400;
}
.participants-archive-page .container .content .info .text h3 strong{
	font-weight: 700;
}
.participants-archive-page .container .content .divider{
	width: 100%;
	height: 2px;
	background: #000000;
	opacity: 0.1;
}
.participants-archive-page .container .content .info .text{
	display: flex;
	flex-direction: column;
	width: 70%;
}
.participants-archive-page .container .content .info{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.participants-archive-page .container .content a img{
	width: 100%;
	height: 197px;
	object-fit: cover;
	object-position: center;
	transition: 0.3s;
}


.participants-archive-page .container .content a img:hover{
	filter: opacity(0.7);
	transition: 0.3s;
}


.participants-archive-page .container .content .info .cta{
	padding: 7px;
	background: var(--main-color);
	color: var(--hover-color);
	transition: 0.3s;
	font-size: 11px;
}

.participants-archive-page .container .content .info .cta:hover{
	background: #000000;
	transition: 0.3s;
	color: #fff;
}


/* SINGLE PARTICIPANTS PAGE */


.single-page .hero-participants{
	color: #fff;
}

.single-page .hero-participants h2{
	font-size: 24px;
	font-weight: 200;
	opacity: 0.7;
	margin: 0;
}
.single-page .hero-participants h3{
	font-size: 24px;
	font-weight: 200;
	opacity: 0.7;
	margin-top: 57px;
}

.single-page .hero-participants h2 strong{
	font-weight: 400;
}

.single-page .hero-image .overlay .content .hero-participants h1{
	font-size: 57px;
	font-weight: 400;
	margin-top: 0;
}

.single-page .hero-participants .social-link{
	display: flex;
}

.single-page .hero-participants .social-link a svg{
	width: 40px;
	height: 40px;
	fill: var(--main-color);
	margin-right: 27px;
	transition: 0.3s;
}

.single-page .hero-participants .social-link a svg:hover{
	fill: var(--secondary-color);
	transition: 0.3s;
}

.others-participants-sections .head{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 49px;
	font-size: 24px;
	border-top: 1px solid rgba(127,127,127,0.2);
}

.others-participants-sections .swiper-slide{
	display: flex;
	justify-content: center;
}


.others-participants-sections .head .navigation{
	width: 141px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.others-participants-sections .head .swiper-button-next{
	position: relative;
	color: rgb(255, 255, 255);
	background: #000;
	top: 0;
	width: 41px;
	box-shadow:0px 3px 6px #00000029 ;
	height: 41px;
	right: 0;
}

.others-participants-sections .head .swiper-button-prev{
	position: relative;
	color: rgb(255, 255, 255);
	background: #000;
	top: 0;
	width: 41px;
	box-shadow: 0px 3px 6px #00000029;
	height: 41px;
	left: 0;
}
.others-participants-sections .head .swiper-button-next:after{
	font-size: 21px;
}

.others-participants-sections .head .swiper-button-prev:after{
	font-size: 21px;
}

/* PROGRAMME PAGE */

.programme-page .single-page .hero-image{
	height: 49vh;
}


.programme-page .single-page .hero-image .overlay .content{
	align-items: center;
}

.programme-page .single-page .hero-image .overlay .content h2{
	font-size: 59px;
	color: #fff;
	margin: 0;
}

.programme-page .section-content{
	display: flex;
	flex-direction: column;
	margin-top: 49px;
	margin-bottom: 49px;
}

.programme-page .section-content .date{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 71px;
}

.programme-page .section-content .content-date{
	font-size: 20px;
	margin: 11px;
	padding-right: 7px;
	padding-left: 7px;
	cursor: pointer;
}

.programme-page .section-content .content-journee .content{
	display: flex;
	justify-content: space-between;
}

.programme-page .section-content .content-journee .date-journee{
	font-size: 41px;
	margin-bottom: 47px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
}

.programme-page .section-content .content-journee .content h4{
	display: flex;
	font-size: 49px;
	color: var(--main-color);
	padding-top: 3px;
	padding-left: 13px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	border-left: 2px solid #0000001f;
	font-weight: 700;
}

.programme-page .section-content .content-journee .content h4 .c{
	width: 13px;
	height: 13px;
	border-radius: 50px;
	background: #5e5e5e;
	position: relative;
	top: 24px;
	left: -21px;
}

.programme-page .section-content .content-journee .content .description{
	display: flex;
	flex-direction: column;
	padding-bottom: 49px;
	padding-left: 49px;
}

.programme-page .section-content .content-journee .content .description h2{
	font-size: 49px;
	margin: 0;
	margin-top: 7px;
}

.programme-page .section-content .content-journee .content .description p{
	font-size: 17px;
	line-height: 1.7;
}

.programme-page .section-content .content-journee .content .description h4{
	font-size: 17px;
	border: none;
	padding-left: 0;
	color: var(--main-color);
	margin: 0;
	display: flex;
	align-items: center;
}

.programme-page .section-content .content-journee .content .description h4 svg{
	width: 20px;
	height: 20px;
	fill: var(--main-color);
	margin-right: 7px;
}

.hidden{
	display: none;
}

.showed{
	display: block;
}


.no-clicked{
	border-bottom: 2px solid #5e5e5e;
}

.clicked{
	border-bottom: 3px solid var(--main-color);
}
@media only screen and (max-width:768px) {
	.programme-page .section-content .content-journee .content{
		flex-direction: column;
	}
	
	.programme-page .section-content .content-date{
	font-size: 14px;
	}

	.programme-page .section-content .content-journee .date-journee{
	font-size: 34px;
	}

	.programme-page .section-content .content-journee .content h4{	
		border-left: none;
	}

	.programme-page .section-content .content-journee .content h4 .c{
		display: none;
	}
	
	.programme-page .section-content .content-journee .content .description{
		padding-left: 2px;
	}
	
}

/* FRONT PAGE */

/* CATEGORY SECTION */
.section-categories .title-section{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.section-categories{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 79px;
	margin-bottom: 41px;
}

.section-categories .title-section h2{
	color: #525252;
	font-size: 39px;
	margin: 0;
	margin-bottom: 7px;
}

.section-categories .title-section .divider{
	width: 71px;
	height: 2px;
	background: #525252;
	opacity: 0.2;
}

.section-categories .container{
	display: flex;
	justify-content: space-between;
}

.section-categories .container .content{
	width: 24%;
}

.section-categories .container .content .title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 12px;
	padding-bottom: 7px;
	border-bottom: 2px solid #707070;
}

.section-categories .container .content h3{
	color: #000000;
	margin: 0;
	font-size: 24px;
	transition: 0.3s;
}

.section-categories .container .content h3:hover{
	color: #C1C1C1;
	transition: 0.3s;
}

.section-categories .container .content img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
	margin-top: 12px;
	margin-bottom: 12px;
	transition: 0.3s;
}

.section-categories .container .content img:hover{
	filter: opacity(0.7);
	transition: 0.3s;
}

.section-categories .container .content h4{
	color: #000000;
	font-size: 21px;
	margin: 0;
	padding-bottom: 2px;
	margin-bottom: 7px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
	transition: 0.3s;
}

.section-categories .container .content h4:hover{
	color: #C1C1C1;
	transition: 0.3s;
}


@media only screen and (max-width:768px) {
	.section-categories .container{
		flex-direction: column;
	}
	.section-categories .container .content{
		width: 100%;
		margin-top: 14px;
	}

	.section-categories .container .content h4{
		display: none;
	}
}

/* SECTION TEXTE IMAGE */

.sections-culturel .section-texte-image{
	width: 100%;
	height: 500px;
	display: flex;
	background: var(--background-color);
	position: relative;
}

.sections-culturel .section-texte-image .content-left{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.sections-culturel .section-texte-image .content-left h3{
	font-size: 23px;
	margin: 0;
	padding: 1px;
	color: #1D1D1D;
}

.sections-culturel .section-texte-image .content-left .divider{
	opacity: 0.2;
	width: 77px;
	height: 2px;
	background: #707070;
}

.sections-culturel .section-texte-image .content-left h2{
	font-size: 43px;
	margin: 0;
	padding: 0;
	color: #1D1D1D;
}

.sections-culturel .section-texte-image .content-left p{
	font-size: 17px;
	color: var(--hover-color);
	width: 44%;
}

.sections-culturel .section-texte-image .content-left a{
	font-size: 17px;
	background: var(--hover-color);
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 14px;
	padding-bottom: 14px;
	box-shadow: 0px 5px 6px #00000029;
	color: var(--main-color);
	text-shadow: 0px 3px 6px #00000029;
	transition: 0.3s;
}

.sections-culturel .section-texte-image .content-left a:hover{
	background: var(--secondary-color);
	transition: 0.3s;

}

.sections-culturel .section-texte-image .content-right{
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
}

.sections-culturel .section-texte-image .content-right img{
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: center;
}

@media only screen and (max-width:768px) {
	.sections-culturel .section-texte-image{
		height: fit-content;
		flex-direction: column;
	}

	.sections-culturel .section-texte-image .content-right{
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
	}

	.sections-culturel .section-texte-image .content-left p{
		width: 100%;
	}

	.sections-culturel .section-texte-image .content-left{
		align-items: center;
		padding-top: 31px;
		padding-bottom: 31px;
	}
	
}
/* HERo SECTION */


.sections-culturel .section-hero{
	position: relative;
	height: 91vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sections-culturel .section-hero img{
	position: absolute;
	object-fit: cover;
	object-position: center;
	height: 91vh;
	width: 100%;
}

.sections-culturel .section-hero .content{
	position: relative;
	top: 0;
	width: 100%;
	height: 91vh;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	align-items: center;
	z-index: 1;
	background: rgba(0,0,0,0.6)	
}

.sections-culturel .section-hero .content h3{
	font-size: 25px;
	color: var(--main-color);
	margin: 7px;

}

.sections-culturel .section-hero .content h2{
	font-size: 59px;
	color: #FFFFFF;
	margin: 2px;
}

.sections-culturel .section-hero .content a{
	margin-top: 29px;
	font-size: 17px;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 14px;
	padding-bottom: 14px;
	background: var(--main-color);
	color: var(--secondary-color);
	transition: 0.3s;
}

.sections-culturel .section-hero .content a:hover{
	background: var(--secondary-color);
	color: var(--main-color);
	transition: 0.3s;
}

@media only screen and (max-width:768px) {
	.sections-culturel .section-hero .content h2{
		font-size: 39px;
	}
}


/* SECTION ACTUALITY */

.sections-culturel .section-actualite .container{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.sections-culturel .section-actualite .container .article{
	width: 27%;
	transition: 0.3s;
}

.sections-culturel .section-actualite .container .article:hover{
	filter: opacity(0.7);
	transition: 0.3s;
}

.sections-culturel .section-actualite .container .article .image{
	height: 299px;
	transition: 0.3s;
}


.sections-culturel .section-actualite .container .article .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.sections-culturel .section-actualite .container .article .text{
	background: var(--secondary-color);
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.sections-culturel .section-actualite .container .article .text h3{
	font-size: 21px;
	color: var(--main-color);
	margin: 0;
}

.sections-culturel .section-actualite .container .article .text a{
	color: var(--hover-color);
	font-size: 12px;
}

.sections-culturel .section-actualite .container .article .text .cta{
	display: flex;
	justify-content: center;
	align-items: center;
}

.sections-culturel .section-actualite .container .article .text .cta svg{
	margin-left: 7px;
}

.sections-culturel .section-actualite .content-titre{
	display: flex;
	justify-content: space-between;
	margin-bottom: 29px;
	margin-top: 79px;
}

.sections-culturel .section-actualite .content-titre h2{
	color: #525252;
	font-size: 39px;
	margin: 0;
}

.sections-culturel .section-actualite .content-titre .divider{
	width: 77px;
	height: 2px;
	opacity: 0.24;
	background-color: #525252;
}

.sections-culturel .section-actualite .content-titre a{
	color: #C1C1C1;
	font-size: 32px;
	align-self: flex-end;
	display: flex;
	align-items: center;
	transition: 0.3s;
}

.sections-culturel .section-actualite .content-titre a svg{
	margin-left: 7px;
}

.sections-culturel .section-actualite .content-titre a:hover{
	color: #000000;
	transition: 0.3s;
}

@media only screen and (max-width:768px) {
	.sections-culturel .section-actualite .content-titre{
		flex-direction: column;
	}

	.sections-culturel .section-actualite .content-titre a{
		align-self: flex-start;
	}

	.sections-culturel .section-actualite .container{
		flex-direction: column;
	}

	.sections-culturel .section-actualite .container .article{
		width: 100%;
		margin-bottom: 31px;
	}
	
}

/* SECTION TEXT */

.sections-culturel .section-texte{
	text-align: center;
	margin-top: 79px;
	margin-bottom: 79px;
}

.sections-culturel .section-texte h3{
	color: #1D1D1D;
	font-size: 24px;
	margin: 0;
}

.sections-culturel .section-texte h2{
	color: #1D1D1D;
	font-size: 44px;
	margin: 0;
}

.sections-culturel .section-texte .divider{
	width: 71px;
	height: 2px;
	background:  #707070;
	margin: auto;
	opacity: 0.2;
}

.sections-culturel .section-texte p{
	color: #707070;
	font-size: 19px;
	margin-bottom: 49px;
}

.sections-culturel .section-texte a{
	font-size: 14px;
	background: var(--main-color);
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 14px;
	padding-bottom: 14px;
	color: var(--secondary-color);
	text-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 5px 6px #00000029;
	transition: 0.3s;
}

.sections-culturel .section-texte a:hover{
	background: var(--secondary-color);
	color: var(--main-color);
	transition: 0.3s;
}


/* SECTION TEXT AND IMAGE */

.sections-culturel .section-texte-et-image{
	width: 100%;
	height: 50vh;
	margin-top: 79px;
	margin-bottom: 79px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.sections-culturel .section-texte-et-image img{
	width: 100%;
	height: 50vh;
	object-fit: cover;
	object-position: center;
	position: absolute;
	
}

.sections-culturel .section-texte-et-image .overlay{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sections-culturel .section-texte-et-image .content{
	text-align: center;
}

.sections-culturel .section-texte-et-image .content h3{
	color: var(--main-color);
	font-size: 24px;
	margin: 0;
}

.sections-culturel .section-texte-et-image .content h2{
	color: var(--main-color);
	font-size: 44px;
	margin: 0;
}

.sections-culturel .section-texte-et-image .content .divider{
	width: 71px;
	height: 2px;
	margin: auto;
	background: var(--main-color);
	opacity: 0.2;
}

.sections-culturel .section-texte-et-image .content p{
	color: #FFFFFF;
	font-size: 17px;
	margin-bottom: 49px;
}

.sections-culturel .section-texte-et-image a{
	font-size: 14px;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 14px;
	padding-bottom: 14px;
	text-shadow: 0px 3px 6px #00000029;
	box-shadow: 0px 5px 6px #00000029;
	transition: 0.3s;
}

.sections-culturel .section-texte-et-image a:hover{
	background: #000000;
	border: 1px solid #000000;
	transition: 0.3s;
}

@media only screen and (max-width:768px) {
	.sections-culturel .section-texte-et-image{
		height: 70vh;
	}
	.sections-culturel .section-texte-et-image img{
		height: 70vh;
	}
}

/* EVENT SECTION */

.evenements-section .content-titre{
	display: flex;
	justify-content: space-between;
	margin-bottom: 29px;
	margin-top: 79px;
}

.evenements-section .content-titre h2{
	color: #525252;
	font-size: 39px;
	margin: 0;
}

.evenements-section .content-titre .divider{
	width: 77px;
	height: 2px;
	opacity: 0.24;
	background-color: #525252;
}

.evenements-section .content-titre a{
	color: #C1C1C1;
	font-size: 32px;
	align-self: flex-end;
	display: flex;
	align-items: center;
	transition: 0.3s;
}

.evenements-section .content-titre a svg{
	fill: #C1C1C1;
	transition: 0.3s;
	margin-left: 7px;
}

.evenements-section .content-titre a:hover {
	color: #000000;
	transition: 0.3s;
}

.evenements-section .content-titre a:hover svg{
	fill: #050505;
	transition: 0.3s;
}

.evenements-section .content-titre a:hover {
	color: #000000;
	transition: 0.3s;
}

.evenements-section .navigation{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	width: 200px;

}
.evenements-section .navigation .swiper-pagination{
	position: relative ;
	bottom: 0!important;
	width: 79px;
}

.evenements-section .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	width: fit-content;

}

.evenements-section .swiper-pagination .swiper-pagination-bullet{
	background-color: rgb(252, 252, 252)!important;
	border: 1px solid #000000!important;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 0%;
	opacity: 1;
	width: 11px;
	height: 11px;
}

.evenements-section .swiper-pagination .swiper-pagination-bullet-active{
	background-color: var(--secondary-color)!important;
}

.evenements-section .navigation .swiper-button-prev,.swiper-button-next{
	background-color: var(--main-color);
	box-shadow: 0px 3px 6px #00000029;
	width: 41px;
	height: 41px;
}

.evenements-section .content-container .swiper .navigation .swiper-button-prev::after{	
	color: var(--hover-color);
	font-size: 24px;
}

.evenements-section .content-container .swiper .navigation .swiper-button-next::after{
	color: var(--hover-color);
	font-size: 24px;
}

.evenements-section .mySwiper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width:768px) {
	.evenements-section .content-titre{
		display: block;
	}
	.evenements-section .content-titre a{
		margin-top: 7px;
		font-size: 27px;
	}
	.evenements-section .content-titre h2{
		font-size: 34px;
	}
}

/* GALLERY SECTION */

.gallery-section .title h2{
	font-size: 42px;
	color: #1D1D1D;
	margin: 0;
}
.gallery-section .title .divider{
	width: 71px;
	height: 2px;
	background: #707070;
	margin: auto;
	opacity: 0.2;
}

.gallery-section .title{
	margin-top: 49px;
	text-align: center;
	margin-bottom: 47px;
}
.gallery-section .title h3{
	font-size: 24px;
	color: #1D1D1D;
	margin: 0;
}
.gallery-section{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 71px;
	margin-bottom: 97px;
}


 .gallery-section .container{
	width: 100%;
	display: flex;
	justify-content: center;
	max-width: 1900px;
}

.gallery-section .grid{
	width: 100%;
}

 .gallery-section .grid-item{
	width: 30%;
	height: auto;
	margin-bottom: 15px;
	position: relative;
}

 .gallery-section .grid-sizer{
	width: 30%;
	height: auto;
}

 .gallery-section .gutter-sizer{
	width: 5%;
}

 .gallery-section .grid-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

 .gallery-section .grid-item .overlay{
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	opacity: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	transition: 0.2s linear;
	
}


 .gallery-section .grid-item .overlay h4{
	margin: 0;
	color: var(--main-color);
	font-size: 17px;
	width: 100%;
	text-align: center;
	background: var(--secondary-color);
	padding-top: 14px;
	padding-bottom: 14px;
}

.gallery-section .grid-item:hover .overlay h4{
	margin: 0;
	color: var(--secondary-color);
	font-size: 17px;
	width: 100%;
	text-align: center;
	background: var(--main-color);
	padding-top: 14px;
	padding-bottom: 14px;
}


.images-reader{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10000;
    background: rgba(0, 0, 0, 0.90);
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.images-reader.active{
    visibility: visible;
    opacity: 1;
}

.images-reader .close{
	position: absolute;
    top: 5%;
    right: 50px;
    cursor: pointer;
    width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
}

.images-reader .close svg{
	width: 20px;
	height: 20px;
}

.images-reader .swiper-container{
	width: 97%;
  	height: 80%;
	display: flex;
	align-items: center;
	justify-content: space-around;

}

.gallery-section .images-reader .swiper-container .images-reader-swiper-button-next{
	position: relative;
	top: unset;
	right: unset;
	left: unset;
	background-color: var(--main-color);
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-section .images-reader .swiper-container .images-reader-swiper-button-prev{
	position: relative;
	top: unset;
	right: unset;
	left: unset;
	background-color: var(--main-color);
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.images-reader .swiper-container .images-reader-swiper-button-prev svg{
	transform: rotate(180deg);
	fill: white;
	width: 25px;
	height: 25px;
	margin-right: 3px;
}

.images-reader .swiper-container .images-reader-swiper-button-next svg{
	fill: white;
	width: 25px;
	height: 25px;
	margin-left: 3px;
}

.images-reader .swiper-container .images-reader-swiper-button-prev::after{
	display: none;
}

.images-reader .swiper-container .images-reader-swiper-button-next::after{
	display: none;
}

.images-reader .swiper-container .images-reader-swiper-container{
	width: 99%;
  	height: 70%;
}

.images-reader .swiper-container .images-reader-swiper-container img{
	width: 100%;
  	height: 100%;
	object-fit: contain;
}

.images-reader .images-reader-swiper-pagination {
	position: relative;
}

.images-reader .images-reader-swiper-pagination .swiper-pagination-bullet{
	background-color: white;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 0%;

}

@media only screen and (max-width:768px) {

	.gallery-section .grid-sizer{
		width: 100%;
		height: auto;
	}

	.gallery-section .gutter-sizer{
		width: 0%;
	}

	.gallery-section .grid-item{
		width: 100%;
	}

	.gallery-section .grid {
		margin-left: 0px;
		margin-right: 0px;
		width: calc(100% - 80px);
	}

}

/* SECTION HERO EVENT */

.section-hero-event{
	position: relative;
	height: 91vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-hero-event img{
	position: absolute;
	object-fit: cover;
	object-position: center;
	height: 91vh;
	width: 100%;
	filter: brightness(0.7);
}

.section-hero-event .content{
	position: relative;
	top: 0;
	width: 100%;
	height: 91vh;
	display: flex;
	flex-direction: column;
	padding-top: 11%;
	text-align: center;
	align-items: center;
	z-index: 1;
}

.section-hero-event .content h3{
	font-size: 50px;
	color: #FFFFFF;
	margin: 7px;
}

.section-hero-event .content h2{
	font-size: 70px;
	color: #FFFFFF;
	margin: 0;
}

.section-hero-event .content .divider{
	width: 104px;
	height: 4px;
	background: #FFFFFF;
}

.section-hero-event .content .cta{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 29px;
}

.section-hero-event .content .cta a{
	font-size: 17px;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	background: var(--main-color);
	margin-left: 10px;
	margin-right: 10px;
	transition: 0.3s;
}

.section-hero-event .content .cta a:hover{
	color: #000;
	background: #fff;
	transition: 0.3s;
}

.section-hero-event .content .cta .video{
	background: none;
	display: flex;
	justify-content: center;
	font-size: 17px;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 10px;
	padding-bottom: 10px;
	align-items: center;
	color: #fff;
	transition: 0.3s;
	cursor: pointer;
}

.section-hero-event .content .cta .video:hover{
	color: rgb(0, 0, 0);
	background: #fff;
	transition: 0.3s;
	cursor: pointer;
}


.section-hero-event .content .cta .video svg{
	padding-right: 11px;
	width: 34px;
	height: 34px;
	fill: #fff;
	stroke: #fff;
	transition: 0.3s;
}

.section-hero-event .content .cta .video:hover svg{
	fill: rgb(0, 0, 0);
	stroke: rgb(14, 14, 14);
	transition: 0.3s;
}

.section-hero-event .social-link{
	display: flex;
	position: absolute;
	bottom: 19px;
	left: 19px;
	z-index: 2;
}

.section-hero-event .social-link a svg{
	width: 30px;
	height: 30px;
	fill: #fff;
	transition: 0.3s;
	margin-right: 17px;
}

.section-hero-event .social-link a svg:hover{
	fill: var(--main-color);
	transition: 0.3s;
}

.section-hero-event .content-right{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 571px;
	height: 250px;
	background: #ffffff4b;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding-left: 71px;
	padding-top: 34px;
	padding-right: 34px;
}

.section-hero-event .content-right .date{
	display: flex;
	align-items: center;
}

.section-hero-event .content-right .date svg{
	fill: #fff;
	margin-right: 19px;
}

.section-hero-event .content-right .date h3{
	font-size: 30px;
	color: #FFFFFF;
	margin-right: 19px;
	font-weight: 299;
	margin-top: 0;
}

.section-hero-event .content-right h3{
	font-size: 25px;
	color: #fff;
	display: flex;
	font-weight: 299;
	margin: 0;
	margin-top: 30px;
}

.section-hero-event .content-right .divider{
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0.2;
	margin-top: 14px;
}

.section-hero-event .content-right .hero-date{
	font-size: 49px;
	color: #fff;
	margin-top: 14px;
}

.video-player-container {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10000;
    background: rgba(245, 245, 245, 0.9);
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.video-player-container.active {
	visibility: visible;
	opacity: 1;
}


.video-player-container .close{
	position: absolute;
    top: 5%;
    right: 50px;
    cursor: pointer;
    width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: #fff;
}

.video-player-container .close svg{
	width: 20px;
	height: 20px;
	fill: rgb(0, 0, 0);
}

.video-player-container iframe{
	width: 80%;
	height: 70%;
}

.video-player-container .video-player{
	width: 80%;
	height: 70%;
}

.video-player-container .video-player video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (max-width:768px) {
	.section-hero-event .content{
		
		padding-top: 17%;
		
	}
	.section-hero-event .content h2{
		font-size: 50px;
		
	}
	
	.section-hero-event .content .divider{
		display: none;
	}
	.section-hero-event .content h3{
		font-size: 30px;
		
	}
	.section-hero-event .content-right .date h3{
		font-size: 20px;
	}
	
	.section-hero-event .social-link{
	display: none;
}
.section-hero-event .content-right{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
}


/* SECTION INFO EVENT */

.section-info-event{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 57px;
	margin-bottom: 91px;
}

.section-info-event h2{
	font-size: 34px;
	margin: 0;
	margin-bottom: 9px;
	text-align: center;
}


.section-info-event h2 strong{
	color: var(--main-color);
}

.section-info-event .divider{
	width: 71px;
	height: 2px;
	background: #575757;
	opacity: 0.2;
}

.section-info-event .content{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin-top: 71px;
}

.section-info-event .content .content-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 10px;
	margin-bottom: 21px;
	width: 20%;
}

.section-info-event .content .content-info svg{
	width: 40px;
	height: 40px;
	fill: var(--main-color);
}

.section-info-event .content .content-info h3{
	font-size: 34px;
	margin: 11px;
	color: var(--main-color);
}

.section-info-event .content .content-info h4{
	font-size: 19px;
	margin: 0;
}

@media only screen and (max-width:768px) {
	.section-info-event .content .content-info{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 10px;
		margin-bottom: 21px;
		width: 40%;
	}
	
}


/* SECTION TEXTE EVENT */

.section-texte-event{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 57px;
	margin-bottom: 91px;
}

.section-texte-event h2 strong{
	color: var(--main-color);
}

.section-texte-event h2{
	font-size: 24px;
	margin: 0;
	margin-bottom: 7px;
}

.section-texte-event .divider{
	width: 71px;
	height: 2px;
	background: #575757;
	opacity: 0.2;
}

.section-texte-event p{
	font-size: 21px;
}

/* SECTION TEXTE AND VIDEO EVENT */

.section-texte-and-video-event{
	width: 100%;
	display: flex;
	background: var(--background-color);
}

.section-texte-and-video-event .block{
	display: flex;
	align-items: center;

}
.section-texte-and-video-event .block .content-video{
	width: 70%;
	height: 70%;
	display: flex;
	justify-content: center;
	position: relative;
	align-items: center;
	padding-top: 52px;
	padding-bottom: 52px;
}

.section-texte-and-video-event .block .content-video img{
	width: 100%;
	height: 50vh;
	object-fit: cover;
	object-position: center;
	transition: 0.3s;

}

.section-texte-and-video-event .block .content-text{
	width: 50%;
	display: flex;
	flex-direction: column;
	padding-top: 47px;
	justify-content: center;
	align-items: flex-start;
	padding-left: 50px;
	padding-bottom: 47px;
}

.section-texte-and-video-event .block .content-text h2{
	font-size: 34px;
	color: #575757;
	margin: 0;
}

.section-texte-and-video-event .block .content-text p{
	font-size: 21px;
}

.section-texte-and-video-event .block .content-text a{
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
	color: #fff;
	background: var(--main-color);
	transition: 0.3s;
}


.section-texte-and-video-event .block .content-text a:hover{
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
	color: #fff;
	background: var(--secondary-color);
	transition: 0.3s;
}

.section-texte-and-video-event .block .content-video .overlay{
	height: 50vh;
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
	background: rgba(255, 255, 255, 0.342);
}

.section-texte-and-video-event .block .content-video .overlay:hover{
	transition: 0.3s;
	background: rgba(255, 255, 255, 0.459);
	cursor: pointer;
}

@media only screen and (max-width:768px) {

	.section-texte-and-video-event .block{
		flex-direction: column;
	}
	.section-texte-and-video-event .block .content-video{
		width: 100%;
	}
	.section-texte-and-video-event .block .content-text{
		align-items: center;
		padding-top: 11px;
		padding-left: 0;
		width: 100%;
	}
}

/* SECTION ACTUALITE EVENT */

.section-actualite-event{
	display: flex;
	flex-direction: column;
	margin-bottom: 29px;
}

.section-actualite-event .content-titre{
	display: flex;
	flex-direction: column;
}

.section-actualite-event .content-titre h2{
	font-size: 34px;
	margin: 0;
	margin-bottom: 14px;
}

.section-actualite-event .content-titre h2 strong{
	color: var(--main-color);
}

.section-actualite-event .content-titre .divider{
	width: 100%;
	height: 2px;
	background: #575757;
	opacity: 0.2;
}

.section-actualite-event .content-titre .navigation-event{
	display: flex;
	justify-content: space-between;
}

.section-actualite-event .content-titre .navigation-event a{
	color: #C1C1C1;
	font-size: 19px;
	display: flex;
	align-items: center;
	transition: 0.3s;
}

.section-actualite-event .content-titre .navigation-event a svg{
	fill: #C1C1C1;
	transition: 0.3s;
	margin-left: 7px;
}

.section-actualite-event .content-titre .navigation-event a:hover {
	color: #000000;
	transition: 0.3s;
}

.section-actualite-event .content-titre .navigation-event a:hover svg{
	fill: #050505;
	transition: 0.3s;
}

.section-actualite-event .content-titre .navigation-event a:hover {
	color: #000000;
	transition: 0.3s;
}

.section-actualite-event .content-titre .navigation-event .nav-slider-event{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	width: 120px;

}
.section-actualite-event .swiper-pagination{
	position: relative ;
	bottom: 0!important;
}

.section-actualite-event .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	width: 97px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.swiper-pagination .swiper-pagination-bullet{
	background-color: #ffffff!important;
	border: 1px solid #000000!important;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 0%;
	opacity: 1;
	width: 19px;
	height: 19px;
}

.swiper-pagination .swiper-pagination-bullet-active{
	background-color: #000000!important;
}

.section-actualite-event .content-titre .navigation-event .nav-slider-event .swiper-button-prev,.swiper-button-next{
	background-color: var(--main-color);
	width: 41px;
	height: 41px;
}

.section-actualite-event .content-titre .navigation-event .nav-slider-event .swiper-button-prev::after{	
	color: #fff;
	font-size: 24px;
}

.section-actualite-event .content-titre .navigation-event .nav-slider-event .swiper-button-next::after{
	color: #fff;
	font-size: 24px;
}

.section-actualite-event .content-container .container{
	width: 100%;
	height: 49vh;
	display: flex;
	margin-bottom: 45px;
}
.section-actualite-event .content-container .container .content-left{
	width: 50%;
}

.section-actualite-event .content-container .container .content-left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}

.section-actualite-event .content-container .container .content-right {
	width: 50%;
	padding: 29px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.section-actualite-event .content-container .container .content-right .categories p{
	margin: 0;
	margin-bottom: 11px;
	font-size: 17px;
}

.section-actualite-event .content-container .container .content-right .divider{
	width: 71px;
	height: 2px;
	background: #000000;
	opacity: 0.2;
	margin: 0;
	margin-bottom: 9px;
}

.section-actualite-event .content-container .container .content-right h3{
	font-size: 34px;
	color: #000000;
	margin: 0;
}

.section-actualite-event .content-container .container .content-right p {
	font-size: 21px;
	color: #000000;
	margin-bottom: 21px;
	margin-top: 21px;
	height: auto;
}

.section-actualite-event .content-container .container .content-right .cta{
	color: rgb(255, 255, 255);
	border: 1px solid #000000;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000000;
	font-size: 19px;
}

.section-actualite-event .content-container .container .content-right a:hover {
	color: rgb(0, 0, 0);
	background-color: #fff;
	transition: 0.3s;
}

.section-actualite-event .content-container .container .content-right a:hover svg path{
	fill: rgb(15, 15, 15);
}

.section-actualite-event .content-container .container .content-right a span{
	margin-right: 10px;
}

.section-actualite-event .content-container .container .content-right a svg {
	width: 20px;
	height: 20px;
	padding-left: 3px;
}

.section-actualite-event .content-container .container .content-right a svg path{
	width: 20px;
	height: 20px;
	fill: rgb(255, 255, 255);
}

@media only screen and (max-width:768px) {
	.section-actualite-event .content-titre .navigation-event .nav-slider-event{
		height: 79px;
	}
	.section-actualite-event .content-container .container{
		height: fit-content;
		display: flex;
		flex-direction: column;
		margin-bottom: 11px;
	}
	.section-actualite-event .content-container .container .content-left{
		width: 100%;
		height: 30vh;
	}
	.section-actualite-event .content-container .container .content-right {
		width: 100%;
		padding: 12px;
	}
	.section-actualite-event .content-container .container .content-right p {
		font-size: 17px;
		
	}
}

/* SECTION PARTENAIRE */

.section-partenaire{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 59px;
	margin-bottom: 59px;
}

.section-partenaire h2{
	font-size: 34px;
	border-bottom: 2px solid #0000001c;
	padding-bottom: 11px;
	text-align: center;
	padding-left: 11px;
	padding-right: 11px;
}

.section-partenaire .content{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 59px;
}

.section-partenaire .content .content-image img{
	width: 130px;
	object-fit: cover;
	object-position: center;
	margin-bottom: 49px;
}

.section-partenaire h2 strong{
	color: var(--main-color);
}

.section-partenaire .content .content-image{
	width: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
}


/* GALLERY SECTION EVENT */

.gallery-section-event .title h2{
	font-size: 34px;
	color: #1D1D1D;
	margin: 0;
	margin-bottom: 14px;
}

.gallery-section-event .title h2 strong{
	color: var(--main-color);
}
.gallery-section-event .title .divider{
	width: 100%;
	height: 2px;
	background: #707070;
	margin: auto;
	opacity: 0.2;
}

.gallery-section-event .title{
	margin-top: 49px;
	margin-bottom: 47px;
}

.gallery-section-event{
	display: flex;
	flex-direction: column;
	margin-top: 71px;
	margin-bottom: 79px;
}

 .gallery-section-event .container{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.gallery-section-event .image {
	height: 270px;
	object-fit: cover;
	object-position: center;
	margin-bottom: 14px;
	position: relative;
}

.gallery-section-event .image0 {
	width: 23%;
	object-fit: cover;
	object-position: center;
	
}

.gallery-section-event .image1 {
	width: 32%;
	object-fit: cover;
	object-position: center;
}

.gallery-section-event .image2 {
	width: 42%;
	object-fit: cover;
	object-position: center;
}

.gallery-section-event .image3 {
	width: 27%;
	object-fit: cover;
	object-position: center;
}

.gallery-section-event .image4 {
	width: 44%;
	object-fit: cover;
	object-position: center;
}

.gallery-section-event .image5 {
	width: 27%;
	object-fit: cover;
	object-position: center;
}

 .gallery-section-event .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

 .gallery-section-event .image .overlay{
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	transition: 0.2s linear;
}

.gallery-section-event .image .overlay:hover{
	transition: 0.2s linear;
	opacity: 1;
}

.gallery-section-event .image .overlay h3{
	margin: 0;
	color: #e6e5e4;
	font-size: 14px;
	width: 100%;
	padding-left: 12px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: 200;
}

 .gallery-section-event .image .overlay h4{
	margin: 0;
	color: #e6e5e4;
	font-size: 17px;
	width: 100%;
	padding-left: 12px;
	padding-top: 14px;
	padding-bottom: 14px;
}
.gallery-section-event .text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.gallery-section-event .text h3{
	font-size: 24px;
	color: #fff;
	margin-bottom: 0;
}
.gallery-section-event .text h4{
	color: #fff;
	font-size: 17px;
}
.gallery-section-event .images-reader .swevent .images-reader-swiper-button-prev{
	position: relative;
	top: unset;
	right: unset;
	left: unset;
	background-color: var(--main-color)!important;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gallery-section-event .images-reader .swevent .images-reader-swiper-button-next{
	position: relative;
	top: unset;
	right: unset;
	left: unset;
	background-color: var(--main-color);
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-section-event .images-reader .swevent .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	position: relative;
	width: 200px;

}

.gallery-section-event .images-reader .swevent .images-reader-swiper-pagination .swiper-pagination-bullet{
	background-color: white;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 0%;
}


@media only screen and (max-width:768px) {

	.gallery-section-event .container{

		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap;
	}

	.gallery-section-event .image {
		height: 270px;
		width: 100%;
		object-fit: cover;
		object-position: center;
		margin-bottom: 14px;
		position: relative;
	}

}


/* PAGE */

.page-content{
	margin-bottom: 39px;
}
.page-content h1{
	font-size: 49px;
}

.page-content p{
	font-size: 17px;
}

.page-content h2{
	color: #000000;
	font-size: 41px;
}


.header_nav_event{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #000;
	z-index: 2000;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
}





.header_nav_event ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


.header_nav_event .nav .menu-item {
	list-style: none;
	margin-bottom: 0px;
	margin-right: 17px;
	position: relative;
}


.header_nav_event .nav .menu-item-has-children .sub-menu{
	display: none;
}

.header_nav_event .nav .menu-item-has-children:hover .sub-menu{
	display: block;
}
.header_nav_event .nav .menu-item-has-children .sub-menu{
	position: absolute;
	display: none;
	flex-direction: column;
	left: 0;
	top: 24px;
	padding: 0;
	padding-top: 20px;
	padding-left: 7px;
	background-color: rgb(0, 0, 0);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
.header_nav_event .nav a {
	font-size: 19px;
	color: #dd9933;
	font-weight: 500;
	position: relative;
}

.header_nav_event .nav a:hover {
	font-size: 19px;
	color: #f14317;
	font-weight: 500;
	position: relative;
}

.header_nav_event .header__toggle {
	font-size: 30px;
	cursor: pointer;
	display: none;
	color: #dd9933;
}

.header_nav_event .nav .current_page_item a{
	font-size: 19px;
	color: #f06412;
	font-weight: 500;
	position: relative;
}

.header_nav_event .nav .current-menu-item a{
	font-size: 19px;
	color: #f06412;
	font-weight: 500;
	position: relative;
}



@media screen and (max-width: 1080px) { 
	
.header_nav_event{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #000;
	z-index: 2000;
	padding: 15px 30px 15px 30px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header_nav_event .nav{
	display: none;
}


.header_nav_event .nav-menu-event {
	position: fixed;
	top: 0;
	left: -100%;
	background: #000;
	width: 80%;
	height: 100vh;
	padding-left: 25px;
	padding-top: 100px;
	padding-right: 15px;
	z-index: 1000;
	transition: .5s;
	overflow-y: auto;
	margin: 0px;
	box-shadow: 2px 0px 4px rgb(0 0 0 / 30%);
	display: block;
}
.header_nav_event .show{
	left: 0;
}
.header_nav_event .nav-menu-event ul{
	display: block;
}
.header_nav_event .header__toggle {
	display: block;
	font-size: 40px;
	color: #dd9933;
}


.header_nav_event .nav .menu-item-has-children .sub-menu{
	position: relative;
	top: 0px;
	padding-top: 10px;
}

}

header  .logo {
	height: 41px;
	display: flex;
	align-items: center;
	color: grey;
}

.header_nav  .logo p{
	font-size: 29px;
	color: var(--navbar-item-color);
	margin: 0;
}

.header-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2001;
}

.header_nav .logo a{
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*===== HEADER =====*/

	@media screen and (min-width: 1080px) { 

		.header_nav {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 80px;
			background-color: var(--navbar-color);
			z-index: 2000;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			display: flex;
			justify-content: center;
			align-items: center;
		} 
		  
		.header_nav .logo {
			width: auto;
			height: 50px;
			display: flex;
			justify-content: flex-start;
			position: relative;
		}
		
		.header_nav .logo img{
			width: 100%;
			height: 100%;
			object-fit: contain;
			margin-right: 15px;
		}
		
		.header_nav .logo p{
			width: auto;
			font-size: 29px;
			display: flex;
			white-space: nowrap;
		}
		
		.header_nav .logo p:hover{
			color: var(--navbar-hover-color);
		}
		  
		.header__toggle {
			font-size: 30px;
			cursor: pointer;
			display: none;
			color: #F8F5CC;
		}
		
		.nav {
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}

		
		.nav .nav__item {
			list-style: none;
			margin-bottom: 0px;
			margin-right: 20px;
		}
		
		.nav .dropdown__item {
			list-style: none;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		
		.nav .dropdown__menu {
			display: none;
		}
		
		.nav .nav__link {
			font-size: 19px;
			color: var(--navbar-item-color);
			font-weight: 500;
			position: relative;
		}
		
		.nav .nav__link:after {
			background: none repeat scroll 0 0 transparent;
			bottom: -5px;
			content: "";
			display: block;
			height: 2.5px;
			left: 50%;
			border-radius: 50px;
			position: absolute;
			background: var(--navbar-hover-color);
			transition: width 0.3s ease 0s, left 0.3s ease 0s;
			width: 0;
		}
		
		.nav .nav__link:hover:after {
			width: 100%; 
		    left: 0; 
		}
		
		.nav .nav__link:hover {
			color: var(--navbar-hover-color);
			transition: 0.5s;
		}
		
		.nav .nav__item.current_page_item .nav__link {
			color: var(--navbar-hover-color);
		}
		
		.nav .nav__item.current_page_item .nav__link:after {
			left: 0;
			width: 100%;
		}
		
		.nav .dropdown__item.current_page_item .dropdown__nav__link{
			color: var(--navbar-hover-color) !important;
		}


		.social-link-nav{
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.social-link-nav svg{
			margin-right: 19px;
			width: 23px;
			height: 23px;
			fill: var(--navbar-item-color);
		}

		.social-link-nav svg:hover{
			fill: var(--navbar-hover-color);
		}

		.social-link-nav .twitter svg{
			margin-right: 0;
			
		}

		.nav .dropdown__link {
			font-size: 17px;
			color: grey;
			font-weight: 500;
			position: relative;
			display: flex;
			align-items: center;
		}
	
		.nav .dropdown__link:hover {
			color: var(--navbar-hover-color);
			transition: 0.5s;
		}
	
		.dropdown__link .dropdown__icon {
			font-size: 25px;
			transform: rotate(180deg);
			transition: 0.5s;
		}
	
		.nav .dropdown {
			position: relative;
		}
	
		.nav .dropdown__menu{
			position: absolute;
			display: none;
			flex-direction: column;
			left: 0;
			top: 15px;
			padding: 20px;
			border-radius: 8px;
			background-color: white;
			box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
		}
	
		.nav .dropdown__menu .dropdown__item .dropdown__nav__link{
			text-decoration: none;
			font-size: 18px;
			font-weight: 400;
			color: grey;
			white-space: nowrap;
		}
	
		.nav .dropdown__menu .dropdown__item:hover > .dropdown__nav__link{
			color: var(--main-color);
		}
	
		.dropdown:hover > .dropdown__menu {
			display: flex;
		}
	
		.dropdown:hover  .dropdown__icon {
			transition: 0.5s;
			transform: rotate(0deg);
		}

		.cta-navbar-1 a{
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			border-radius: var(--cta-border-radius);
			border: none;
			box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
			background-color: var(--navbar-hover-color);
			color: white;
			transition: 0.3s;
			font-size: 17px;
			font-weight: 500;
			padding: 15px;
		}
		
		.cta-navbar-1 a:hover{
			opacity: 0.6;
			transition: 0.3s;
		}

		header nav  .cta-navbar-2{
			min-width: 150px;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			border-radius: var(--cta-border-radius);
			border: none;
			box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
			background-color: var(--navbar-hover-color);
			color: white;
			transition: 0.3s;
			margin-left: 20px;
			padding: 15px;
			font-size: 17px;
			font-weight: 500;
		}
		
		header nav  .cta-navbar-2:hover{
			opacity: 0.6;
			transition: 0.3s;
		}

		.nav-menu{
			display: none;
		}
	}
	


@media screen and (max-width: 1080px) {


	.header_nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		padding: 15px 30px 15px 30px;
		background-color: var(--navbar-color);
		z-index: 2000;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.header-wrapper {
		width: 100%;
	}

	.header__toggle {
		display: block;
		font-size: 30px;
		color: var(--navbar-item-color);
	}

	.nav{
	  
	  display: none;
	}

	.nav-event{
		display: none;
	}

	.nav-menu {
		position: fixed;
		top: 0;
		left: -100%;
		background-color: var(--navbar-color);
		width: 80%;
		height: 100vh;
		padding-left: 25px;
		padding-top: 100px;
		padding-right: 15px;
		z-index: 1000;
		transition: .5s;
		overflow-y: auto;
		margin: 0px;
		box-shadow: 2px 0px 4px rgb(0 0 0 / 30%);
		display: block;
	}

	.nav-menu  .social-link-nav{
		display: flex;
	}

	.nav-menu .social-link-nav svg{
		margin-right: 17px;
		width: 23px;
		height: 23px;
		fill: var(--navbar-item-color);
	}

	.nav-menu .social-link-nav svg:hover{
		fill: var(--navbar-hover-color);
	}

	.nav-menu .social-link-nav .twitter svg{
		margin-right: 0;
	}

	.nav-menu .nav__item {
		list-style: none;
		margin-bottom: 35px;
	  }

	.nav-menu .dropdown__item {
		list-style: none;
		margin-bottom: 15px;
	}

	.nav-menu .nav__link{
		color: var(--navbar-item-color);
		font-size: 20px;
		font-weight: 600;
	}

	.nav-menu .nav__link:hover {
		color: var(--navbar-hover-color);
	}

	.nav-menu .nav__link:after {
		height: 0;
		width: 0;
	}

	.nav-menu .dropdown__link{
		color: white;
		font-size: 20px;
		font-weight: 600;
	}

	.nav-menu .dropdown__nav__link{
		color: white;
		font-size: 18px;
		font-weight: 500;
	}

	.show {
		left: 0;
	}

	.nav-menu .cta-navbar-1 a{
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		border: none;
		box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
		background-color:var(--navbar-hover-color);
		color: var(--navbar-item-color);
		transition: 0.3s;
		font-size: 17px;
		font-weight: 500;
		padding: 15px;
		width: fit-content;
	}
	
	.nav-menu .cta-navbar-1 a:hover{
		opacity: 0.6;
		transition: 0.3s;
	}

	  /*=== Dropdown ===*/

	.dropdown__link {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.dropdown__icon {
		font-size: 30px;
		transition: .5s;
	}
	
	.dropdown__menu {
		margin: 1rem 0 0 1rem;
		display: none;
	}
	
	.dropdown__item {
		margin: 1rem 0;
	}
	
	.dropdown:hover > .dropdown__menu {
		display: block;
	}
	
	.dropdown:hover .dropdown__icon {
		transform: rotate(180deg);
	}
  
}