/* ----------------------------------------------------------------
	Custom CSS
	Par Webo Zénith
-----------------------------------------------------------------*/

/*=======================================================================
  1. Webfonts 
=========================================================================*/

/* mulish-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/mulish-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/mulish-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/mulish-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/mulish-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/mulish-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/mulish-v12-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: url('../webfonts/mulish-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/mulish-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/mulish-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/mulish-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/mulish-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/mulish-v12-latin-500.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/mulish-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/mulish-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/mulish-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/mulish-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/mulish-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/mulish-v12-latin-700.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: url('../webfonts/mulish-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/mulish-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/mulish-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/mulish-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/mulish-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/mulish-v12-latin-900.svg#Mulish') format('svg'); /* Legacy iOS */
}


/*=======================================================================
  2. Typographies 
=========================================================================*/

body {
	font-family: 'Mulish', sans-serif;
	font-weight: 500;
	/*font-size: 15px;*/
}

h1, h2 {
	letter-spacing: 1px;
}

p {
	letter-spacing: 0.5px;
}


/*=======================================================================
  3. Header Nav
=========================================================================*/

.header-nav a.dropdown-item {
	text-transform: uppercase !important;
	letter-spacing: 1.1px !important;
}

@media (min-width: 992px) {
	#header .header-nav-main.header-nav-main-font-lg nav > ul > li > a {
		font-size: 1rem;
		font-weight: 500;
	}
}

@media (max-width: 991px) {
	html #header.header-transparent .header-nav-main nav {
		padding: 0 15px;
	}
	html #header.header-transparent .header-nav-main:before {
		width: 100vh;
	}
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
		color: #1D1D1B;
		padding: 10px 8px;
	}
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:hover {
		color: #c99d6a;
	}
}

/* Bouton menu mobile */
#header .header-btn-collapse-nav {
    background: #fff;
	color: #c99d6a;
	padding: 0.4rem 0.7rem 0.2rem 0.7rem;
	border-radius: 0.15rem;
}
#header .header-btn-collapse-nav i.icons {
    font-size: 18px;
}

/*=======================================================================
  4. Sticky header
=========================================================================*/

html.sticky-header-active #header .header-body {
	box-shadow: 0px 2px 20px rgb(0 0 0 / 5%) !important;
}

.sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a {
	color: #1D1D1B;
}
.sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a:hover {
	color: #c99d6a;
}


/* TEST réduction logo sticky mobile */
/*
@media (max-width: 551px) {
	.sticky-header-active img.header-logo-sticky {
		height: 40px;
		width: 98px;
	}
}
*/

/*=======================================================================
  5. Footer
=========================================================================*/

#footer {
	margin-top: 0;
}

#footer,
#footer .footer-copyright {
    background: #1d1d1b;
    border-top: none;
}

#footer p,
#footer .footer-copyright p {
	color: #fff;
}

@media (max-width: 575px) {
	#footer .footer-copyright {
		padding-bottom: 50px;
	}
}

/* Copyright */
.footer-copyright a {
	color: #fff !important;
}
.footer-copyright a:hover {
	color: #c99d6a !important;
}

/*=======================================================================
  6. Page Header
=========================================================================*/

.page-header {
    margin: 0;
}

.page-header.page-header-modern.page-header-background.page-header-background-md#page-header-home {
    padding: 300px 0;
}

.page-header.page-header-modern.page-header-background.page-header-background-md {
    padding: 210px 0;
}
@media (max-width: 991px) {
	.page-header.page-header-modern.page-header-background.page-header-background-md#page-header-home {
		padding: 160px 0;
	}
	.page-header.page-header-modern.page-header-background.page-header-background-md {
		padding: 100px 0;
	}
}

/*=======================================================================
  7. Section
=========================================================================*/

section.section {
    margin: 0;
	border-top: none;
	background-color: #fff;
}


/* TEST SECTION PARALLAX - visuels en 1000x700 */
section.section-parallax.custom-lvsl {
	min-height: 580px;
}

