/* couleurs */
:root {
  --text-red-color: rgb(128, 0, 0);
  --main-gold-color: rgb(243, 143, 49);
}

body {
  font-family: "Lato", sans-serif;
  position: relative;
  color: var(--text-red-color);
  height: 100vh;
  background-color: rgb(244, 243, 232);
  display: flex;
  flex-direction: column;
}

#header {
  position: relative;
  background: rgb(77, 13, 0) url("../medias/static/themes/blogger/im/patterns/light/cork-wallet.png");
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
  #header {
    z-index: 2;
  }
}

#header .carousel {
  height: 114px;
}

#header .carousel .carousel-item img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

#header a {
  text-decoration: none;
}

#header a span {
  font-family: "Merriweather", serif;
  color: var(--main-gold-color);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 20px;
}

@media (min-width: 992px) {
  #header a span {
    font-size: 35px;
  }
}

#header a:hover span {
  color: white;
}

#header .custom-toggler.navbar-toggler {
  width: 45px;
  height: 45px;
  padding: 5px;
  border: 1px solid white;
  border-radius: 6px;
}

#header .custom-toggler .navbar-toggler-icon {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3E");
}

menu {
  margin-block-start: 0;
}

.navbar {
  background: rgba(42, 42, 42, 1);
  font-size: 18px;
  padding: 0;
}

@media (min-width: 992px) {
  .navbar {
    z-index: 1;
    font-size: 16px;
  }
}

.navbar .offcanvas {
  background: rgba(42, 42, 42, 1);
}

.navbar .navbar-nav .nav-item .nav-link {
  color: white;
  padding: 15px;
}

.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {
  padding-bottom: 10px;
}

@media (min-width: 992px) {
  .navbar .navbar-nav .nav-item:not(:last-of-type) {
    border-right: 1px solid rgba(23, 23, 23, 1);
  }

  .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding-bottom: 15px;
  }
}

.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item .nav-link:focus,
.navbar .navbar-nav .nav-item .nav-link:active,
.navbar .navbar-nav .nav-item .nav-link.active,
.navbar .navbar-nav .nav-item .nav-link.show,
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item:active {
  color: var(--main-gold-color);
}

.navbar .navbar-nav .dropdown-menu {
  margin-top: 0;
  border: none;
  border-radius: 0 0 6px 6px;
  background: rgb(42, 42, 42);
  font-size: 18px;
  color: white;
  padding: 0 0 10px;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: white;
  padding: 10px 0 10px 40px;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item:active {
  background-color: transparent;
}

@media (min-width: 992px) {
  .navbar .navbar-nav .dropdown-menu {
    font-size: 16px;
    padding: 8px;
  }

  .navbar .navbar-nav .dropdown-menu .dropdown-item {
    padding: 7px;
  }

  .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
  .navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
  .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
    background-color: rgb(61, 61, 61);
  }
}

main {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

main > div {
  width: 100%;
  min-height: 100%;
  background-color: rgb(244, 243, 232, 0.0);
  padding-top: 40px;
  padding-bottom: 100px;
}

main a,
main a:visited {
  color: var(--text-red-color);
}

main a:hover,
main a:active {
  color: var(--main-gold-color);
}

main h1 {
  margin-bottom: 50px;
}

main ul.style-none {
  list-style: none;
  padding-left: 0;
}

main img {
  object-fit: cover;
}