/*
Theme Name: Les Flibustiers Child Theme
Description: Theme enfant de Divi par Les Flibustiers
Author: Les Flibustiers
Author URI: https://www.les-flibustiers.fr.fr
Template: Divi
Version: 1.1
*/
/* CENTRER DU CONTENU VERTICALEMENT */
.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}
/*INVERSER LE SENS DES COLONNES SUR MOBILE*/
@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

/*MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer*/
.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}
/*AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA*/
.et_pb_contact_right p input {
	max-width: 50px;
}
/* METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE*/
sup, sub {
    font-size: 70%;
}
/*STYLES*/
body {
	color: black;
	font-family: "gill-sans-nova", Helvetica, Arial, Lucida, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #585858;
	font-size: 16px;
	line-height: 1.5;
}

h1 {
	font-family: "Gill sans bold", Helvetica, Arial, Lucida, sans-serif;
	color:#cb0051 !important;
	font-size: 26px !important;
	font-weight: 700;
	text-transform: uppercase;
  }

h2 {
	font-family: "Amatic SC", handwriting;
	text-align: center;
	color:#cb0051;
	font-size: 76px;
    font-weight: 700;
}

.h2-gill h2 {
	font-family: "Gill sans bold", Helvetica, Arial, Lucida, sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4em;
	margin-top: 20px;
}

@media (max-width: 980px) {
	.h2-gill h2 {
		font-size: 20px!important;
	}
}

h3 {
	font-family: "Gill sans bold", Helvetica, Arial, Lucida, sans-serif;
	color:#cb0051;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4em;
	margin-top: 20px;
    }

h4 {
	font-size: 16px;
	color: #585858;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4em;
}

h5 {
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
}