/* Ajout pour diminuer effet zoom */
section.section-parallax.custom-lvsl .parallax-background {
	height: 150% !important;
}

@media (max-width: 991px) {
	section.section-parallax.custom-lvsl {
		min-height: 250px;
	}
}


/*=======================================================================
  8. Formulaire
=========================================================================*/

/* label */
form label {
	color: #babab9;
    font-weight: 500;
	letter-spacing: 0.5px;
}
label.form-check-label {
	padding-left: 8px;
}
label.error {
    color: #fff;
	font-size: 0.8em;
	font-weight: 400;
}

/* Fields */
.form-control {
	background-color: transparent;
    border: 1px solid #fff;
	color: #fff;
}
.form-control:focus {
	background-color: transparent;
	color: #fff;
}
.form-check-input {
    width: 1.2em;
    height: 1.2em;
    background-color: transparent;
    border: 1px solid #fff;
}
.form-check-input:focus {
    border-color: #c99d6a;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(230 79 33 / 25%);
}
.form-check-input:checked {
    background-color: #c99d6a;
	border-color: #c99d6a;
}

/* Valid fields */
.form-control.is-valid, .was-validated .form-control:valid {
    color: #fff;
	border-color: #fff;
	background-image: none;
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #ccc;
	box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset;
}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #c99d6a;
}
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 0.25rem rgb(230 79 33 / 25%);
}
.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #c99d6a;
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: #babab9;
}


/* Invalid fields */
.form-control.is-invalid, .was-validated .form-control:invalid {
    color: #fff;
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
    color: #babab9;
}
.form-control.error:focus {
    box-shadow: none;
}

/*=======================================================================
  9. Sidebar Contact
=========================================================================*/

#sidebar-contact {
	padding-left: 2.25rem;
}

@media (max-width: 991px) {
	#sidebar-contact {
		padding-left: 12px;
		padding-top: 3rem;
	}
}

/*=======================================================================
  10. Divers
=========================================================================*/

.border-img-lvsl {
	border: 6px solid #dadada;
}

/* Boutons MODERN STYLE*/

.btn-modern {
    font-size: .9em;
	font-weight: 700;
	letter-spacing: 1px;
}

/* Boutons OUTLINE + EFFECT 7 STYLE */

.btn {
	transition: color 0.5s ease-in-out,background-color 0.3s ease-in-out,border-color 0.5s ease-in-out,box-shadow 0.5s ease-in-out;
	line-height: 1.3; /* fix bug for button with effect7 */
}
.btn-outline {
    text-transform: uppercase;
	font-size: .9em;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 0.8rem 1.5rem;
}

.btn-effect-7:before {
	transition: transform 0.4s cubic-bezier(0.4, 0.3, 0.35, 0.9) 0s !important;
}
.btn-primary.btn-effect-7:before {
	background: #c99d6a;
}


/*=======================================================================
  11. Tarte au Citron - Cookies Banner
=========================================================================*/

#tarteaucitronRoot #tarteaucitronAlertBig {
	padding: 12px 0 12px 0 !important;
	background: #1d1d1b !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
	font-family: 'Mulish', sans-serif !important;
	font-size: 14px !important;
}

span#tarteaucitronDisclaimerAlert {
	display: block !important;
	text-align: center !important;
	padding: 0 10px 15px 10px !important;
}

#tarteaucitronAlertBig button#tarteaucitronPrivacyUrl {
	display: none;
}

@media (max-width: 460px) {
	#tarteaucitronAlertBig #tarteaucitronCloseAlert {
		margin-top: 10px !important;
	}
}

/* Boutons dans bannière */
.tarteaucitronAlertBigBottom .tarteaucitronAllow {
	background: #c99d6a !important;
	border: 1px solid #c99d6a !important;
}
.tarteaucitronAlertBigBottom .tarteaucitronDeny {
	background: #1d1d1b !important;
	border: 1px solid #1d1d1b !important;
}
.tarteaucitronAlertBigBottom #tarteaucitronCloseAlert {
	background: #fff !important;
	border: 1px solid #fff !important;
}