.interparking_parks_listothers .park-city{
    width: 21.7em;
    height: auto;
    border-radius: 3px;
    padding: 0.625rem;
    margin: 0.625em;
    position: relative;
    flex: auto;
    flex-direction:column;
    background-color:var(--grey-background);
}

.interparking_parks_listothers .park-city-map{
    flex: auto;
    height: auto;
    position: relative;
    margin: 0.625em;
    min-height:200px;
    padding: 0;
    width: 17.7em;
}

.interparking_parks_listothers .park-city-map .parks_map{
    border:0;
}

.interparking_parks_listothers figure .img{
  border-bottom:4px solid var(--yellow);
  height:200px;
  max-height:200px;
  position:relative;
  overflow:hidden;
  width:100%;
}
    
.interparking_parks_listothers {
  width: 100%;
  justify-content: flex-start;
  display: flex;
  flex-flow: row wrap;
  
}

.interparking_parks_listothers .park-city .img img {
  position: absolute;
  height: 100%;
  width: auto;
}

.event-shortcode .img img {
  position: absolute;
  height: auto;
  width: 100%;
}

.interparking_parks_listothers .park-city figcaption {
  align-items:flex-start;
  display: flex;
  flex-flow: column wrap;
  width:100%;
}
    
.interparking_parks_listothers .park-city figcaption h1{
  color:var(--blue);
  font-size:var(--fs24);
  height:67px;
  overflow:hidden;
  margin-top:var(--fs8);
}
    
.interparking_parks_listothers .park-city figcaption .date,
.interparking_parks_listothers .park-city figcaption .zip-city{
  font-size:var(--fs12);
  margin:0;
}

.interparking_parks_listothers .park-city figcaption .zip-city{
  color:var(--blue);
}

.interparking_parks_listothers .park-city figcaption .date{
  color:var(--grey);
}
    
.interparking_parks_listothers .park-city figcaption .adress-event{
  color:var(--black);
  font-size:var(--fs14);
  margin-bottom:var(--fs8);
}
    
.interparking_parks_listothers .park-city figcaption .adress-event,
.interparking_parks_listothers .park-city figcaption .text{
  margin-bottom:var(--fs8);
} 

.park-city .pop-up-group > div{
 position:relative; 
}

.park-city .pop-up-group .pop-up{
  background: var(--white);
  border-radius: 5px;
  color:var(--blue);
  display:none;
  left: -85px;
  padding: 5px var(--fs10);
  pointer-events: none;
  position: absolute;
  text-align: center;
  transition: 0.3s;
  width: 216px;
  z-index: 120;
}

.park-city .pop-up-group .pop-up img{
  height: 20px;
}

.park-city .pop-up-group > div:hover .pop-up{
 top:40px;
 display:block;
 opacity:1;
 animation: animation-popup 0.3s ease-out;
}

.park-city .pop-up-group .pop-up:before {
 position: absolute;
 bottom: 100%;
 right: calc(50% - 10px);
 content: '';
 pointer-events: none;
 border: solid transparent;
 border-color: rgba(255, 255, 255, 0);
 border-bottom-color: var(--white);
 height: 0;
 border-width: 11px;
 margin-left: -21px;
 width: 0;
}

@media screen and (max-width: 991px) {
    .event-shortcode{
        flex-direction:column;
    }

    .event-shortcode .img{
        height: 246px;
        max-height: 246px;
        margin-right:0;
        width: 100%;
    }

    .event-shortcode figcaption{
       width: 100%;
    }
}
    
@media screen and (max-width: 767px) {
    .news-home .events.first{
        flex-direction:column;
    }
    
    .news-home .events.first .img{
        height: 246px;
        max-height: 246px;
        margin-right:0;
        width: 100%;
    }
    
    .news-home .events.first figcaption{
       width: 100%;
    }
    
    .interparking_parks_listothers figure .img{
      height:150px;
    }
    
    .interparking_parks_listothers .park-city .img img {
      position: absolute;
      height: auto;
      width: 100%;
    }
}

.parking-paris{
  height:709px;
  overflow:hidden;
  padding-right:0;
}

/******************************
PARKING RESULT BLOCK
******************************/
.parking-list{
 font-size:var(--fs13);
 position:relative;
 cursor: pointer;
}

.parking-list figure{
 margin-bottom:0;
}

