::selection { background: #EF94BC; color: #fff; text-shadow: none; }

/*Gerald*/
.color-overlay {
  position:relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3); /* Rouge avec 40% d'opacité */
  pointer-events: none; /* Pour laisser passer les clics à l'image */
}
._blurred-background {
  background-color: rgba(20, 20, 20, 0.3); /* translucent background */
  backdrop-filter: blur(5px); /* blur behind the element */
  -webkit-backdrop-filter: blur(5px); /* for Safari */
  border-radius: 15px; /* optional rounded corners */
  padding: 15px;
}
#navbarlogo {
  transition: opacity 0.6s ease-in-out;
  opacity: 0;  /*état initial transparent */
}
#izzielogo{
  transition: opacity 0.6s, transform 0.6s ease-in-out;
  opacity:1; /* état initial visible*/
}
._color{
  color: #ECECEC;
}
._textshadow{
  text-shadow: 1px 1px 1px black;
  font-family: "Tangerine", "Roboto", sans-serif;
  width: calc(100% + 40px);        /* Déborde le .row */
  margin-left: 50%;   /* Place le coin gauche au milieu du .row */
  transform: translateX(-50%); /* Réaligne le centre du paragraphe sur le centre du .row */
  text-align: center; /* Centre le texte à l'intérieur */
  }

.img-responsive {
  width: 100%;
}
.img-naturo {
  width: 50%;
  }
.img-naturo-bis {
  width: 20%;
}
._imglogo {
  position: absolute;
  top: 70px;
  left: 50px;
  max-width: 240px;
  height: auto;
}
#izzienaturolg {
  margin-top: 5%;
  opacity: 1; /* visible par défaut */
  transition: opacity 0.6s ease-in-out;
}
/*formulaire de contact*/
.error-message {
  display: none;
  margin-top: 10px;
}
.success-message {
  display: none;
  margin-top: 10px;
}

/* Pour les petits écrans : caché au départ */
@media (max-width: 767.98px) {
  #izzienaturolg {
    margin-top: 80px;
    opacity: 1; /* visible sur les smartphones */
  }
  ._textshadow{
  width: calc(100% + 40px);        /* Déborde le .row */
  margin-left: 50%;   /* Place le coin gauche au milieu du .row */
  transform: translateX(-50%); /* Réaligne le centre du paragraphe sur le centre du .row */
  text-align: center; /* Centre le texte à l'intérieur */
  }
}


/* Centrer le logo pour les petits écrans */
@media (max-width: 767.98px) {
  ._imglogo {
    position: absolute; /* désactive absolute */
    display: block;
    margin: 20px 0px 5px 20px !important;
    max-width: 60%;
    height: auto;
  }
  #navbarlogo {
  transition: opacity 0.6s ease-in-out;
  opacity: 1;  /*état initial visible sur les smartphones */
  }
}

@media (min-width: 768px) {
  .img-responsive {
    width: 50%;
  }
  .img-naturo {
  width: 85%;
  }
  .img-naturo-bis {
  width: 7%;
  }
}
/*FIN MODIFS GERALD*/

/* Fonts */
body {
  font-family: 'Lato','Montserrat','Roboto', sans-serif;
  font-weight: 300;
  color: #444;
}
    .lato {
      font-family: 'Lato', sans-serif;
    }
    .montserrat {
      font-family: 'Montserrat', sans-serif;
    }

