/*
 Theme Name:     Divi creative agency
 Theme URI:      https://demo.infomaniak.com/preview?t=divi-creative-agency
 Description:    Votre site sera constitue de plusieurs pages (accueil, blog, contact, etc...) que vous pourrez librement personnaliser selon vos besoins.
 Author:         Infomaniak
 Author URI:     https://www.infomaniak.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");


#top-menu-nav ul li a{text-transform: uppercase;}
#et-top-navigation nav>ul>li>a{padding-bottom:50px !important;}
/* Hide footer */

#main-footer {
    height: 0 !important;
    overflow: hidden;
}

/*menu element*/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #fff; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}
span.mobile_menu_bar:before{
  color:#ffffff;
}

/*Elements occasions et locations*/
.second_title{
  display: flex;
  justify-content: space-between;
}
.second_title span{
  font-size: 2em;
  font-weight: bolder;
  /*transform: rotate(2deg);*/
}

.donnees_vehicule, .infos_complementaires, .equipements, .donnees_energetiques{
  column-count: 2;
}
.donnees_vehicule div, .infos_complementaires div, .equipements div,.equipements_supp div, .donnees_energetiques div{
  display: block;
}
.donnees_vehicule div:first-letter, .infos_complementaires div:first-letter, .equipements div:first-letter,.equipements_supp div:first-letter, .donnees_energetiques div:first-letter{
  text-transform: capitalize;
}
.donnees_vehicule div>span:first-child, .infos_complementaires div>span:first-child, .equipements div>span:first-child,.equipements_supp div>span:first-child, .donnees_energetiques div>span:first-child{
  font-weight: bold;
  
}

.donnees_vehicule div>span:first-child::after, .infos_complementaires div>span:first-child::after, .donnees_energetiques div>span:first-child::after{
  content: ": ";
}

.donnees_energetiques img{
  width: 200px;
  position: relative;
  top: -40px;
}