/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

/* ---- general content ----- */


.entry-content p{
	max-width: 740px;
	margin-left:auto;
	margin-right: auto;
}
.entry-content ul {
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
}
.content-narrow {
	max-width: 740px;
	margin-left:auto;
	margin-right: auto;
}

.yellow-header{
	background-color: #F6DE74;
	padding-top: 80px;
	margin:0;
}
.yellow-p{
	background-color: #F6DE74;
	max-width: unset !important;
	padding: 20px;
	margin: 0;
}
.yellow-button{
	background-color: #F6DE74;
	margin: 0;
	padding-bottom: 80px;
}
	
	
	
	

		

/* --- hero section ----*/


.hero-section{
	margin-top: 0
}
.hero-section p{
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
}
.hero-section .hero-content{
	padding-top: 0;


}

	
/* --- home page ----*/


.site-branding{
	padding-bottom: 0;

}
@media only screen and (min-width: 50em) {
	.home-content {
		width: 100%;
		max-width: unset;
	}
}
.sci-column-3 {
	max-width: unset
}
.sci-column-3 .wp-block-column h3{
	margin-bottom: 5px
}
.sci-column-3 .wp-block-column h4{
	margin-bottom: 5px
}

.sci-column-3 .wp-block-column p{
	margin-top: 0
}
.sci-column-3 .wp-block-column a{
	color: #cf2e2e;
}
.sci-column-3 .wp-block-column a:hover{
	color: #FF364E;
}


.sci-column-3 .wp-block-image {
	width: 100%;
	height: 245px;
	position: relative;
}

@media (min-width: 600px){
	.sci-column-3 .wp-block-column{
		max-width: 45%;
		margin-left: 10px;
		margin-right: 10px;
	}
}


.sci-column-3 .wp-block-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border: 1px solid #efefef;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,.12);
	transition: .2s;
}
.sci-column-3 .text-grey a{
	color: #666;

}

@media (min-width: 600px){
	.sci-column-5 .wp-block-column{
		max-width: 40%
	}
}
	

/* -- latest news section --*/

.latest-news-title {
	margin-bottom: -65px;
}


@media screen and (min-width: 35em){
	.featured-posts .featured-image img {
	height: 200px;
		object-fit:cover;
	}
}
@media screen and (min-width: 70em){
	.featured-posts .featured-image img{
	height: 300px;
	object-fit: cover;
	}
}
	

.featured-posts .entry-header .entry-title {
	text-align: center;
	
}
.featured-posts .entry-header .entry-title a{
	color: #cf2e2e;
}
.featured-posts .entry-header .entry-title a:hover{
	color: #FF364E;
}
	

.featured-posts .entry-header .entry-date {
	display: none;
}

.featured-posts .entry-summary,
.featured-posts .entry-footer {
	display: none;
}

/* -- footer --*/
.footer-wrap{
	background-color: #1E3C5D
}
.footer-widgets ul{
	list-style: none
}

.footer-widgets a{
	color: #fff
}
.footer-widgets a:hover{
	color: #D82D41
}

/* -- qui nous sommes -- */

.sci-column-admins p{
	margin-top: 0;
	margin-bottom: 0;
}

/* -- media & text layout fix: make them all stack with image on top -- */

@media (max-width: 600px){
	#main .entry-content .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{
		grid-template-areas: 
		"media-text-content" 
		"media-text-media";
}
	
	}
}