/* filet rose gauche frg */
@media screen and (min-width: 980px) {
.frg {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
		.frg span {
	  background: #fff;
	  margin: 0 15px;
	}
		.frg:before {
	  background: #cb0051;
		margin-bottom: 0px;
		margin-right: 20px;
	  height: 1px;
	  flex: 1;
	  content: '';
	}
		.frg:after {
	  background: #FFFFFF00;
		margin-bottom: 0px;
		margin-right: -4px;
	  height: 1px;
	  flex: 1;
	  content: '';
	}
		.frg.left:after {
	  background: none;
	}
		.frg.right:before {
	  background: none;
	}
/* filet rose droit frd */
.frd {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.frd span {
	  background: #fff;
	  margin: 0 15px;
	}
	.frd:before {
	  background: #FFFFFF00;
	margin-bottom: 0px;
		margin-right: -4px;
	  height: 1px;
	  flex: 1;
	  content: '';
	}
	.frd:after {
	  background: #cb0051;
	margin-bottom: 0px;
		margin-left: 20px;
	  height: 1px;
	  flex: 1;
	  content: '';
	}
	.frd.left:after {
	  background: none;
	}
	.frd.right:before {
	  background: none;
	}

	/* filet rose droit + frd2 */
.frd2 {
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .frd2 span {
	background: #fff;
	margin: 0 15px;
  }
  .frd2:before {
	background: #FFFFFF00;
  margin-bottom: 10px;
	  margin-right: -4px;
	height: 1px;
	flex: 1;
	content: '';
  }
  .frd2:after {
	background: #cb0051;
  margin-bottom: 10px;
	  margin-left: 20px;
	height: 1px;
	flex: 1;
	content: '';
  }
  .frd2.left:after {
	background: none;
  }
  .frd2.right:before {
	background: none;
  }
}
	/* filet blanc gauche fbg */
@media screen and (min-width: 980px) {
	.fbg {
		  display: flex;
		  align-items: center;
		  justify-content: center;
		}
			.fbg span {
		  background: #FFFFFF00;
		  margin: 0 15px;
		}
			.fbg:before {
		  background: white;
			margin-bottom: 0px;
			margin-right: 20px;
		  height: 1px;
		  flex: 1;
		  content: '';
		}
			.fbg:after {
		  background: #FFFFFF00;
			margin-bottom: 0px;
			margin-right: -4px;
		  height: 1px;
		  flex: 1;
		  content: '';
		}
			.fbg.left:after {
		  background: none;
		}
			.fbg.right:before {
		  background: none;
		}
	/* filet blanc droit fbd */
	.fbd {
		  display: flex;
		  align-items: center;
		  justify-content: center;

		}
		.fbd span {
		  background: #FFFFFF00;
		  margin: 0 15px;
		}

		.fbd:before {
		  background: #FFFFFF00;
		margin-bottom: 0px;
			margin-right: -4px;
		  height: 1px;
		  flex: 1;
		  content: '';
		}
		.fbd:after {
		  background: white;
		margin-bottom: 0px;
			margin-left: 20px;
		  height: 1px;
		  flex: 1;
		  content: '';
		}
		.fbd.left:after {
		  background: none;
		}
		.fbd.right:before {
		  background: none;
		}
	/* filet gris gauche fgg */
	.fgg {
		display: flex;
		align-items: center;
		justify-content: right;
	}
	.fgg span {
		background: #fff;
		margin: 0 15px;
		  }
	.fgg:before{
		background: #585858;
		height: 1px;
		margin-right: 20px;
		margin-bottom: 15px;
		flex: 1;
		content: '';
		  }
	.fgg.left:after {
		background: none;
		  }
	.fgg.right:before {
		background: none;
		  }

/* filet gris droit fgd */
	.fgd {
		display: flex;
		align-items: center;
		justify-content: left;
	}
	.fgd span {
		background: #fff;
		margin: 0 15px;
		  }
	.fgd:after{
		background: #585858;
		height: 1px;
		margin-left: 20px;
		margin-bottom: 15px;
		flex: 1;
		content: '';
		  }
	.fgd.left:after {
		background: none;
		  }
	.fgd.right:before {
		background: none;
		  }
}
 /* customisation contact form (candidature) */
 .wpcf7 button, input, select, textarea {
    font-family: inherit;
    font-size: 1em;
    font-weight: 500;
}

.wpcf7 input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
    background-color: #fff;
    border: 1px solid #cb0051;
    padding: 10px;
    color: #4e4e4e;
    border-radius: 10px;
}

 /* customisation contact form - normal */
 span.wpcf7-list-item { display: block; }

 .wpcf7-submit
 {
	color: #CB0051 !important;
	border-width: 1px !important;
	border-color: #CB0051;
	border-radius: 10px;
	letter-spacing: 2px;
	font-size: 14px;
	font-family: 'Gill sans bold',Helvetica,Arial,Lucida,sans-serif !important;
	text-transform: uppercase !important;
	background-color: #ffffff;
	padding: 15px 15px 13px 15px;
	cursor: pointer;
 }

 .wpcf7-submit
 {
	color: #CB0051 !important;
	border-width: 1px !important;
	border-color: #CB0051;
	border-radius: 10px;
	letter-spacing: 2px;
	font-size: 14px;
	font-family: 'Gill sans bold',Helvetica,Arial,Lucida,sans-serif !important;
	text-transform: uppercase !important;
	background-color: #ffffff;
	padding: 15px 15px 13px 15px;
	cursor: pointer;
	transition-duration: 0.5s
 }


 .wpcf7-submit:hover
 {
	color: white !important;
	background-color: #CB0051 !important;
	border-width: 1px !important;
	border-color: #CB0051;
 }

/*Ombre décalée images*/
.ombre-image-gauche
{
	filter: drop-shadow(-30px 30px 0px #ccb3aa);
}

.ombre-image-gauche-rose
{
	filter: drop-shadow(-30px 30px 0px #dba5c5);
}

.ombre-image-gauche-violet
{
	filter: drop-shadow(-30px 30px 0px #7a153f);
}

.ombre-image-droite
{
	filter: drop-shadow(30px 30px 0px #ccb3aa);
}

.ombre-image-droite-rose
{
	filter: drop-shadow(30px 30px 0px #dba5c5);
}

.ombre-image-droite-violet
{
	filter: drop-shadow(30px 30px 0px #7a153f);
}
/*Mettre le logo recaptcha google au dernier plan*/
.grecaptcha-badge {
	z-index: -100 !important;
	bottom: 10px !important;
}
/*Gridbuilder actualités*/
.wp-grid-builder .wpgb-card-5 .wpgb-block-2,
.wp-grid-builder .wpgb-card-5 .wpgb-block-3,
.wp-grid-builder .wpgb-card-5 .wpgb-block-4,
.wp-grid-builder .wpgb-card-6 .wpgb-block-2,
.wp-grid-builder .wpgb-card-6 .wpgb-block-3,
.wp-grid-builder .wpgb-card-6 .wpgb-block-4 {
    font-size: 16px!important;
}
.wpgb-grid-12 .wpgb-next-button, .wpgb-grid-12 .wpgb-prev-button {
	position: relative!important;
  }
  .wpgb-grid-12 .wpgb-prev-button {
	left: -40px!important;
  }
  .wpgb-grid-12 .wpgb-next-button {
	right: -40px!important;
  }
  @media screen and (max-width: 980px) {
	.wp-grid-builder .wpgb-card-6 .wpgb-card-inner {
    margin: 0px 0px 40px 0px!important;
	}
}

/* customisation bandeau infos latéral */
.banner-infos .wp-grid-builder .wpgb-card .wpgb-card-wrapper {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	margin: auto 30px !important;
	align-items: center !important;
}
.banner-infos .wp-grid-builder .wpgb-card .wpgb-card-wrapper .wpgb-card-inner {
	height: auto !important;
}
.banner-infos .wp-grid-builder .wpgb-card .wpgb-card-wrapper .wpgb-card-inner .wpgb-card-header {
	margin-top: 0 !important;
}
.banner-infos .wp-grid-builder .wpgb-card .wpgb-card-wrapper .wpgb-card-inner .wpgb-card-header .wpgb-block-2 {
	width: 100% !important;
}