/* ==================================================
=================== GLOBAL STYLES ===================
================================================== */

html:not(.details) {
  font-size: 0.5vw;
}

/* ---------- Header ---------- */

.header .logo .navbar-brand img {
  max-height: 7rem;
}

.header .logo-slogan {
  font-size: 1.4rem;
  max-width: 30rem;
  font-weight: 400;
}

/* ---------- Menu ---------- */

.menu-collapse {
  overflow-y: initial; 
}

.menu-collapse .card .nav-link {
  font-size: 2.3rem;
}

/* ---------- Alert banner ---------- */

.home-content .home-alert {
  font-size: 1.8rem;
}

.home-content .home-alert-content {
  padding: 0.5rem 2rem 0.5rem 2rem;
}

.home-content .home-alert-content-icon {
  display: none;
}

/* ==================================================
===================== HOME PAGE =====================
================================================== */

/* ---------- Maps ---------- */

#overlay-map {
  background: #f0f1f4;
}

.home-map-panel,
.home-map-infos a,
.home-map-dezoom,
.home-map-legend-rwd,
.input-group-search-rwd {
  display: none;
}

.home-map-action {
  left: initial;
}

#iframe-map iframe, .home-map, .index-map {
  height: 74rem !important;
}

/* ---------- Boxes ---------- */

#block-zonederebondaccueil h2 {
  display: none;
}

.card-home-rebond {
  font-size: 1.8rem;
  padding: 6rem 4rem;
}

.card-home-rebond .card-body .card-text {
  padding: 1rem;
}

.card-home-rebond .chapeau {
  font-size: 2.5rem;
}

/* ==================================================
================== AIR OF MY CITY ===================
================================================== */

.c-indice-content {
  height: initial !important;
}

/* ==================================================
===================== EPISODES ======================
================================================== */

.node--type-pollution-peak article > .grey-bg > .tab-content > .mw-1500 > .c-indice-content > .row:first-child > .c-indice-border:first-child {
  display: none;
}

.node--type-pollution-peak #episode-txt {
  padding: 3rem 4rem 1rem 4rem;
  min-height: initial;
}

.node--type-pollution-peak article > .grey-bg > .tab-content > .mw-1500 > .c-indice-content > .row:first-child > .c-indice-border:last-child {
  padding: 0 4rem 6rem 4rem;
}

.node--type-pollution-peak article > .grey-bg > .tab-content > .mw-1500 > .c-indice-content > .row:first-child > .c-indice-border:last-child .c-indice-padding-small {
  padding: 1rem;
}

#block-pollution-peak-legal-threshold h3 {
  text-align: center;
}

.node--type-pollution-peak article > .grey-bg > .tab-content > .mw-1500 > .c-indice-content > .row:last-child > .c-indice-border > .c-indice-padding {
  padding: 2rem 6rem 4rem;
}

/* ==================================================
=============== GLOBAL MEDIA QUERIES ================
================================================== */

@media screen and (max-width: 1500px) {
  html:not(.details) {
    font-size: 0.7vw !important;
  }

 #iframe-map iframe, .home-map, .index-map {
    height: 52rem !important;
  }
}

@media screen and (max-width: 1300px) {
  #js-favorites {
    display: none !important;
  }
}

@media screen and (max-width: 1100px) {
  html:not(.details) {
    font-size: 0.7vw !important;
  }

  #iframe-map iframe, .home-map, .index-map {
    height: 80rem !important;
  }

  .home-map-action {
    top: 215px;
  }
}

@media screen and (max-width: 850px) {
  html:not(.details) {
    font-size: 1vw !important;
  }

  #iframe-map iframe, .home-map, .index-map {
    height: 76rem !important;
  }

  .header .logo .navbar-brand img {
    max-height: 5rem;
  }

  .path-air-commune .tab-pane .mw-1500 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .path-air-commune .tab-pane .p-standard-edito {
    padding-top: 0;
  }
}

@media screen and (max-width: 650px) {
  html:not(.details) {
    font-size: 1.5vw !important;
  }

  #iframe-map iframe, .home-map, .index-map {
    height: 85rem !important;
  }
}

@media screen and (max-width: 450px) {
  html:not(.details) {
    font-size: 2vw !important;
  }

  #iframe-map iframe, .home-map, .index-map {
    height: 80rem !important;
  }
}