html {
  font-size: 18px;
}

p,
li {
  font-size: 1rem;
}

h1 {
  font-size: 2.4rem;
  margin: 1rem 0;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.6rem;
  font-weight: normal;
}

.main-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.region-content {
  padding-inline: initial;
}

@media (max-width: 1200px) {
  #block-maune-mercury-content .flex-row {
    flex-direction: column;
  }
  #block-maune-mercury-content .views-view-responsive-grid,
  #block-maune-mercury-content .grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
#secondary-menu {
  background-color: rgb(1, 94, 254);
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.main-container > header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5rem;
}
.main-container > header .branding-flex {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 500px) {
  .main-container > header .branding-flex {
    flex-direction: column;
  }
}
.main-container > header .branding-flex img {
  height: 8rem;
}
@media (max-width: 800px) {
  .main-container > header .branding-flex img {
    max-height: 3rem;
    width: auto;
    margin-left: 0.3rem;
  }
}
.main-container > header .branding-flex .identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main-container > header .branding-flex .identity .site-name {
  font-size: 3.5rem;
  line-height: 0.8;
  text-transform: uppercase;
  font-weight: bold;
}
.main-container > header .branding-flex .identity .site-slogan {
  font-size: 1.2rem;
}
.main-container > header #navigation {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

@media (max-width: 1200px) {
  header,
  main {
    padding: 0 1rem;
  }
  .main-container > header {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
}
.region-primary-menu nav ul li:hover,
.region-primary-menu nav ul li.active-trail,
.region-secondary-menu nav ul li:hover,
.region-secondary-menu nav ul li.active-trail {
  background-color: #ffffff;
  color: rgb(1, 94, 254);
}

.superfish-main-menu #superfish-main {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

.region-secondary-menu nav ul li {
  color: #ffffff;
}
@media (max-width: 800px) {
  .region-secondary-menu nav ul {
    flex-direction: row;
  }
  .region-secondary-menu nav ul a {
    font-size: 0.8rem;
  }
}

.region-primary-menu {
  margin-top: 1.5rem;
}
.region-primary-menu nav ul {
  gap: 1rem;
}
.region-primary-menu nav ul li {
  font-size: 1.2rem;
}
.region-primary-menu nav ul li a {
  padding: 0;
}
.region-primary-menu nav ul li a:hover,
.region-primary-menu nav ul li a.active-trail {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.5rem;
}

.podcast-header {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.podcast-header .podcast-poster {
  width: 400px;
}
.podcast-header .podcast-poster img {
  width: 300px;
  max-width: initial;
}

#podcast-platform {
  width: 100%;
  background-color: #000;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  padding: 6rem 0;
  color: #fff;
  position: relative;
}
#podcast-platform .podcast-platform-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("../assets/images/podcast-platform-bg.jpg");
  background-size: cover;
  background-position-y: center;
  opacity: 30%;
}
#podcast-platform a {
  font-size: 1.6rem;
  padding: 0.5rem;
  border: 1px solid #ccc;
  position: relative;
}

.view-display-id-block_podcast_list {
  margin-bottom: 1rem;
}
.view-display-id-block_podcast_list .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  grid-auto-rows: minmax(100px, auto);
}
.view-display-id-block_podcast_list .view-content .podcast-card--name {
  font-size: 1.4rem;
}
.view-display-id-block_podcast_list .view-content .podcast-card--slogan {
  font-size: 0.8rem;
  color: #ccc;
}

