/*
Theme Name: Krisken 4 Thellier
Theme URI: https://krisken.fr
Description: Thème enfant du thème Kadence
Author: Krisken
Author URI: https://krisken.fr
Template: kadence
Version: 1.0.0
*/

/* GENERIQUE */
html{
	scroll-margin-top: -90px;
}
section, aside{position: relative;}
main section:not(.entry-hero):before,
.others-article-same-cat > aside:before,
footer aside:before{
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: -120px;
	right: 50%;
	border-top: 1px solid #F1F0EC;
}
main section::after,
footer aside::after,
.others-article-same-cat > aside:after{
	content: attr(data-label);
}
main section:after,
.others-article-same-cat > aside:after,
footer aside:after{
	display: block;
	position: absolute;
	top: 0;
	left: -120px;
	width: 115px;
	text-align: right;
	margin-top: 5px;
	box-shadow: 0 -5px #F1F0EC;
	color: #a3a2a0;
}
	@media screen and(max-width: 1680px){
		main section:before,
		main section:after{display: none;}
	}
main .dark section:before,
.others-article-same-cat > aside:before{
	border-top-color: #4d4d4d;
}
main .dark section:after,
.others-article-same-cat > aside:after{
	color: #ed6e07;
	box-shadow: 0 -5px #4d4d4d;
}

strong{font-weight: 900;}
ul{list-style: none;}
h2{
	font-family: "DM Sans", sans-serif;
	padding-bottom: 40px;
}

ul.wp-block-list li:before,
h2:before,
.dark h2:before{
	content: '';
	display: inline-block;
	background: #145b7a;
	width: 17px;
	height: 17px;
	margin-right: 5px;
	opacity: 0.5;
}
.dark h2:before,
.others-article-same-cat h2:before{
	background: #ed6e07;
}
ul.wp-block-list li:before{
	width: 10px;
	height: 10px;
}
h2 strong{
	color: #FFF;
	text-shadow:	-1px -1px 0 #145b7a,
								1px -1px 0 #145b7a,
								-1px 1px 0 #145b7a,
								1px 1px 0 #145b7a;
}
.dark h2 strong{
	color: #393e42;
	text-shadow:	-1px -1px 0 #FFF,
								1px -1px 0 #FFF,
								-1px 1px 0 #FFF,
								1px 1px 0 #FFF;
}

.entry-content-wrap{padding: 0 0;}

main,
.others-article-same-cat{
	position: relative;
	margin-top: 40px;
}
main{margin-top: 0;}
main:before,
main:after,
.others-article-same-cat:before,
.others-article-same-cat:after{
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: calc((100% / 2) - 785px);
	width: 1px;
	height: 100%;
	border-left: 1px solid #f1f0ec;
}
main:after,
.others-article-same-cat:after{
	left: calc((100% / 2) + 785px);
}

/* BOUTONS */
.wp-block-button a.wp-block-button__link{
	text-align: right;
	margin-top: 10px;
}
.wp-block-button:hover a.wp-block-button__link{
	margin-top: 0;
}
.wp-block-button a.wp-block-button__link em{
	color: #a3a2a0;
	font-size: 14px;
}
	/* button tel */
	.wp-block-button.voir a:before,
	.wp-block-button.tel a:before{
		content: '';
		display: inline-block;
		float: left;
		margin-right: 10px;
		width: 40px;
		height:40px;
		background: url(./img/picto-tel.svg);
		transition: all .2s ease;
	}
	.wp-block-button.voir:hover a:before,
	.wp-block-button.tel:hover a:before{
		background: url(./img/picto-tel-on.svg);
	}
	/* button voir */
	.wp-block-button.voir a{
		display: inline-flex;
		align-items: center;
	}
	.wp-block-button.voir a:before{background: url(./img/picto-voir.svg);}
	.wp-block-button.voir:hover a:before{background: url(./img/picto-voir-on.svg);}

