/*
Theme Name: Asso des Maires pour le Civisme
Author: Corentin Stemler
Author URI: https://cos-web.fr
Description: Le thème du site de l'asso des Maires pour le Civisme
Version: 1.0
Text Domain: civisme
*/

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

	.page_size
	{
		max-width: 100%;
		padding: 10px;
	}

}

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

	#header ul li a
	{
		padding: 0 10px;
		font-size: 13px;
	}

	#header #logo
	{
		width: 130px;
		padding-top: 16px;
	}

	.fichier_unit
	{
		flex: 45%;
    	max-width: 45%;
	}

}

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

	body
	{
		padding-top: 0!important;
	}

	#header
	{
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		margin-left: -100%;
		box-sizing: border-box;
		background: rgba(0,0,0,0.9);
		z-index: 999;
		text-align: left;
		color: white;
		padding-top: 40px;
	}

	#header ul
	{
		text-align: center;
		display: block;
	}

	#header ul li
	{
		display: block;
		padding: 20px 0;
		margin: 5px 0;
	}

	#header ul li a
	{
		padding: 25px 0;
		font-size: 18px;
		color: white;
	}

	#header ul li.nav_big
	{
		margin: 15px 0;
	}

	#header ul li.nav_big a
	{
		padding: 10px 8px 10px 30px;
	}

	#header .social
	{
		display: none;
	}

	#header #logo
	{
		display: none;
	}

	#header_mobile
	{
		display: block;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		box-sizing: border-box;
		padding: 15px 10px;
		background: linear-gradient(to bottom, #1C3F5B 0%, rgba(28,63,91,0) 100%);
	}

	#burger, #header #close
	{
		display: block;
	}

	.alignleft, .alignright
	{
		float: none!important;
		display: block!important;
		text-align: center!important;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product
	{
		flex: 1 0 48%;
    	max-width: 48%;
	}

	.woocommerce ul.order_details li
	{
		float: none!important;
		margin-bottom: 15px;
	}

	.bbp-topic-voice-count,
	.bbp-topic-reply-count
	{
		display: none;
	}

	.bbp-topic-started-by,
	.bbp-topic-started-in
	{
		display: none;
	}

	.bbp-topic-title
	{
		width: 65%!important;
		padding: 1%;
	}

}

@media screen and (max-width: 700px) {
	.secretaire_flexbox {
		display: flex;
		flex-direction: column;
    	align-items: center;
	}

	.secretaire_flexbox .secretaire_flexbox_left_item {
		flex-basis: 33.333333%;
		height: 300px;
		max-width: 80%;
	}

	.secretaire_flexbox .secretaire_flexbox_left_item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.secretaire_flexbox .secretaire_flexbox_right_item {
		flex-basis: 66.666666%;
	}

	.secretaire_flexbox .secretaire_flexbox_right_item p {
		padding-top: 4%;
		padding-left: 10%;
		padding-right: 10%;
		text-align: justify;
	}

	.secretaire_flexbox .secretaire_flexbox_right_item h3 {
		text-align: right;
		padding-right: 10%;
		font-size: 15px;
	}
	
	.full_section .full_section_img,
	.full_section .full_section_content
	{
		width: 100%;
	}

	.both_cont
	{
		display: block;
	}

	.full_section
	{
		min-height: 0;
	}

	#home_video
	{
		min-height: 100vh;
	}

	.full_section_img img
	{
	    width: 100%!important;
    	height: auto!important;
	}

	#partenaires_section .not_full .full_section_img
	{
		width: 100%;
	}

	#partenaires_section .not_full .full_section_content
	{
		width: 100%;
	}

	.partenaire_section_logo
	{
		float: none;
		margin: auto;
	}

	.full_mobile
	{
		display: block!important;
	}

	.full_not_mobile,
	.not_mobile
	{
		display: none!important;
	}

	.fonda_unit
	{
	    flex: 100%;
	    max-width: 100%;
	    margin: auto;
	}

	.temoignage_texte
	{
		display: block!important;
	}

	.temoignage
	{
		flex: 50%;
		max-width: 50%;
	}

	#footer_social,
	#footer_newsletter
	{
		width: 100%;
		display: block;
	}

	.full_section.page p,
	.page_content p
	{
		max-width: 90%;
	}

	.portrait,
	.portraits_little .portrait
	{
		flex: none;
		width: 100%;
		max-width: 80%;
		margin: 20px auto;
	}

	.portrait_image,
	.portraits_little .portrait_image
	{
		position: relative;
		height: auto;
	}

	.portrait_texte
	{
		display: block;
		padding: 40px;
		border-bottom: 4px solid white;
	}

	.portraits_little .portrait_texte *
	{
		font-size: 15px;
	}

	.pre_legende
	{
		padding-top: 0;
		padding-bottom: 0;
		min-height: 0;
	}

	.legende_carte
	{
		margin-top: -10vw;
		min-height: 0;
	}

	#carte_france_cont
	{
		margin-top: -10vw;
	}

	.pre_legende.full_mobile h2
	{
		margin-top: 0;
		padding-top: 50px;
	}

	#flux_video .unit_video
	{
		width: 100%!important;
		margin-left: 0!important;
	}

	#flux_video .unit_video iframe
	{
		height: calc(100vw * 0.5625);
	}

	.petite_image
	{
		flex: 33.33%;
    	max-width: 33.33%;
	}

	.partenaire_section
	{
		flex: 90%;
		max-width: 90%;
		margin: auto;
	}

	.media_cat_action_fichier_cont
	{
		display: block;
	}

	.media_cat_action_fichier.fichier_unit.big_file
	{
		display: none;
	}

	.fichier_unit
	{
		max-width: 100%;
	}

	.full_section img.picto_carte
	{
		width: 10px!important;
	}

	.partenaire_defini_img
	{
		width: 100%;
		height: 300px;
	}

	.partenaire_defini_texte
	{
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}

	.partenaire_defini:first-child .partenaire_defini_texte
	{
		padding: 30px 10px;
	}

	.partenaire_defini
	{
		display: block;
	}
	
	#francemap {
		height: 500px;
	}
}