@media (max-width: 480px) {
  .view-podcasts .view-content {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }
  .podcast-header,
  article.episode.episode-full header {
    flex-direction: column;
    flex-flow: column-reverse;
  }
  #podcast-platform {
    padding: 2rem 2rem;
  }
  #podcast-platform a {
    font-size: 1.2rem;
    background-color: #000;
    border: none;
    padding: 0;
  }
}
article.episode-full header {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
article.episode-full header img {
  max-width: 250px;
}
article.episode-full .embedded-player {
  margin-bottom: 1rem;
}
article.episode-full .episode-transcript,
article.episode-full .episode-ressources {
  border-top: 1px solid #ccc;
  margin: 1rem 0 0 0;
  padding-top: 1rem;
}
article.episode-full .episode-transcript h3,
article.episode-full .episode-ressources h3 {
  margin-bottom: 1rem;
  text-decoration: underline;
}
article.episode-full .episode-ressource {
  margin-bottom: 1rem;
}
article.episode-full .episode-ressource .ressource-title {
  font-size: 1.2rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
article.episode-full .episode-ressource .ressource-title .ressource-type {
  color: #999;
  font-size: 0.9rem;
}
article.episode-full .episode-ressource .ressource-link {
  color: #ccc;
  font-size: 0.8rem;
}

.episode-title {
  margin: 0;
}

.episode-date {
  font-size: 0.7rem;
  opacity: 70%;
}

.external-episode-card {
  background-color: oklch(92.19% 0 0deg);
  padding: 1rem;
  display: flex;
  flex-direction: row;
}
.external-episode-card p {
  margin-bottom: 0;
}
.external-episode-card .external-episode-card--content {
  margin-left: 1rem;
}
.external-episode-card .external-episode-card--content .external-episode-card--name {
  font-size: 1.4rem;
  line-height: 1.2rem;
}
.external-episode-card .external-episode-card--content .external-episode-card--date {
  font-size: 0.8rem;
}
.external-episode-card .external-episode-card--content .external-episode-card--title {
  font-size: 1rem;
  line-height: 0.9rem;
  margin-top: 0.5rem;
}

.cq-full {
  margin-inline: auto;
}
.view-display-id-block_my_bands {
  margin: 1rem 0 3rem 0;
}

.music-card {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.music-card .music-card--content .band-name {
  font-size: 1rem;
}
.music-card .music-card--content .song-name {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0;
}
.music-card .music-card--content .audio-player {
  margin: 1rem 0;
}
.music-card .music-card--content .links a {
  font-size: 0.8rem;
  text-decoration: underline;
}

.node--type-exhibit-card h2 {
  margin: 3rem 0;
}
.node--type-exhibit-card .exhibit-card--photos {
  margin: 6rem 0 14rem 0;
}
.node--type-exhibit-card .exhibit-card--photos .imagelightbox {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
}
@media (max-width: 1200px) {
  .node--type-exhibit-card .exhibit-card--photos {
    margin-bottom: 4rem;
  }
  .node--type-exhibit-card .exhibit-card--photos .imagelightbox {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.node--type-exhibit-card .exhibit-card--modeles {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
.node--type-exhibit-card .exhibit-card--modeles a {
  font-weight: bold;
  text-decoration: underline;
}

.page-photography-hero {
  gap: 0;
  align-items: end;
  padding: 1rem;
  position: relative;
}
.page-photography-hero figure > div {
  width: 1168px;
}
.page-photography-hero p {
  font-size: 0.8rem;
}

.page-photography {
  margin: 4rem 0;
}
.page-photography p {
  font-size: 1.2rem;
}

@media (max-width: 1200px) {
  .page-photography-hero figure > div {
    width: 100%;
  }
}
.bg-secondary label {
  color: #000;
}

.maintenance-page .dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  max-width: 30rem;
  margin: auto;
}
.maintenance-page .dialog-off-canvas-main-canvas header {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin: 3rem 0 0 0;
}
.maintenance-page .dialog-off-canvas-main-canvas header .site-logo {
  height: 4rem;
}
.maintenance-page .dialog-off-canvas-main-canvas header .site-name {
  font-size: 4rem;
  line-height: 4rem;
  margin: 0;
}
.maintenance-page .dialog-off-canvas-main-canvas main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}
.maintenance-page .dialog-off-canvas-main-canvas main img {
  max-width: 30rem;
}

/*# sourceMappingURL=style.css.map */