/* ENTETE */
#masthead{
	max-width: 1560px;
	margin: 0 auto;
	width: 100%;
}

/* NAVIGATION */
nav#mobile-site-navigation ul#mobile-menu{
	border: 1px solid #3d3d3d4D;
	box-shadow: 0 0 0 10px #3d3d3d1a;
	border-radius: 8px;
}
nav#mobile-site-navigation li.mobile a{
	display: none;
}
nav#mobile-site-navigation li a{
	transition: all .2s ease;
	background: #FFFFFF80;
	margin-bottom: 2px;
	font-weight: 200;
}
nav#mobile-site-navigation li:hover a{background: #145B7A0D;}
nav#mobile-site-navigation li:first-child a{border-radius: 8px 8px 0 0;}
nav#mobile-site-navigation li:last-child a{
	border-radius: 0 0 8px 8px;
	margin-bottom: 0;
}
nav#mobile-site-navigation li.agences a{color: #ed6e07;}
nav#mobile-site-navigation li.agences:hover a{color: #393e42;}

	/* MENU OUVERT */
	#mobile-drawer .drawer-inner{transform-origin: top center !important;}
	#mobile-toggle{
		display: none;
		margin-top: -1px;
		min-height: 90px;
		flex-direction: row-reverse;
		font-size: 14px;
	}
	.menu-toggle-label{
		padding: 0 0 0 10px;
	}
	#mobile-toggle:hover span{
		color: #ED6E07;
		font-weight: 300;
	}
	#masthead.active #mobile-toggle{
		color: #393e42;
	}
		.menu-toggle-close{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
		.menu-toggle-close:hover{
			color: #ed6e07 !important;
		}

#nav-top-second > .menu-second-menu-container,
#nav-top-second ul{
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0 auto;
}
#nav-top-second ul li a{
	padding: 28px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: 200;
}
#nav-top-second ul li a:hover{
	color: #ed6e07;
}
	#nav-top-second li.realisations{
		cursor: pointer;
		position: relative;
	}
	#nav-top-second li.realisations:before{
		content: '';
		background: url(./img/toggle.svg);
		background-position: 5px center;
		background-repeat: no-repeat;
		width: 22px;
		height: 35px;
		margin-bottom: -13px;
		display: inline-block;
	}
	#nav-top-second li.realisations.active{background: #FFF;}
	#nav-top-second li.realisations ul.sub-menu{
		display: none;
		position: absolute;
		top: 40px;
		width: 410px;
		flex-direction: column;
		align-items: start;
		max-height: 0;
		transition: max-height 0.3s ease;
	}
	#nav-top-second li.realisations.active ul.sub-menu{
		display: flex;
		height: auto;
		max-height: 100vh;
		background: #FFF;
		padding: 5px;
	}
	#nav-top-second li.realisations.active ul.sub-menu li{
		background: #FFF;
		padding: 5px 5px 10px 35px;
	}
	#nav-top-second li.realisations.active ul.sub-menu li a{
		text-transform: none;
		letter-spacing: 0;
		font-size: 16px;
		padding: 5px;
		border: 1px solid #393e42;
		border-radius: 22px;
	}
	#nav-top-second li.realisations.active ul.sub-menu li a:hover{
		border-color: #ed6e07;
		color: #ed6e07;
	}

#nav-top-second li.agences a{color: #ed6e07;}
#nav-top-second li.agences a:hover,
#nav-top-second li.agences a:focus{
	color: #393e42;
}
	/* Menu Active */
	#masthead.active #nav-top-second ul li a{
		min-height: 90px;
	}

/* HEADER */
.transparent-header #masthead{
	z-index: -1;
}
	/* Active */
	#masthead.active .site-top-header-inner-wrap .site-header-item{
		align-items: start;
	}
	#masthead.active .site-top-header-inner-wrap{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		transition: all .25s ease-out;
		background: #ffffff;
	}
	#masthead.active .site-top-header-inner-wrap a.brand{
		overflow: hidden;
		max-height: 80px;
		margin-bottom: 10px;
	}
	#masthead.active .site-top-header-inner-wrap a.brand img{
		max-height: 80px;
		margin-top: 20px;
	}

