/*
 Theme Name:     Commune de Bière by ftzstudio.co
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         ftzstudio - Sarah Faillétaz
 Author URI:     https://ftzstudio.co
 Template:       Divi
 Version:        2022
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* Global Colors */

:root {
	--bleu: #070058;
	--beige: #F2E9D8;
	--orange: #FF8B16;
	--gris: #303030;
	--blanc: #FFFF;
	
}

/* Text Module */

.biere-text h1,
.biere-text h2,
.biere-text h3,
.biere-text h4,
.biere-text h5,
.biere-text h6 {
    padding-bottom: .75em;
}

.biere-text h1:not(:first-child),
.biere-text h2:not(:first-child),
.biere-text h3:not(:first-child),
.biere-text h4:not(:first-child),
.biere-text h5:not(:first-child),
.biere-text h6:not(:first-child) {
    padding-top:1.25em;
}

.biere-text ul li,
.biere-text ol li {
    padding-bottom: .5em;
}

.biere-text p:last-of-type {
    padding-bottom: 1em;
}

.biere-text p:last-child {
    padding-bottom: 0;
}

.biere-text blockquote p:last-of-type {
	padding-bottom:0;
}

.biere-text blockquote {
    background: var(--beige);
    padding: 25px 35px;
}

.biere-text blockquote {
    position:relative;
}

.biere-text blockquote:before {
    content: '“';
    position: absolute;
    font-size: 5em;
    top: .15em;
    left: 0;
    color:var(--orange);
}

.biere-text blockquote:after {
    content: '”';
    position: absolute;
    font-size: 5em;
    bottom: -0.45em;
    right: 0.25em;
    color:var(--orange);
}

/* Buttons */
.biere-btn.et_pb_button {
    line-height: 1!important;
}

/* 
______________________
   
   Header
______________________

*/
   
/* Column alignment */
#biere-header .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Mega Menu - style des menus insérés dans les mega menu */
.biere-header-mega-menu .et-menu {
	display: block!important;
}

/* Mobile Header Structure & Menu */
@media (max-width:980px) {
	#biere-header .et_pb_row {
        display: flex;
        align-items:center;
    }
	
	 #biere-header .et_pb_column {
        margin-bottom:0;
    }
	
	 #biere-header .et_pb_column:nth-child(1) {
        order:1;
    }
    #biere-header .et_pb_column:nth-child(2) {
        order:3;
    }
    #biere-header .et_pb_column:nth-child(3) {
        order:2;
    }
	
	#biere-header .et_pb_menu__wrap {
        justify-content:flex-end;
    }
	
/* Mega Menu - style des menus insérés dans les mega menu en version Mobile */
	@media (max-width:980px) {
		.biere-header-mega-menu .et_mobile_nav_menu {
		display: none;
		}
		.biere-header-mega-menu .et_pb_menu__menu,
		.biere-header-mega-menu .et_pb_menu__wrap {
		display: block;
		}
		
	@media(max-width:320px) {
	.biere-header-mega-menu .et_pb_text {
		padding:0!important;
		background:none;
	}
	.biere-header-mega-menu .et_pb_button {
		transform:scale(0.75);
		margin-bottom:50px;
			}
		}
	}
}

/*
______________________
   
   BLOG
______________________

*/
.et_pb_module .et_pb_post {
    display: flex;
    flex-direction: column;
}

.et_pb_module .et_pb_post .post-meta {
    order: 1;
}

.et_pb_module .et_pb_post .entry-title {
    order: 2;
}

.et_pb_module .et_pb_post .post-content {
    order: 3;
}

/* Supprimer espace entre la date et l'image du module Blog */
.biere-blog-evenement .et_pb_image_container {
  margin-bottom: 0px;
}

/*
______________________
   
   HOME
______________________

*/

/* Alignement thèmes les plus recherchés */ 

.biere-home-themes .et_pb_column {
        display: flex;
        align-items: bottom;
		justify-content: space-between;
    }