/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
body { font-family: Montserrat; font-size: 16px; font-weight: 600px; background-color: #FFF; }
.arrondisVersBas { border-radius: 0px 0px 100px 100px; background: #FFF; z-index: 100; position: relative; /* so that z-index is taken into account - default was "static" */ }
/* .arrondisVersBasSansFond { border-radius: 0px 0px 100px 100px; } */
.arrondisVersHaut { border-radius: 100px 100px 0px 0px; background: #FFF; z-index: 100; position: relative; /* so that z-index is taken into account - default was "static" */ }
h1 { font-family: Montserrat; /* font-size: 64px; */ font-size: 3.333vw; font-weight: 900; color: #0082ca; }
h2 { font-family: Montserrat; /* font-size: 45px; */ font-size: 2.344vw; font-weight: 900; }
h3 { font-family: Montserrat; /* font-size: 30px; */ font-size: 1.563vw; font-weight: 800; }
h4 { font-family: Montserrat; /*	font-size: 26px; */ font-size: 1.354vw; font-weight: 800; color: #FFF; }
h5 { font-family: Montserrat; /*	font-size: 22px; */	font-size: 1.146vw;	font-weight: 800; color: #FFF; }
h6 { font-family: Montserrat; /*	font-size: 20px; */	font-size: 1.042vw;	font-weight: 500; color: #FFF; }
li, .texteLi { font-family: Montserrat; /*	font-size: 20px; */	font-size: 1.042vw;	font-weight: 500; color: #FFF; margin: 15px 0; }
.contenuColonne { /* font-size: 24px; */ font-size: 1.25vw;	font-weight: 500; }
.texte20 { /* font-size: 20px; */ font-size: 1.042vw;	font-weight: 500; }
.zindexbas { z-index: 50; position: relative; /* so that z-index is taken into account - default was "static" */ }
.blanc { color: #FFF; }
.icone-cliquable {
	cursor: pointer;
}

@media (max-width: 1200px) {
	h1 { font-size: 4vw; }
	h2 { font-size: 2vw; }
	h3 { font-size: 1.8vw; }
	h4 { font-size: 1.6vw; }
	h5 { font-size: 1.3vw; }
	h6 { font-size: 1.2vw; }
	li, .texteLi { font-size: 1vw; }
	.contenuColonne { font-size: 1.4vw; }
	.texte20 { font-size: 1.2vw; }
}

@media (max-width: 992px) {
	.arrondisVersBas { border-radius: 0px 0px 0px 0px; z-index: auto; position: static; }
	.arrondisVersHaut { border-radius: 0px 0px 0px 0px; z-index: auto; position: static; }
	.zindexbas { z-index: auto; position: static; }
	body { font-size: 15px; }
	h1 { font-size: 26px; }
	h2 { font-size: 22px; }
	h3 { font-size: 18px; }
	h4 { font-size: 17px; }
	h5 { font-size: 16px; }
	h6 { font-size: 16px; }
	li, .texteLi { font-size: 15px; }
	.contenuColonne { font-size: 15px; }
	.texte20 { font-size: 18px; }
}

@media (max-width: 768px) {
	body { font-size: 14px; }
	h1 { font-size: 24px; }
	h2 { font-size: 21px; }
	h3 { font-size: 18px; }
	h4 { font-size: 17px; }
	h5 { font-size: 16px; }
	h6 { font-size: 16px; }
	li, .texteLi { font-size: 14px; }
	.contenuColonne { font-size: 14px; }
	.texte20 { font-size: 17px; }
}