/*
	Theme Name:Styléo
	Theme URI:http://styleo.fr
	Description:Styléo v3
	Author:Styléo
	Theme URI: http://styleo.fr
	Version:3.0
*/
@charset "UTF-8";
:root {
	--red: #E31818;
	--grey:		#F2F2F2;
	--black:	rgba(0,0,0,1);			--black-9:rgba(0,0,0,0.9);			--black-8:rgba(0,0,0,0.8);			--black-7:rgba(0,0,0,0.7);			--black-6:rgba(0,0,0,0.6);			--black-5:rgba(0,0,0,0.5);			--black-4:rgba(0,0,0,0.4);			--black-3:rgba(0,0,0,0.3);			--black-2:rgba(0,0,0,0.2);			--black-1:rgba(0,0,0,0.1);			--black-0:rgba(0,0,0,0);
	--white:	rgba(255,255,255,1);	--white-9:rgba(255,255,255,0.9);	--white-8:rgba(255,255,255,0.8);	--white-7:rgba(255,255,255,0.7);	--white-6:rgba(255,255,255,0.6);	--white-5:rgba(255,255,255,0.5);	--white-4:rgba(255,255,255,0.4);	--white-3:rgba(255,255,255,0.3);	--white-2:rgba(255,255,255,0.2);	--white-1:rgba(255,255,255,0.1);	--white-0:rgba(255,255,255,0);
	
	--dark: #1A1A1A;
}

/**
 * Tartocitron : surcharge couleurs template styleo-tools
 */
:root{
    --toc-selected-green:#198754;
    --toc-selected-red:#9C1A1A;
}
/*******************
  *      GLOBAL
  *******************/