/* ACCUEIL */
.home #header-home{
	max-height: calc(100vh - 240px);
	display: flex;
}
.home #header-home > div{
	display: flex;
	justify-content: center;
}
.home #header-home .box-title{
	max-width: 422px;
	box-shadow: 0 0 10px 10px #ffffff80;
}
.home #header-home .box-posthumbnail-home{
	width: 100%;
	max-width: 1140px;
	margin-left: -60px;
	max-height: 100%;
	overflow: hidden;
	border-style: solid;
	border-color: #3d3d3d1a;
	border-width: 10px;
}
.home article div.entry-content-wrap header{
	padding: 0;
	background: none;
}
.home .h1-homepage{
	background-size: 102% !important;
	background-repeat: no-repeat;
	max-width: 420px;
}
.home .h1-homepage h1{
	font-weight: 200;
	color: #145b7a;
	line-height: 1;
}
.home .h1-homepage h1 > strong{
	font-weight: 200;
	color: #FFF;
	font-size: 98px;
}
.home .h1-homepage h1 em strong{
	font-weight: 900;
	letter-spacing: 5px;
	font-size: 60px;
}
.home .h1-homepage h1 em{
	font-weight: 900;
	color: #145b7a;
	font-style: normal;
	font-size: 55px;
	text-transform: uppercase;
}
	#citation{
		background:
		linear-gradient(135deg, white, white 30%, transparent),
		linear-gradient(-135deg, white, white 30%, transparent),
		linear-gradient(to top, #F1F0EC, transparent)
	}	
	#citation *{position: static;}
	#citation blockquote strong{
		font-size: 4.5vw; 
	}
	#citation figure{
		right: 20px;
		left: 66%;
		transition: all .25s linear;
	}
	#citation figure.fixe{
		position: fixed;
		top: 0;
		left: 55%;
		right: calc((100vw - 1480px)/2);
	}

	#citation figure.stop{
		position: absolute;
		top: auto;
		bottom: 40px;
		left: 55%;
		right: calc((100vw - 1480px)/2);
		min-width: 40%;
	}

	#realisations .kt-tab-inner-content{position: relative;}	
	#realisations .kt-tab-inner-content:nth-of-type(2){padding-top: 2em;}
	#realisations .kt-tab-inner-content:nth-of-type(4){padding-top: 4em;}
	#realisations .kt-tab-inner-content:nth-of-type(6){padding-top: 6em;}
	#realisations .kt-tab-inner-content:nth-of-type(8){padding-top: 8em;}
	#realisations .kt-tab-inner-content:nth-of-type(10){padding-top: 10em;}
	#realisations .kt-tab-inner-content:nth-of-type(12){padding-top: 12em;}
	#realisations .kt-tab-inner-content:nth-of-type(14){padding-top: 14em;}
	#realisations .kt-tab-inner-content:nth-of-type(16){padding-top: 16em;}
	#realisations .kt-tab-inner-content:nth-of-type(18){padding-top: 16em;}
	#realisations .kt-tab-inner-content h3{
		margin-bottom: 1em;
	}
	#realisations .kt-tab-inner-content p{
		font-size: 22px;
	}
	
	.carousel figure{
		max-height: 70vh;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.carousel .content-txt{
		margin-bottom: -80px;
	}
	.carousel .swiper-button-prev,
	.carousel .swiper-button-next{
		background-color: transparent !important;
		background: url(./img/right.svg) no-repeat center/40px;
		text-indent: -200em;
		width: 60px;
		height: 20px;
		opacity: 0.5;
	}
	.carousel .swiper-button-prev{
		transform: rotate(-180deg) !important;
	}
	.carousel .swiper-button-prev:hover,
	.carousel .swiper-button-next:hover{
		opacity: 1;
	}
	.carousel .swiper-button-disabled{opacity: 0;}

/* PAGES Services */
#services .wp-block-columns{gap: 0;}
#services .wp-block-columns > div:last-of-type{
	background: #FFF;
	margin-left: -40px;
	position: relative;
	z-index: 9;
	padding: 40px !important;
}
body:not(.home) #services .wp-block-group:before{
	left: -140px;
}
body:not(.home) #services .wp-block-group:after{
	left: -140px;
}

