/*
Theme Name: Clean Energy Ministerial
Author: Gregory Ruelle
Author URI: https://ruellegregory.be
Version: 1.0.0
Text Domain: cem
*/

.home .h1{
	font-size: 3.75rem !important;
}

.home .h2{
	font-size: 2.255rem !important;
}

.home .h3{
	font-size: 2rem !important;
}

.home .h4{
	font-size: 1.5rem !important;
}

.home .intro_desc p,
.home .members_container p:not(.members_states),
.home .card_desc{
	font-size: 1.125rem !important;
}

@media screen and (max-width: 1024px){
.home .h1{
	font-size: 3rem !important;
}

.home .h2{
	font-size: 2.255rem !important;
}

.home .h3{
	font-size: 1.75rem !important;
}

.home .h4{
	font-size: 1.5rem !important;
}
}

@media screen and (max-width: 640px){
	.home .h1{
	font-size: 3rem !important;
}

.home .h2{
	font-size: 2.25rem !important;
}

.home .h3{
	font-size: 1.75rem !important;
}

.home .h4{
	font-size: 1.25rem !important;
}
}


.card_cats a{
	margin: 3px !important;
}

.logo-container .logo{
	display: flex !important;
}

.home .post_cat{
	margin-bottom: 0.375rem !important;
	display: inline-block !important;
	text-transform: uppercase;
}

.home .section_banner {
	position: relative;
	overflow: hidden !important;
	min-height: 600px;
}

.section_highlight_banner{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#posts_slider .post_title{
	min-height: 87px;
}


#posts_slider_banner .post_slide{
	border-radius: 16px 0 0 16px;
}

/* Contrainte de hauteur en mode vertical (même valeur que verticalHeight) */
#posts_slider_banner.lSSlideOuter,
#posts_slider_banner.lSSlideWrapper {
	height: 360px;
}

/* Les slides prennent toute la hauteur utile en vertical */
#posts_slider_banner .post_slide {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-left: auto;
}

/* Image responsive + recadrage propre */
#posts_slider_banner .post_img_container {
	flex: 0 0 auto;
}
#posts_slider_banner .post_img_container img {
	display: block;
	width: 100%;
	height: auto;
	/* si tu veux une vitrine plus homogène, tu peux forcer une hauteur et recadrer :
	height: 260px;
	object-fit: cover;
	*/
}

/* Contenu */
#posts_slider_banner .post_content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 3rem;

}

#posts_slider_banner .post_title{
	font-size: 2rem;
}

#posts_slider_banner .post_content .btn_container{
	padding: 0;
	margin-top: 30px;
}

#posts_slider_banner .post_img_container{
		background: #fff;
}

#posts_slider_banner .post_img_container:before{
	background: rgba(0,93,93, 0.6);
}

.section_highlight_banner {
	width: 100%;
	max-width: 360px; /* ou ce que tu veux */
	margin: 0 auto;
}

/* flèches haut/bas */
.section_highlight_banner .posts_slider_controls_prev,
.section_highlight_banner .posts_slider_controls_next {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	background: none;
	border: none;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
}
.section_highlight_banner .posts_slider_controls_prev { top: -35px; }
.section_highlight_banner .posts_slider_controls_next { bottom: -30px; }

.home .post_cat_container{
	margin-bottom: 5px;
}

/* dots verticaux à gauche */

.home .lSSlideOuter.vertical{
	overflow: visible !important;
}
.section_highlight_banner .lSPager.lSpg {
	position: absolute;
	left: -30px;
	top: 50% !important;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.section_highlight_banner .lSPager.lSpg li a {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
	display: block;

}

.section_highlight_banner .lSPager.lSpg li a:hover {
	background: #fff;
}

.section_highlight_banner .lSPager.lSpg li.active a {
	background: #fff;
}

.section_highlight_banner .lSSlideOuter .lSPager.lSpg > li a{
	background: rgba(255,255,255,0.5);
}

.section_highlight_banner .lSSlideOuter .lSPager.lSpg > li.active a{
	background: rgba(255,255,255,1);
}


@media screen and (max-width: 1550px){
	.home .section_banner{
		height: calc(100vh - 144px);
		max-height: 800px;
	}

	.home .banner_title{
		padding-left: 0 !important;
	}

	.home .banner_txt{
		left: 40%;
	}

}

@media screen and (max-width: 1280px){
	.section_highlight_banner{
		display: none;
	}
}


@media screen and (max-width: 1024px){
	.home .banner_surtitle{
		margin-left: 0;
		font-size: 1.5rem;
	}
	.home .bst_h2{
		text-align: center;
	}

	.home .banner_title{
		font-size: 3rem;
		left: 5%;
	}

	.home .banner_title:before{
		transform: translateY(-50%) scale(0.75);
		opacity: 0.6;
	}



	.home .banner_txt{
		left: auto;
		right: 5%;
	}

	.home .section_banner{
		height: calc(50vh - 44px);
		min-height: 600px;
	}
}


@media screen and (max-width: 767px){
	.banner_surtitle{
		line-height: 1.1;
	}
	.home .banner_title{
		top: 25%;
		line-height: 1.1;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
	.home	.banner_title:before{
			transform: translate(-50%, -50%) scale(0.75);
			left: 50%;
	}

	.home .banner_txt{
		left: 50%;
		transform: translateX(-50%);
		max-width: 100%;
		text-align: center;
	}

	.home .section_members .intro{
		margin-bottom: 0;
	}

}

@media screen and (max-width: 450px){
		.home .section_highlight .intro{
			flex-direction: column;
		}

}


/* Adaptation header */


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

	.header_main{
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		padding: 10px 0;
	}

	.header_main .logo-container{
		order: 1;
		width: 20%;
	}
	.header_main .nav_container{
		order: 3;
		width: 10%;
	}

	.header_main .header_right{
		order: 2;
		width: 70%;
		justify-content: flex-end;
		padding: 0 10px;
	}
}

.search_mobile{
	display: none;
}


@media screen and (max-width: 640px){
	.header_main{
		flex-direction: row !important;

	}
		.header_main .searchsubmit{
		top: -6px;
		left: -3px;
	}

	.header_main .logo-container{
		margin-bottom: 0 !important;
		width: 30%;
	}

	.header_main .header_right{
		order: 2;
		width: 60%;
		justify-content: flex-end;
		padding: 0 10px;
	}
}


.credits,
.footer_menu li a{
	font-size: 1rem !important;
}

@media screen and (max-width: 800px) {
    .members_left {
        display: block;    
    }
    .section_members{
    	overflow: hidden;
    }

    .credits{
    	text-align: center;
    }
    .credits_container_content{
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	justify-content: center;
    }
}