/*
Theme Name:     Agence Echo
Description:    Agence de communication Angers
Author:         Maryline Cesbron
Template:       Divi
Version:        2.0
*/

/* cookie */
.bepVfn svg path{
	fill: #9b8c80;
}

.grecaptcha-badge {
    opacity: 0;
}

/*Formulaires*/
input.et_pb_contact_captcha{
  border:2px solid #ffffff !important;
  padding-top: 14px !important;
  padding-bottom: 10px !important;
}
.et_pb_contact_right{
  font-family: 'Montserrat' , sans-serif !important;
  color:#ffffff !important;
  font-size:1em !important;

}

body #mobile_menu {
  font-family: 'Montserrat' , sans-serif !important;
  text-transform: uppercase;
}

.et_pb_section.et_pb_section_2.section-col-2.et_pb_fullwidth_section.et_section_regular {
    display: flex;
    flex-wrap: wrap;
}

.et_pb_section.et_pb_section_2.section-col-2.et_pb_fullwidth_section.et_section_regular .et_pb_module.et_pb_map_container {
    width: 50%;
}

/* Feed */
#cff.cff-default-styles a {
    color: #333;
}

/* Global */

.icon-contact p a {
    color: #FFF;
    text-decoration: underline;
}

/*Responsive*/



@media screen and (min-width:981px){
  #cuisine-accueil .et_pb_column{
    width: 100% !important;
  }
  .et_vertical_nav #page-container #main-header{
     /* width: 12% !important;  */

  }
.et_vertical_nav #main-header .container{
   margin: 0 30px 0 20px !important;
}
}

.bottom-nav li.current-menu-item > a {
  color: #9B8C80 !important;
}

@media screen and (min-width:981px) and (max-width:1060px){
  body #home-2 h1{
    font-size: 3em !important;
  }
  body #home-2 h2 , body #home-2-prez h2{
    font-size: 1.75em !important;
  }

}

@media screen and (max-width:980px){
  #logo{
    max-height: 85% !important ;
  }
  #section-dressing{
      background-image: none!important;
  }
#main-header .et_mobile_menu li ul{
    display: none !important;
  }
}

@media screen and (max-width:425px){
  #cuisine-accueil{
    width: 100% !important;
  }
  .fb_iframe_widget iframe{
    max-width: 98% !important;
  }
	.et_pb_section.et_pb_section_2.section-col-2.et_pb_fullwidth_section.et_section_regular .et_pb_module.et_pb_map_container {
    width: 100%;
}
}

@media screen and (max-width:399px){
  .fb_iframe_widget iframe{
    width: 310px !important;
  }
}