/*
 Theme Name:   Understrap Child
 Theme URI:    https://compagnie1.11ms.fr
 Description:  Thème enfant pour Understrap
 Author:       Ton Nom
 Author URI:   https://compagnie1.11ms.fr
 Template:     understrap
 Version:      1.0.0
*/

@font-face {
    font-family: 'samarkan_____normal';
    src: url('/wp-content/themes/understrap-child/samarkannormal-gg5d-webfont.woff2') format('woff2'),
         url('/wp-content/themes/understrap-child/samarkannormal-gg5d-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
 color: #000!important;
 font-size: 18px!important;
 font-family: Georgia!important;
}
body ,
body.custom-background {
  background-color: #FAFAFA!important;
}

/* Structure */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-header,
.entry-content p,
.entry-content ul,
/*.entry-content .rl-gallery-container,*/
.entry-content .wp-block-columns,
.entry-content .wp-block-group,
.entry-content .wpcf7 {
    max-width: 800px!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

.wrapper {
  padding: 2rem 0 1rem 0!important;
}

/* Commons */
h1, h2, h3, h4, h5, h6 {
  text-align: center;
  padding: 1rem 0!important;
}
a {
  color: #478cb5!important;
  text-decoration: underline;
  text-align: left;
}
a:hover {
  color: #111!important;
  text-decoration: underline;
}
#spectacle a:hover {
  color: #FFF!important;
  text-decoration: underline;
}
#main-nav a {
  color: #FFF!important;
}
#main-nav a:hover {
  color: #478cb5!important;
}
strong {
  color: #478cb5!important;
}
strong.wpcf7-not-valid-tip {
  color: #dc3232!important;
  display: inherit;
}
.wp-block-separator {
    border: none;
    border-top: 1px solid #000;
    margin: 3.5rem 0 2.5rem 0;
    opacity: 1;
}
.site-footer {
    border-top: 1px solid #000;
    padding: 1.5rem 0 1rem 0;
    color: #478cb5 !important;
    font-weight: bold;
}
[id] {
  scroll-margin-top: 115px;
}

/* Menu */
#main-nav {
  background-color: #000!important;
  transition: all 0.6s ease-in-out;
}
#main-nav a {
  padding: .25rem .85rem;
  font-size: 1.3rem;
}

.fixed-top {
  top: 0;
  transition: all 0.6s ease-in-out;
}
.fixed-top + * {
  margin-top: 104px; /* correspond à la hauteur du menu */
}

ul#main-menu {
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
#menu-item-72 a {
  font-size: 0;
  color: transparent;
  position: relative;
}
#menu-item-72 a::before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 80px;
  background-image: url('/wp-content/uploads/logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* Galerie agenda https://www.theatre-epidaure.com/ */
.agenda-bloc > div {
  width: 47%;
  float: left;
  background: #FFF;
  color: #000;
  padding: 0 0 2rem 0;
  margin: 0 3% 2rem 0;
}
.agenda-bloc p {
  line-height: 1;
  padding: 0 2rem;
  width: 100%!important;
}
.agenda-bloc p em {
  display: block;
  padding-bottom: 1rem;
  border-bottom: 1px solid #000;
  font-style: normal;
}
.agenda-bloc p strong {
  font-size: 1.35rem;
  padding-bottom: 0rem;
  font-weight: 900;
}
.-container {
  padding: 0 0 2rem;
}

/* Gallery */
.rl-gallery-item {
  display: none;
}
.rl-gallery-item:first-child {
  display: block; /* affiche seulement le premier */
}
.rl-gallery-item {
  width: 100%!important;
}

/*
.rl-gallery-item {
  width: 100%!important;
  display: none;
  margin: 0!important;
}
.rl-gallery-caption {
  display: none!important;
}

.rl-gallery-item:first-of-type {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rl-gallery-item:first-of-type img {
  height: 100%;
  width: auto;
  object-fit: cover;
  object-position: center;
}
*/

/* Header */
@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2rem!important;
    }
}
@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 1.75rem!important;
    }
}

/* Carrousel  */
#homeCarousel .carousel-item img {
  height: 70vh;           /* hauteur de l’image */
  object-fit: cover;      /* recadrage propre */
}

/* Formulaire */
.wpcf7-not-valid-tip {
  font-size: .9em;
}
input, textarea {
  margin: .25rem 0!important;
}
input:focus,
textarea:focus {
  border-color: #DDD!important;
  box-shadow: 0 0 0 .25rem rgba(221,221,221,1)!important;
}
.wpcf7 input[type="submit"] {
  --bs-btn-color: #478cb5!important;
  --bs-btn-border-color: #478cb5!important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #478cb5!important;
  --bs-btn-hover-border-color: #478cb5!important;
  --bs-btn-focus-shadow-rgb: 85,51,255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #478cb5!important;
  --bs-btn-active-border-color: #478cb5!important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #478cb5!important;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #478cb5!important;
  --bs-gradient: none;
  --bs-btn-font-size: 1.15rem!important;
}

/* Spectacle */
.entry-content #spectacle.wp-block-columns,
.entry-content #spectacle img,
.entry-content h2#spectacle {
    max-width: 900px!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
h2#spectacle {
  font-family: 'samarkan_____normal';
  background-color: #000!important;
  margin: 0;
  padding: 2rem 2rem 0 2rem !important;
  display: block;
  color: #478cb5 !important;
  font-size: 3.25rem !important;
  line-height: 1;
}
figure#spectacle  {
  margin: 0;
}
#spectacle img {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
}
#spectacle.wp-block-columns {
  background-color: #000!important;
  color: #FAFAFA!important;
  margin: 0 0 2rem;
  padding: 2rem;
}

/* Dates passées */
#historique {
  border-bottom: 1px solid #AAA;
}

/* Formulaire */
.wpcf7-form {
  border: 1px #AAA solid;
  border-radius: 5px;
  padding: 2rem;
  background: #FFF;
  margin-top: 2rem;
}
.wpcf7-form h2 {
  font-size: 1.35rem!important;
}
.wpcf7-spinner {
  width: 0;
  height: 0;
  margin: 0;
}