/* ARCHIVES */
body.archive header h1.archive-title,
body.archive header .archive-description{
	max-width: 760px;
}
body.archive header .archive-description{
	font-size: 22px;
}
body.archive #primary{
	background-color: #393e42;
}
	ul#archive-container{
		padding-top: 80px;
		padding-bottom: 80px;
		column-gap: 25px;
		row-gap: 25px;
	}
	ul#archive-container article{
		position: relative;
		overflow: hidden;
	}
	ul#archive-container article img{
		transition: all .2s ease;
		filter: grayscale(70%);
	}
	ul#archive-container article a.post-thumbnail:hover + div.entry-content-wrap,
	ul#archive-container article a.post-thumbnail + div.entry-content-wrap:hover{
		bottom: 0;
	}
	ul#archive-container article:hover img{
		filter: grayscale(0);
	}
	ul#archive-container article div.entry-content-wrap{
		transition: all .2s ease;
		position: absolute;
		z-index: 9;
		width: 100%;
		bottom: -100%;
		height: 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
		article div.entry-content-wrap header{
			padding: 20px;
			margin: 0;
			background: linear-gradient(to top, #000000CC, #00000000);
		}
		article div.entry-content-wrap header span.category-links a{
			display: inline-block;
			padding-bottom: 5px;
			margin-bottom: 5px;
			border-bottom: 1px solid #ed6e07;
		}
		article div.entry-content-wrap header span.category-links a:hover{color: #ed6e07;}
		article div.entry-content-wrap h2{padding-bottom: 0;}
		body.archive article div.entry-content-wrap h2:before{display: none;}
		article div.entry-content-wrap .entry-title a:hover{color: #ed6e07 !important;}
		article:hover footer.entry-footer{
			opacity: 1;
		}
		article footer.entry-footer{
			opacity: 0;
			position: absolute;
			right: 20px;
			top: 0;
		}
		article footer.entry-footer a{
			font-style: normal;
			font-weight: 300;
			font-size: 18px;
			line-height: 1;
			text-transform: uppercase;
			border-radius: 12px;
			padding: 10px;
			border: 1px solid currentColor;
			border-color: #f1f0ec;
			box-shadow: 0px 0px 0px 5px rgba(241, 240, 236, 0.5);
			background-color: #fff;
			margin-top: 30px;
			display: flex;
			align-items: center;
			color: #ed6e07;
		}
		article footer.entry-footer a:before{
			content: '';
			display: inline-block;
			float: left;
			margin-right: 10px;
			width: 40px;
			height:40px;
			background: url(./img/picto-voir.svg);
			transition: all .2s ease;			
		}
		article footer.entry-footer:hover a:before{
			background: url(./img/picto-voir-on.svg);
		}
		article footer.entry-footer a:hover{
			margin-top: 10px;
			border-color: #ed6e07;
		}
		article footer.entry-footer p{margin-bottom: 0;}

/* ARTICLES */
body.single .entry-hero{background: #fff;}

/* breadcrumb */
.kadence-breadcrumb-container{padding-bottom: 20px;}
.kadence-breadcrumb-container span{color: #393e42;}
.kadence-breadcrumb-container span:first-of-type{
	color: #145B7A;
	font-weight: 700;
}
.kadence-breadcrumb-container a{
	color: #145B7A;
	text-decoration: none;
}
.kadence-breadcrumb-container a:hover span:first-of-type,
.kadence-breadcrumb-container a:hover{
	color: #145B7A;
	opacity: 0.75;
}

body.single h1{
	max-width: 960px;
	font-size: 64px;
}
body.single h1:before{
	content: '';
	display: inline-block;
	background: #145b7a;
	width: 17px;
	height: 17px;
	margin-right: 5px;
	opacity: 0.5;
}
	body.single .entry-hero .entry-taxonomies{
		display: flex;
		justify-content: end;
	}
	body.single .entry-hero .entry-taxonomies span.category-links:after{
		content: '';
		display: block;
		height: 5px;
		width: 80px;
		margin: 4px 0 0 auto;
		background: #145b7a80;
	}
	body.single .entry-hero .entry-taxonomies span.category-links a{
		color: #145B7A;
		text-align: right;
		border-bottom: 1px solid #145B7A;
		padding: 0 0 5px 40px;
		font-size: 16px;
		margin-bottom: -5px;
	}
	body.single .entry-hero .entry-taxonomies span.category-links a:hover{
		opacity: 0.5;
	}

body.single article.entry ul.infos{
	padding-left: 0;
	margin-top: 80px;
	margin-bottom: 20px;
}
body.single article.entry ul.infos li{
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}
body.single article.entry ul.infos li:before{
	opacity: 0.5;
	content: '';
	display: block;
	background: #145b7a;
	width: 65px;
	height: 5px;
}
body.single article.entry ul.infos li:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #145b7a;
	width: 120px;
	height: 1px;
}

body.single article.entry h2{
	font-weight: lighter;
	font-size: 44px;
}
body.single article.entry p{
	font-size: 22px;
}
body.single article.entry .swiper .bbb-slider-nav-container{
	position: absolute;
	height: 40px;
	width: 120px !important;
	top: auto !important;
	bottom: -40px !important;
	right: 0 !important;
	left: auto !important;
	transform: translateY(0) !important;
}
body.single article.entry .swiper .swiper-button-prev,
body.single article.entry .swiper .swiper-button-next{
	transform: translateY(0);
	background: url(./img/right-bleu.svg) no-repeat center left/40px
}
body.single article.entry .swiper .swiper-button-next{
	background: url(./img/right-bleu.svg) no-repeat center right/40px
}

/* Navigation entre les articles */
nav.post-navigation{margin-top: 0;}
nav.post-navigation .nav-links{
	gap: 40px;
}
nav.post-navigation .nav-previous a,
nav.post-navigation .nav-next a{
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	border-radius: 12px;
	padding: 10px;
	border: 1px solid #f1f0ec;
	box-shadow: 0px 0px 0px 5px rgba(241, 240, 236, 0.5);
	background-color: #fff;
	margin-top: 20px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	font-size: 14px;
	color: #a3a2a0;
}
nav.post-navigation .nav-previous:after{
	right: -20px;
	top: 35%;
}
nav.post-navigation a div.post-navigation-sub{
	color: #ed6e07;
	font-size: 18px;
}
nav.post-navigation .nav-previous a:hover,
nav.post-navigation .nav-next a:hover{
	margin-top: 10px;
	border-color: #ed6e07;
}
nav.post-navigation .nav-previous a:before,
nav.post-navigation .nav-next a:before{
	content: '';
	display: inline-block;
	float: left;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	background: url(./img/picto-voir.svg);
	transition: all .2s ease;
}
nav.post-navigation .nav-previous a:before,
nav.post-navigation .nav-next a:before{background: url(./img/picto-voir.svg);}
nav.post-navigation .nav-previous a:hover:before,
nav.post-navigation .nav-next a:hover:before{background: url(./img/picto-voir-on.svg);}

/*
	Aures articles affichés grâce à une functions enfant
	Override /template-parts/content/single-entry.php
*/
.others-article-same-cat{
	background: #393e42;
	padding-top: 40px;
}
.others-article-same-cat:before,
.others-article-same-cat:after{
	z-index: 0;
	border-color: #4d4d4d;
	left: calc((100% / 2) - 785px);
}
.others-article-same-cat:after{
	left: calc((100% / 2) + 785px);
}
.others-article-same-cat > aside{padding-top: 40px;}
.others-article-same-cat .others-article-same-cat-inner{z-index: 1;}
.others-article-same-cat h2{
	color: #FFF;
}
	.others-articles-list{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		margin: 0;
		padding-top: 80px;
		padding-bottom: 80px;
		column-gap: 25px;
		row-gap: 25px;
	}
	.others-articles-list li article .entry-content-wrap{padding: 0;}
	.others-articles-list li article h3{
    font-weight: 300;
    font-size: 28px;
    line-height: 1;
		color: #FFF;
		letter-spacing: 0;
		text-transform: none;
	}

/* FOOTER */
#agences .wp-block-columns,
#agences h2{
	padding-left: 15px;
	padding-right: 15px;
}

footer .site-top-footer-wrap,
footer .site-container{padding: 0;}
footer .site-middle-footer-wrap,
footer .site-middle-footer-wrap *{position: relative;}
footer .site-middle-footer-wrap > div{
	padding-left: 15px;
	padding-right: 15px;
}
footer .site-middle-footer-wrap > div{z-index: 9;}
footer .site-middle-footer-wrap:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0; right: 0; left: 0; bottom: 0;
	background: linear-gradient(to top, #00000033, #00000000);
	backdrop-filter: blur(4px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2) 00%,
    rgba(0, 0, 0, 1) 80%
	);
}
footer .site-middle-footer-wrap h3{
	color: #fff !important;
	margin-bottom: -15px;
	margin-top: 32px;
}
footer p.adresse{font-size: 16px;}
footer #menu-legal li a{color: #fff;}
footer #menu-legal li a:hover{color: #ed6e07;}

/* Menu tags */
#colophon{
	padding-top: 80px;
}
#colophon nav#footer-navigation{
	justify-content: start;
	height: 100%;
	display: flex;
	flex-direction: column;
}
#colophon nav#footer-navigation > div{margin: 0 auto;}
#colophon nav#footer-navigation:before{
	content: '';
	background: url(./img/picto-realisations.svg);
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	margin-bottom: 40px;
}
#colophon nav#footer-navigation ul#footer-menu{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
#colophon ul#footer-menu li{
	margin: 5px 40px 0;
}
#colophon ul#footer-menu li:nth-child(even){
	text-align: right;
}
#colophon ul#footer-menu li a{
	display: inline;
	color: #FFF;
	border: 1px solid #FFF;
	background: #FFFFFF00;
	border-radius: 22px;
	font-size: 15px;
}
#colophon ul#footer-menu li:hover a,
#colophon ul#footer-menu li a:hover{
	border-color: #ed6e07;
	color: #FFF;
	background-color: #ed6e07;
}