@media screen and (min-width: 701px) {
	.fichier_unit h3
	{
		font-size: min(16px,1.2vw);
	}

	.secretaire_flexbox {
		display: flex;
		background-color: rgb(255,255,255,0.1);
		align-items: center;
	}

	.secretaire_flexbox .secretaire_flexbox_left_item {
		flex-basis: 33.333333%;
		height: min(300px,100%);
		max-width: 500px;
	}

	.secretaire_flexbox .secretaire_flexbox_left_item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.secretaire_flexbox .secretaire_flexbox_right_item {
		flex-basis: 66.666666%;
	}

	.secretaire_flexbox .secretaire_flexbox_right_item p {
		padding-top: 4%;
		padding-left: 10%;
		padding-right: 10%;
		text-align: justify;
	}

	.secretaire_flexbox .secretaire_flexbox_right_item h3 {
		text-align: right;
		padding-right: 10%;
	}
	
	.full_section .full_section_img,
	.full_section .full_section_content
	{
	}

	.full_section_flex
	{
		display:flex;
		min-height: 80vh;
	}
	
	.full_section_flex_font p
	{
		font-size: min(max(16px, 1.1vw), 20px);
		line-height: inherit;
	}

	#home_video
	{
	}

	.full_section_img img
	{
		width:100%;
		height: 100%;
		object-fit:cover;
	}

	.full_mobile
	{
	}

	.full_not_mobile,
	.not_mobile
	{
	}

	.fonda_unit
	{
	}

	.temoignage_texte
	{
	}

	.temoignage
	{
		flex: 50%;
		max-width: 50%;
	}

	#footer_social,
	#footer_newsletter
	{
	}

	.full_section.page p,
	.page_content p
	{
	}

	.portrait,
	.portraits_little .portrait
	{
	}

	.portrait
	{
		overflow: hidden;
	}

	.portrait_image img
	{
		object-fit: cover;
		height: 100%;
	}

	.portrait_image,
	.portraits_little .portrait_image
	{
	}

	.portrait_texte
	{
	}

	.portraits_little .portrait_texte *
	{
	}

	.pre_legende
	{
	}

	.legende_carte
	{
	}

	#carte_france_cont
	{
	}

	.pre_legende.full_mobile h2
	{
	}

	#flux_video .unit_video
	{
	}

	#flux_video .unit_video iframe
	{
	}

	.petite_image
	{
	}

	.partenaire_section
	{
	}

	.partenaire_defini_texte img
	{
		position: absolute;
		bottom: 15px;
		right: 0;
	}
	
	#francemap {
		height: 900px;
		min-height: 610px;
		max-height: 900px;
	}
}