/*
Theme Name: SAC API
Version: 1.0.0
Text Domain: sac-api
*/
@import url("https://fonts.googleapis.com/css2?family=Alice&family=Lato:wght@400;700&display=swap");

body{
	background-color: #eee;
	font-family: "Lato", sans-serif;
}

.shadow-md{
	-webkit-box-shadow:
		0 1.1px 2.4px rgba(0, 0, 0, 0.027),
		0 3.8px 8px rgba(0, 0, 0, 0.041),
		0 17px 36px rgba(0, 0, 0, 0.07);
	box-shadow:
		0 1.1px 2.4px rgba(0, 0, 0, 0.027),
		0 3.8px 8px rgba(0, 0, 0, 0.041),
		0 17px 36px rgba(0, 0, 0, 0.07);
}

.inner-shadow{
	-webkit-box-shadow: inset 0 .5rem 1rem rgba(0,0,0,.15);
	box-shadow: inset 0 .5rem 1rem rgba(0,0,0,.15);
}
.inner-shadow-md{
	-webkit-box-shadow:
			inset 0 1.1px 2.4px rgba(0, 0, 0, 0.027),
			inset 0 3.8px 8px rgba(0, 0, 0, 0.041),
			inset 0 17px 36px rgba(0, 0, 0, 0.07);
	box-shadow:
			inset 0 1.1px 2.4px rgba(0, 0, 0, 0.027),
			inset 0 3.8px 8px rgba(0, 0, 0, 0.041),
			inset 0 17px 36px rgba(0, 0, 0, 0.07);
}
.inner-shadow-sm{
	-webkit-box-shadow: inset 0 .125rem .25rem rgba(0,0,0,.075)!important;
	box-shadow: inset 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.shadow-xl{
	-webkit-box-shadow:
		0 2.8px 2.2px rgba(0, 0, 0, 0.02),
		0 6.7px 5.3px rgba(0, 0, 0, 0.028),
		0 12.5px 10px rgba(0, 0, 0, 0.035),
		0 22.3px 17.9px rgba(0, 0, 0, 0.042),
		0 41.8px 33.4px rgba(0, 0, 0, 0.05),
		0 100px 80px rgba(0, 0, 0, 0.07);
	box-shadow:
		0 2.8px 2.2px rgba(0, 0, 0, 0.02),
		0 6.7px 5.3px rgba(0, 0, 0, 0.028),
		0 12.5px 10px rgba(0, 0, 0, 0.035),
		0 22.3px 17.9px rgba(0, 0, 0, 0.042),
		0 41.8px 33.4px rgba(0, 0, 0, 0.05),
		0 100px 80px rgba(0, 0, 0, 0.07);
}

.rounded-xl{
	border-radius: 1rem;
}

.rounded-xl-bottom{
	border-radius: 0 0 1rem 1rem;
}
.rounded-xl-top{
	border-radius: 1rem 1rem 0 0;
}

.logo,
.logo{
	padding-left:15px;
	padding-right: 15px;
}

.logo{
	max-width: 280px;
}
.logo img{
	max-width: 100%;
	max-height: 150px;
}

.main-content{
	border-top: 5px solid rgb(0,0,0);
	border-bottom: 5px solid rgb(0,0,0);
}


body .liste-fournisseurs .bg-branding{
	background-color: #666;
}



/*
* 
*  EÉSAD
*
*/
body.entite-eesad .main-content{
	border-color :rgb(0, 86, 149);
}
body.entite-eesad .bg-branding{
	background-color: rgb(0, 86, 149);
}
body.entite-eesad .border-branding{
	border-color: rgb(0, 86, 149);
}
body.entite-eesad .text-branding{
	color: rgb(0, 86, 149);
}



/*
* 
*  CONSORTIUM
*
*/
body.entite-consortium .main-content{
	border-color: #d79705;
}
body.entite-consortium .bg-branding{
	background-color: #d79705;
}
body.entite-consortium .border-branding{
	border-color: #d79705;
}
body.entite-consortium .text-branding{
	color: #d79705;
}



/*
* 
*  	FQCS
*
*/
body.entite-fqcs .main-content{
	border-color :rgb(107, 72, 146);
}
body.entite-fqcs .bg-branding{
	background-color: rgb(107, 72, 146);
}
body.entite-fqcs .border-branding{
	border-color: rgb(107, 72, 146);
}
body.entite-fqcs .text-branding{
	color: rgb(107, 72, 146);
}



/*
* 
*  	FCPQ
*
*/
body.entite-fcpq .main-content{
	border-color :rgb(0,137,174);
}
body.entite-fcpq  .bg-branding{
	background-color: rgb(0,137,174);
}
body.entite-fcpq  .border-branding{
	border-color: rgb(0,137,174);
}
body.entite-fcpq  .text-branding{
	color: rgb(0,137,174);
}



/*
* 
*  	FCCTQ
*
*/
body.entite-fcctq .main-content{
	border-color : #5b790f;
}
body.entite-fcctq .bg-branding{
	background-color: #00187e;
}
body.entite-fcctq .border-branding{
	border-color: #00187e;
}
body.entite-fcctq .text-branding{
	color: #00187e;
}



/*
* 
*  	CDRQ
*
*/
body.entite-cdrq{
	background-color : #F5F2E5;
}
body.entite-cdrq .main-content{
	border-color : #164886;
}
body.entite-cdrq .bg-branding{
	background-color: #164886;
}
body.entite-cdrq .border-branding{
	border-color: #164886;
}
body.entite-cdrq .text-branding{
	color: #164886;
}
body.entite-cdrq .btn-outline-branding{
	color: #164886;
	border-color: #164886;
}
body.entite-cdrq h1.title{
	display: none;
}


/*
* 
*  	FQCF
*
*/
body.entite-fqcf .main-content{
	border-color : #0F8456;
}
body.entite-fqcf .bg-branding{
	background-color: #0F8456;
}
body.entite-fqcf .border-branding{
	border-color: #0F8456;
}
body.entite-fqcf .text-branding{
	color: #0F8456;
}


/*
* 
*  	FCNQ
*
*/
body.entite-fcnq .main-content{
	border-color : #136992;
}
body.entite-fcnq .bg-branding{
	background-color: #136992;
}
body.entite-fcnq .border-branding{
	border-color: #136992;
}
body.entite-fcnq .text-branding{
	color: #136992;
}


/*
* 
*  	CQCH
*
*/
body.entite-cqch .main-content{
	border-color : #17859B;
}
body.entite-cqch .bg-branding{
	background-color: #17859B;
}
body.entite-cqch .border-branding{
	border-color: #17859B;
}
body.entite-cqch .text-branding{
	color: #17859B;
}



section.contenu{
	background-image:url('/wp-content/themes/sac-api/img/background-header.png');
	background-repeat: no-repeat
}
section.contenu .header{
	display: grid;
	grid-template-columns: 300px minmax(auto, 960px) minmax(100px, 250px);
	padding-top: 40px; 
	padding-right: 20px;
}

section.contenu .header .texte{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px;
}

section.contenu .header .image{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
section.contenu .header .image img{
	max-width: 100%;
	height: auto;
}


@media only screen and (max-width: 1600px) {
	section.contenu .header{
		grid-template-columns: 260px minmax(auto, 960px) minmax(100px, 250px);
	}
}

@media only screen and (max-width: 1500px) {
	section.contenu{
		background-size: 200px;
	}
	
	section.contenu .header{
		grid-template-columns: 180px minmax(auto, 960px) minmax(100px, 200px);
	}
}

@media only screen and (max-width: 1200px) {
	section.contenu{
		background-size: 170px;
	}
	
	section.contenu .header{
		grid-template-columns: 160px minmax(auto, 960px) minmax(100px, 150px);
	}
}

@media only screen and (max-width: 1000px) {
	section.contenu{
		background-size: 130px;
	}
	
	section.contenu .header{
		grid-template-columns: 110px minmax(auto, 960px) minmax(100px, 150px);
	}
}

@media only screen and (max-width: 600px) {
	section.contenu{
		background-size: 80px;
		background: none;
	}
	
	section.contenu .header{
		display: block;
	}
	section.contenu .header .texte{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		text-align: center;
	}
	section.contenu .header .image img{
		max-width: 200px;;
	}
}