body{font-size:16px;color:var(--dark);background-color:var(--white);font-family:"DM Sans", sans-serif;font-weight:400;line-height:1.3;}
h1,h2,h3,h4,h5,h6{font-family:"DM Sans", sans-serif;line-height:1;}
h1 {font-size:30px;margin-bottom: 30px;font-weight:600;}
h2 {font-size:27px;margin-bottom: 20px; text-transform: uppercase;font-weight:700;}
h3 {font-size:22px;margin-bottom: 10px;font-weight:700;line-height: 1.1;}
h4 {font-size:24px;font-weight:700;}
h5 {font-size:22px;font-weight:700;}
h6 {font-size:20px;font-weight:700;}
p {margin-bottom:10px;}
a{color:#1e3d82;transition:color 0.3s ease, background-color 0.3s ease;}
a:hover, a:focus {color:var(--black);}
a.link-black {color:var(--dark); text-decoration: none;}
a.link-black:hover, a.link-black:focus {color:var(--red);}

.cursor-pointer {cursor: pointer;}
.minheight-400 {min-height:400px;}
.max-w-900 {max-width: 900px;}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid { max-width: 100%; --bs-gutter-x: 40px;}
.row {--bs-gutter-x: 40px;}
.g-1, .gx-1 {--bs-gutter-x: 10px;}
.g-1, .gy-1 {--bs-gutter-y: 10px;}
.g-2, .gx-2 {--bs-gutter-x: 20px;}
.g-2, .gy-2 {--bs-gutter-y: 20px;}
.g-3, .gx-3 {--bs-gutter-x: 30px;}
.g-3, .gy-3 {--bs-gutter-y: 30px;}
.g-5 {--bs-gutter-x: 50px;--bs-gutter-y: 50px;}
.gy-5 {--bs-gutter-y: 50px;}

.font-16 {font-size:16px;}
.font-18 {font-size:18px;}
.font-20 {font-size:20px;}
.dropdown-menu {--bs-dropdown-min-width: 15.5rem;}

@media (min-width: 1200px) {
	h1 {font-size:40px; line-height: 1.1;}
	h2 {font-size:35px; line-height: 1.1;}

	.container {width: 1352px;}
	.xl-font-20 {font-size:20px;}
}

@media (min-width: 1400px) {
	body {font-size:17px;}
	h1 {font-size:60px; line-height: 1.1;}
	h2 {font-size:40px; line-height: 1.1;}

	.container {width: 1352px;}
}
/*******************
*      BOUTONS
*******************/
/* bootstrap override */
.btn {--bs-btn-bg: var(--white-0);--bs-btn-color: var(--red);--bs-btn-border-color: var(--red);--bs-btn-hover-color: var(--white);--bs-btn-hover-bg: var(--red);--bs-btn-border-radius: 0;--bs-btn-padding-x: 28px; --bs-btn-padding-y: 18px; --bs-btn-line-height: 1; --bs-border-width: 1px;--bs-btn-font-size: 13px;--bs-btn-font-weight: 600; text-transform: uppercase; --bs-btn-line-height: 1.5;}
.btn.btn-blue {--bs-btn-bg: var(--blue);--bs-btn-hover-bg: var(--black);}
.btn.btn-white {--bs-btn-bg: var(--white);--bs-btn-color: var(--dark);}
.leaflet-container a.btn {color: var(--red);}
.leaflet-container a.btn:hover {color: var(--white);}
/**   BACKGROUNDS	**/
.bg-grey {background-color:var(--grey);}

/*******************
*      SUBHEADER
*******************/
.subheader {background:#ececec;}
.subheader.fullheight {min-height:calc(100vh);}

/* RESEAUX SOCIAUX */
.open-sharelinks {cursor:pointer;}
.sharelinks {padding:0;margin:0;list-style-type:none;}
.sharelinks li {display:inline-block;vertical-align:top;margin-right:15px;}
.sharelinks li:last-child {margin-right:0;}
.sharelinks li a {display:inline-block;overflow:hidden;border-radius:100%;}
.sharelinks li span {cursor:pointer;font-size:16px;border-radius:100%;display:inline-block;color:#b0c925;line-height:1;padding:8px 0;text-align:center;min-width:40px;border:4px solid rgba(151,91,189,0.12);}


/*******************
  *     CONTACT
  *******************/
/* Form de contact Gravityforms */
.gform-body {padding: 0;}
.st-wrapper-gform-fields {list-style-type:none;margin:0;padding:0;}
.ginput_container textarea{max-width:100%;min-width:100%;height:70px;}
.ginput_container input,
.ginput_container select,
.ginput_container textarea{box-shadow:none;border-radius:0;font-weight:normal;font-size:16px;color:var(--dark);background-color:var(--white);border:none; border-bottom:solid 1px var(--dark)!important;padding: 11px;width: 100%;line-height: 1;}
.ginput_container select option{background-color:var(--white);border:none;padding:2px 12px;}
.ginput_container input:hover,
.ginput_container input:active,
.ginput_container input:focus,
.ginput_container select:hover,
.ginput_container select:active,
.ginput_container select:focus,
.ginput_container textarea:hover,
.ginput_container textarea:active,
.ginput_container textarea:focus{box-shadow:none;}
.gform_body:before,
.gform_body:after {content:" ";display:table;clear:both;}
.ginput_container textarea {min-height: 70px; border-radius: 0; padding: 11px;}
.gform_body .hidden_label label {display:none!important;}
.gform_footer {margin-top: 20px; padding:0 15px;text-align:center;}
.gform_button{border-radius:0;display:inline-block;text-decoration:none!important;transition:color 0.3s ease,background-color 0.3s ease;line-height:1;background-color:var(--white);border: 1px solid var(--red);color:var(--red);padding:18px 28px;font-size:13px;font-weight: 600; margin-top:0;width:auto;text-transform: uppercase;}
.gform_button:hover,
.gform_button:active,
.gform_button:focus {background-color:var(--red);color:var(--white);}
.gform_validation_errors {margin:0 15px 30px;}
.gform_validation_errors h2 {font-size:16px;margin:0;padding:6px 15px;}
.gfield_label {font-weight: 400; margin-bottom: 8px;}

.ginput_container select {height: 43px;}

.gfield--type-radio .gfield_label {max-width: 45%;}
.gfield--type-radio,
.gfield--type-radio .gfield_radio {display: flex; align-items: center; padding-left: 10px;}
.ginput_container_radio .gfield_radio .gchoice {display: flex;align-items: center; padding-left: 0;flex: 0 0 auto;width: 60%;margin-bottom: 10px;}
.ginput_container_radio .gfield_radio .gchoice input {margin-right: 10px;width: 19px;height: 19px;}

.ginput_container_consent {display: flex;}
.ginput_container_consent input[type='checkbox'] {margin-right: 10px;width: 19px;height: 19px;}

/* Form de contact Gravityforms : Gestion des erreurs */
.validation_error{background-color:rgba(189,69,136,0.1);border:1px solid rgba(189,69,136,0.6);color:rgba(216,0,0,0.6);font-size:16px;padding:0;text-align:center;}
.gform_wrapper .gfield_error .gfield_label{color:#f62459;}
.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,.gform_wrapper .gfield_error textarea{background-color:rgba(216,0,0,0.1);color:#000000;box-shadow:0 0 0 #ffffff!important;}
.gfield{position:relative;}
.gfield .gfield_description.validation_message{color:rgba(216,0,0,0.6);font-size:12px;position:absolute;right:15px;top:-16px;}