/*
Theme Name: Ophtalmologue
Author: deolys
Description: Thème Ophtalmologue
Version: 1.5.2
*/


body {
  padding-top: 70px; /* pour compenser la hauteur du menu fixe */
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  
}

h1{
font-size: 2.4em;
  font-weight: 700;
 
  padding: 0.8em;
  text-transform: uppercase;
}

h1,h2,h3,h4,h5{
color: #071a48;
padding:0.5em 0;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background-color: #fff;
  padding:5px 0;
}

.menu-item {
  padding: 0 20px;
}

.navbar .dropdown-menu{  
  max-width: 250px;
  background-color: #0C59DB;
  border-radius: inherit;
  border: none;  
}

.navbar .dropdown-menu:hover{
  opacity: 1;
  top: 100%;
  visibility: visible;
}


.navbar .dropdown-menu a{
color:#fff;
}
.navbar .navbar-nav {
  margin: 0 auto;
}
.navbar .dropdown-menu .menu-item:hover { 
  background: #fff;
}

.navbar.nav-link {
  color: #000 !important;
  font-size: 1.2em;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #ccccff !important;
}

.navbar-brand {
  color: #000 !important;
}

.navbar.sticky-top{
box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
}

.HeaderMenuContact{
  background: #0C59DB;
  padding: 0 20px;
  border-radius: 2em;
}
.HeaderMenuContact .nav-link {
  color: #fff !important;  
}

.navbar-brand img{
	max-height:70px;
}


/* Style des images dans les sous-menus */
.menu-image img {
  display: block;
  margin: 0.5rem auto;
  max-width: 100px;
  height: auto;
}


.navbar-toggler{
	border: var(--bs-border-width) solid #000;
}

footer{
background: url(assets/images/footer.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 120px 0 33px;
  position: relative;
}


footer .textwidget {
  display: flex;
  flex-wrap: wrap;
}

footer .textwidget li {
  list-style: none;
  margin-bottom: 11px;
}

footer .textwidget h6 {
  font-size:1.2em;
  color:#fff;
  font-weight:700;
}

footer .textwidget a {
  color:#fff;
  text-decoration:none;
}

/*
footer{
	display: flex !important;
    flex-basis: auto;
}

footer div{
	flex-direction: row;
  display: inline-flex;
}

footer .textwidget ul > li {
    display: inline-block;
    padding: 0 2em;
}

footer .textwidget ul > li a {
    color:#555;
	text-decoration: none;
}
footer .textwidget ul > li a:hover{
    color:#ddd;	
}
*/

.footer-copyright {
  border-top: 1px solid #4D85E6;
  margin-top: 57px;
  text-align:center;
  color:#fff;
  padding:2em 0 0 0;
}


.carousel {
  background: #ccc;
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1);
	width: 4rem;
  height: 43rem;
  opacity: 0.8;
}
.carousel-inner .carousel-caption{
	text-shadow: 2px 2px 1px rgba(0,0,0,0.6);
	 color: #fff;
}

.carousel-inner h5 {
	
  font-size: 5em;  
}

 .sbn-contact-step1{
    font-family: "Poppins", serif;  
    padding:3em 0;
  }


  .sbn-contact-step1 .container{   
    padding:2em;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);
  }

.sbn-contact-step1 p{
  padding:0.4em 1em;
  background-color: #eaeaea82;
  font-weight: 600;
}  

.sbn-contact-step1 p span{
  text-align: right;
  font-weight: 400;
  display: block;
font-size: 0.9em;
}  


  .sbn-contact-step2{
    padding-top: 2em;
    padding-bottom: 2em;
    background: #f1f7fe;
    margin: 2em auto;
    color: #021247;
  }

  .sbn-contact-step2 h3{   
  font-size: 1.8em;    
    padding: 1em 0;
  }  
  .sbn-contact-step2 p{   
    font-family: "Poppins", serif;
   
  }
  
  
  .sbn-contact-step2 .sb-rendez{
  }
  
  
   .sbn-contact-step2 .sb-rendez p{
  padding:0.4em 1em;
  background-color: #eaeaea82;
  font-weight: 600;
}  


@media (max-width: 640px) {
	footer div {
		flex-direction: column-reverse;
	}
}