/* Menu Services */
footer .footer-services .widgettitle{
	color: #FFF;
	font-weight: 900;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding-top: 1em;
	padding-bottom: 10px;
	text-align: right;
}
footer .footer-services .widgettitle:before{display: none;}
footer .footer-services ul#menu-menu-services{
	display: flex;
	flex-direction: column;
	align-items: end;
}
footer .footer-services ul#menu-menu-services li a{
	font-size: 18px;
}

/* RESPONSIVE */
@media screen and (max-width: 767px) {
	body.page:not(.home) #main article.entry{margin: 0 auto !important;}
	.single-content ul.wp-block-list{padding-left: 0;}
	body.single h1{font-size: 44px; font-weight: lighter;}
	body.single article.entry h2{display: none;}
	.wp-block-group.alignwide{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	/* NAVIGATION 100% des cas en mode mobile sur kadence-theme */
	#mobile-header .site-branding a.brand{width: 100%;}
	#mobile-header .site-branding a.brand img.svg-logo-image{max-width: 230px;}
	#mobile-header .site-header-row{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#masthead.active #mobile-header .site-header-row{display: grid;}
	#mobile-header .site-header-section-right{justify-content: center;}
	#mobile-header #nav-top-second{display: none;}
	#mobile-header button#mobile-toggle{display: block; min-height: 44px;}
	#mobile-header button#mobile-toggle span.menu-toggle-label{display: none;}
	
	#mobile-drawer button.menu-toggle-close{
		position: absolute;
		top: 0;
		margin: 0 0 0 auto;
	}
	nav#mobile-site-navigation ul#mobile-menu{
		border: 0;
		box-shadow: none;
	}
		nav#mobile-site-navigation ul li{font-size: 20px;}
		nav#mobile-site-navigation li.mobile a{display: block;}
		nav#mobile-site-navigation li a{
			background: #FFFFFF00;
			padding-top: 12px;
			padding-bottom: 12px;
		}
	/* ACCUEIL */
	.home #masthead{background: none !important;}
	.home #header-home > div{flex-direction: column;}
	.home #header-home .box-posthumbnail-home{display: none;}
	.home .h1-homepage h1{
		padding: 60px 20px !important;
		font-size: 44px;
		line-height: 1;
	}
	.home .h1-homepage h1 > strong{
		font-size: 66px;
		line-height: 1;
	}
	.home .h1-homepage h1 em,
	.home .h1-homepage h1 em strong{
		font-size: 44px;
		line-height: 40px;
		letter-spacing: 0;
	}
	#citation .cit-figure{margin-top: 0;}
	#citation .cit-figure > *{padding: 0;}
	#citation blockquote{font-size: 24px !important; margin-bottom: 0;}
	#citation figure.fixe{position: static; left: 0; right: 0;}
	#realisations .kt-tab-inner-content{padding-top: 20px !important;}
	#realisations *{min-height: auto;}
	
	#atypiques .carousel .content-txt{margin-left: 0 !important;}
	#atypiques .carousel .swiper-button-prev, #atypiques .carousel .swiper-button-next{opacity: 1;}
	#atypiques .carousel .swiper-button-next.swiper-button-disabled,
	#atypiques .carousel .swiper-button-prev.swiper-button-disabled{opacity: 0.35;}
	
	#atypiques .carousel figure{
		margin-bottom: 60px !important;
	}
	#atypiques .bbb-slider-nav-container{
		margin-right: 0 !important;
		bottom: -106px;
	}
	
	/* ARTICLES */
	body.single #primary{margin-top: 0;}
	body.single #primary article{
		margin-left: 0;
		margin-right: 0;
	}
	body.single #primary article.single-entry .post-thumbnail{display: none;}
	body.single #primary .entry-content .wp-block-columns{flex-direction: column-reverse;}
	body.single #primary .entry-content .wp-block-columns > .wp-block-column:first-of-type{padding-top: 20px !important;}
	
	body.single ul#archive-container{
		display: flex;
		flex-direction: column;
	}
	
	ul#archive-container article div.entry-content-wrap{bottom: 0;}
	ul#archive-container article img{filter: grayscale(0);}
	body.single .entry-hero .entry-taxonomies,
	ul#archive-container article .entry-taxonomies{display: none;}
	ul#archive-container article footer.entry-footer{opacity: 0;}
	
	main section:after, .others-article-same-cat > aside:after, footer aside:after{display: none;}
	
	/* footer */
	#colophon nav#footer-navigation > div{margin: 0 0;}
	#colophon nav#footer-navigation ul#footer-menu{grid-template-columns: 1fr; width: 100%;}
	#colophon ul#footer-menu li{text-align: center !important; margin: 0 0;}
	#colophon ul#footer-menu li a{display: inline-block; width: 100%;}
	#colophon .footer-services .widgettitle{text-align: center;}
	#colophon .footer-services .wp-block-image .alignright{text-align: center; margin: 0;}
	#colophon .footer-services,
	#colophon .footer-services ul#menu-menu-services{align-items: center;}
	#colophon .widget_text{text-align: center;}
}