/*
Theme Name: Musique et Patrimoine
Author: Hugo C.
Description: Thème personnalisé pour Musique et Patrimoine en pays du Mont Blanc
Version: 0.0.1
*/

@font-face {
  font-family: ExistenceLight;
  src: url(fonts/Existence-Light.ttf);
}
html {
  position: relative;
  min-height: 100%;
}

main {
  padding-top: 25px;
}

a,
a:hover,
strong {
  color: #914b3c;
}
h1 {
  color: #914b3c;
  font-family: ExistenceLight;
  font-weight: bold;
  font-size: 1.6rem;
}

h2 {
  color: rgba(88, 132, 128, 1);
  font-family: ExistenceLight;
  font-size: 1.4rem;
  font-weight: bold;
}

h3,
h4 {
  font-size: 1.4rem;
}

body {
  background-color: whitesmoke;
  font-family: 'Times New Roman', Times, serif;
  color: gray;
}

.row {
  padding-bottom: 25px;
}

.fullHeight {
  min-height: calc(100vh - 157px);
}

/* Logo and Navigation Bar */

.menu .current-menu-item > a,
.menu .current-menu-parent > a {
  text-decoration: underline;
}

.banner {
  width: 100%;
  position: relative;
}

.menu {
  background-color: rgb(88, 132, 128);
}

.menu .container {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.menu .container > li {
  margin: 0 30px;
}

.menu a {
  padding: 10px;
  color: white;
  font-size: 1.3rem;
}

.banner .logo {
  width: 100%;
  background-color: black;
  padding: 10px;
}

.menu .sub-menu {
  display: none;
  position: absolute;
  background-color: rgb(88, 132, 128);
  list-style-type: none;
  padding: 0;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.menu .menu-item:hover .sub-menu {
  display: block;
}

@media (max-width: 768px) {
  .menu {
    height: auto;
  }
  .menu .container {
    flex-direction: column;
    align-items: flex-start;
  }

  .menu .sub-menu {
    position: static;
    margin-left: 20px;
  }
}

/* other */

.pp {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.partners img {
  width: 200px;
}

.thumbnail {
  height: 340px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(88, 132, 128, 0.6);
  color: white;
}
.thumbnail a {
  color: white;
}

/* Featured artists */

.artist {
  background-color: white !important;
  padding-bottom: 20px;
  height: 400px;
  font-size: 1.1rem;
}
.artist:hover {
  background-color: rgba(88, 132, 128, 0.6) !important;
}
.artist p {
  color: gray;
  text-align: justify;
}
.artist:hover p {
  color: white;
  text-decoration: none;
}

.artist:hover h3 {
  color: white;
}

.participation a:hover {
  text-decoration: none;
}
.participation a:hover h3 {
  text-decoration: underline;
  text-decoration-color: white;
}

.participation > div {
  margin-bottom: 20px;
}

.artist h3,
.artist p {
  margin: 0px 20px;
}

.artist img {
  object-fit: cover;
  height: 250px;
  width: 100%;
}

/* Artiste Single  */

.artistes .wp-block-columns {
  align-items: center;
}

/* Carousel */

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

@media (min-width: 768px) {
  .carousel-control-prev {
    left: -110px;
  }

  .carousel-control-next {
    right: -110px;
  }
}

/* Footer */

.footer {
  position: relative;
  width: 100%;
  background-color: rgba(88, 132, 128, 1);
  color: white;
  padding-top: 50px;
}
.footer-desc {
  font-size: 1rem;
}
.footer a {
  color: white;
}
.footer-nav {
  font-size: 1.3rem;
}

.footer-menu ul {
  list-style: none;
  padding: 0;
}

.footer-menu .sub-menu {
  display: none;
}

/* wordpress corrections */

.wp-block-image {
  margin-bottom: 0;
}

/* Restauration */

.restauration .wp-block-column {
  background-color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}