h1, h2 { font-weight: 100 !important; color: #555;font-family: Montserrat; }
h3 { font-weight: 300 !important; color: #555; font-family: Montserrat;}

/* Links */
a {
  color: #EF94BC;
  text-decoration: none;
  transition: all .15s ease-in-out;
}
a:hover,
a:focus { color: #898C40; }

/* Buttons - restyling Bootstrap buttons with only simple CSS, no CSS variables (custom properties) */
.btn.azm-btn-primary {
  background-color: #86A538;
  border-color: #3D3D3D;
  font-weight: 300;
}

.btn.azm-btn-primary:hover { background-color: #898C40; border-color: #898C40; box-shadow: none; }
.btn.azm-btn-primary:active { background-color: #898C40; border-color: #898C40; box-shadow: none; }
.btn.azm-btn-primary:focus { background-color: #898C40; border-color: #898C40; color: #fff; box-shadow: none; }
.btn.azm-btn-primary:active:focus { background-color: #898C40; border-color: #898C40; color: #fff; box-shadow: none; }

.btn.azm-btn-primary:focus-visible {
  background-color: #898C40;
  border-color: #898C40;
  box-shadow: none;
}

.btn.azm-btn-light {
  background-color: #fff;
  border-color: #fff;
  font-weight: 300;
  color: #555;
}

.btn.azm-btn-light:focus {
  background-color: #ddd;
  border-color: #ddd;
  color: #555;
  box-shadow: none;
}

.btn.azm-btn-light:hover,
.btn.azm-btn-light:active,
.btn.azm-btn-light:active:focus,
.btn.azm-btn-light:focus-visible {
  background-color: #ddd;
  border-color: #ddd;
  color: #555;
  box-shadow: none;
}

.btn-close:focus { box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, .2); }


/* Custom utility classes */

.azm-spacer {}

.azm-divider { width: 200px; border-bottom: 3px dashed #ddd; }

.azm-color-444 { color: #444; }
.azm-color-555 { color: #555; }
.azm-color-666 { color: #666; }
.azm-color-888 { color: #888; }
.azm-color-EF94BC { color: #EF94BC; }
.azm-color-ccc { color: #ccc; }
.azm-grey { color: #aaa; }

.azm-font-size-1-15 { font-size: 1.15rem; }

.azm-line-height-2-5 { line-height: 2.5rem; }

.azm-border-dashed { border-bottom: 1px dashed; }
.azm-border-dotted { border-bottom: 1px dotted; }

.azm-grey-background { background-color: #f8f8f8; }
.azm-grey-background01{background-color:#EFEFEF}
.azm-background-3d3d3d { background-color: #3d3d3d; }
.azm-background-444 { background-color: #444; }
.azm-background-EF94BC { background-color: #EF94BC; }

.azm-list-style-none { list-style: none; }

.divider {
  width: 200px;
  border-bottom: 1px dotted #aaa;
}

.divider-white {
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.8);
}


/* Navbar */
.navbar.bg-dark.azm-navbar {
  background-color: #3d3d3d !important;
  transition: all .6s ease-in-out;
}

.navbar.bg-dark.azm-navbar.azm-navbar-transparency { 
  background-color: transparent !important; 
}

.navbar.bg-dark.azm-navbar .dropdown-menu { background-color: #3d3d3d; }

.azm-navbar .navbar-brand {
	width: 250px;
	height: 55px;
	/*background: url(assets/logo.png) left center no-repeat;*/
  background: url(assets/images/izzie/izzienaturo_grey80.png) left center no-repeat;
	text-indent: -99999px;
}

.azm-navbar .navbar-nav .nav-link {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.azm-navbar .dropdown-menu { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }


/* Header */
#header {
  background-image: url(assets/images/izzie/696496.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
._headertext{
  color: #f7f7f7 !important;
}


/* Main Features */
#features .icon,._icon {
  width: 80px;
  height: 80px;
  border: 1px solid #86A538;
  font-size: 40px;
  color: #86A538;
  line-height: 78px;
  text-align: center;
  border-radius: 50%;
  transition: all .3s ease-in-out;
}

#features .icon:hover { background: #EF94BC; color: #fff; }


/* Video */
#video a.azm-border-dotted:hover,
#video a.azm-border-dotted:focus { border: 0; }


/* More features */
.more-features-icon {
  width: 60px;
  height: 60px;
  background: #EF94BC;
  font-size: 28px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
}


/* How it works */
#how-it-works {
  background-image: url(assets/images/izzie/imgg-od3-2aqj_g5a_02.jpg);
  background-color: #EFEFEF;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.how-it-works-number {
  width: 60px;
  height: 60px;
  background: #86A538;
  font-size: 28px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
}


/* Call to action */
#call-to-action {
  background-image: url(assets/bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/* Prices */
#prices .table th {
  border-bottom: 1px dashed #eee;
}

#prices .table { box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); }

.price-number strong { font-weight: 500; }


/* About Us */
#about-us .about-us-photo { width: 90%; }

#about-us .about-us-role {
    bottom: 10px;
    right: -10px;
    font-size: 0.9rem;
}

.about-us-social a:hover,
.about-us-social a:focus { color: #EF94BC; outline: 0; }


/* Testimonials */
#testimonials {
  background-image: url(assets/bg-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#testimonials .tab-pane a {
  color: #fff;
  border-bottom: 1px dotted #fff;
  border-color: rgba(255, 255, 255, .75);
}

#testimonials .tab-pane a:hover,
#testimonials .tab-pane a:focus { border: 0; }

#testimonials .nav-pills .nav-item a { opacity: 0.6; width: 80px; }

#testimonials .nav-pills .nav-item a.active { opacity: 1; }

#testimonials .nav-pills .nav-item a:hover,
#testimonials .nav-pills .nav-item a:focus { opacity: 1; }

#testimonials .nav-pills .nav-item a img { transition: all .15s ease-in-out; }

#testimonials .nav-pills .nav-item a.active img,
#testimonials .nav-pills .nav-item a:hover img,
#testimonials .nav-pills .nav-item a:focus img {
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}


/* Contact */
#contact {
  background-image: url(assets/images/izzie/696499.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#contact form {
  background:#ECECEC;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  border-radius: 10px;
}
}

#contact form .form-control,
#contact form .form-control:focus {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666;
  font-weight: 300;
}

#contact form .form-control:focus {
  border-color: #EF94BC;
  box-shadow: none;
}

#contact form .form-control::placeholder { color: #aaa; font-style: italic; font-weight: 300; }

#contact form .invalid-feedback { width: 200px; top: 0; right: 0; color: #ff5a56; }


/* Pre Footer */
.pre-footer-contact-info i { color: #888; vertical-align: middle; }

.pre-footer-social a { color: #888; }

.pre-footer-social a:hover,
.pre-footer-social a:focus { outline: 0; color: #EF94BC; }


/* Footer */
footer a.azm-border-dotted:hover,
footer a.azm-border-dotted:focus { outline: 0; color: #fff; }

.to-top a:hover,
.to-top a:focus { outline: 0; color: #fff; }



/* Media queries */

@media (max-width: 991px) {
	
  .navbar.bg-dark.azm-navbar.azm-navbar-transparency { background-color: #3d3d3d !important; }
  #header{background-position: 23% 60px !important;}
  #how-it-works{background-position: 20% 30%;}

@media (min-width: 992px) and (max-width: 1199px) {
	
	#header .display-5 i { font-size: 2.5rem; }

	#features .icon { width: 60px; height: 60px; font-size: 28px; line-height: 58px; }
	
	.how-it-works-number { width: 50px; height: 50px; font-size: 20px; line-height: 50px; }
		
}

@media (min-width: 768px) and (max-width: 991px) {

	#features .icon { width: 50px; height: 50px; font-size: 20px; line-height: 48px; }
	
	.more-features-icon { width: 50px; height: 50px; font-size: 20px; line-height: 50px; }
	
	.how-it-works-number { width: 30px; height: 30px; font-size: 20px; line-height: 30px; }

}

@media (max-width: 400px) {
	
	#contact form .invalid-feedback { width: 140px; }

}

/* Retina-ize images/icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
  /* logo */
  .azm-navbar .navbar-brand {
    background-image: url(assets/images/izzie/izzienaturo_grey80.png) !important; background-repeat: no-repeat !important; background-size: 230px 50px !important;
  }
	
}