.parking-list .img-parking{
  background-image:url(/wp-content/plugins/interparking_aeroparker_offers/assets/img/bandeau-resultat.jpg);
  background-size: cover;
  background-position-y: center;
  background-position-x: center;
  border-bottom: 3px solid var(--yellow);
}

.parking-list .titre-parkingresult{
 background-color:var(--white);
 color:var(--blue);
 font-weight:bold;
 margin-bottom:var(--fs10);
 transition:var(--transition);
}

.parking-list:hover .titre-parkingresult{
 background-color:var(--blue);
 color:var(--white);
 transition:var(--transition);
}

.titre-parkingresult h2{
 font-size:var(--fs16);
 font-weight:bold;
 margin-bottom:0;
}

.parking-list h3{
 color:var(--blue);
 font-size:var(--fs24);
 margin-bottom:var(--fs10);
}

.parking-list h3 a {
  color:var(--blue);
}

.parking-list .pop-up-group > div{
 position:relative; 
}

.parking-list .pop-up-group .pop-up{
  background: var(--white);
  border-radius: 5px;
  color:var(--blue);
  display:none;
  left: -85px;
  padding: 5px var(--fs10);
  pointer-events: none;
  position: absolute;
  text-align: center;
  transition: 0.3s;
  width: 196px;
  z-index: 120;
}

.parking-list .pop-up-group .pop-up img{
  height: 20px;
}

.parking-list .pop-up-group > div:hover .pop-up{
 top:40px;
 display:block;
 opacity:1;
 animation: animation-popup 0.3s ease-out;
}

.parking-list .pop-up-group .pop-up:before {
 position: absolute;
 bottom: 100%;
 right: calc(50% - 10px);
 content: '';
 pointer-events: none;
 border: solid transparent;
 border-color: rgba(255, 255, 255, 0);
 border-bottom-color: var(--white);
 height: 0;
 border-width: 11px;
 margin-left: -21px;
 width: 0;
}


@media screen and (max-width:991px){
  .h-map-mobile{
    height:500px;
  }
}

/******************************
PAGE PARKING AUTRE VILLE PARIS
******************************/
.park-city{
  display:flex;
  flex-wrap:wrap;
  font-size: var(--fs13);
}
    
.park-city .img{
  background-size: cover !important;
  background-position: center center !important;
  display: flex;
  height: auto;
  justify-content: center;
  max-height: 100%;
  margin-right:var(--fs20);
  overflow:hidden;
  position:relative;
  width: 25%;
}

.park-city .img img {
  position: absolute;
  height: 100%;
  width: auto;
}

.park-city figcaption{
  width: calc(75% - 20px);
}

.park-city figcaption h1{
  color: var(--blue);
  font-size: var(--fs24);
  margin-top: var(--fs8);
}

.park-city figcaption h1 a {
  color: var(--blue);
}

.park-city figcaption .adress,
.park-city figcaption .zipcode{
  color: var(--grey);
  font-size: var(--fs12);
}

.park-city figcaption .adress{
  margin: 0;
}

.color-alert{
  color:var(--red);
}

@media screen and (max-width: 540px){
  .park-city .img{
    margin-right:0;
    height: 200px;
    width: 100%;
  }

  .park-city .img img {
    position: absolute;
    height: auto;
    width: 100%;
  }

  .park-city figcaption{
    width: 100%;
  }
}

/******************************
BUTTON
******************************/
.btn-disabled{
  background-color: var(--greybtn);
  border:none;
  border-radius:0;
  color:var(--grey);
  display:inline-block;
  font-size:var(--fs16);
  font-weight:bold;
  padding:var(--fs10) var(--fs40) var(--fs10) var(--fs20);
  position:relative;
  transition:0.5s;
 }

 .btn-disabled:after{
  background:transparent url(../img/greyarrow.svg) no-repeat right center;
  content:"";
  display:block;
  height: 18px;
  right:20px;
  position:absolute;
  top:30%;
  transition:0.5s;
  width: 14px;
 }

 .btn-disabled:hover:after{
  right:14px;
  transition:0.5s;
 }

.return_to_search{
  cursor: pointer;
}

.link-event{
  color:var(--blue);
  padding-right:var(--fs40);
  position:relative;
}

.link-event:after{
  background: transparent url(../img/yellowharrow.svg) no-repeat right center;
  content: "";
  display: block;
  height: 13px;
  right: 20px;
  position: absolute;
  top: 2px;
  transition: var(--transition);
  width: 14px;
}

.link-event:hover:after{
  right: 14px;
}