/* Place your own CSS here */

#block-foundry-main-menu a,
#block-foundry-main-menu span {
  /* font-size: 0.75rem; */
  font-size: 0.85rem;
}

/* --- SELECTEUR DE LANGUE -------------------------------------- */
#block-foundry-selecteurdelangue nav {
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

/* --- TYPES DE CONTENU art ET derivates -------------------------------------- */
.page-node-type-art #main-container,
.page-node-type-derivates #main-container {
  padding-top: 2rem;
}
.page-node-type-art .art-brief .field .field--label,
.page-node-type-derivates .derivates-brief .field .field--label {
  font-weight: normal;
}
.page-node-type-art .art-brief .field .field--item,
.page-node-type-derivates .derivates-brief .field .field--item {
  letter-spacing: 2px;
  font-weight: 700;
  color: #292929;
  text-transform: uppercase;
}

.bg-title-derivates {
  background-color: #ddd;
}

.page-title-lmn {
  height: 8rem;
}

.carousel-indicators {
  position: static;
  margin-right: 0;
  margin-left: 0;
}

.carousel-indicators button[data-bs-target] {
  width: 100%;
}

.carousel-indicators button[data-bs-target] img {
  border: 1px solid #777;
}

.carousel-indicators button[data-bs-target]:not(.active) {
  opacity: 0.4;
}

/* --- MASONRY --------------------------------------------------- */
.masonry-item .field--type-image img {
  margin: 0;
}

/* --- PAGINATION ------------------------------------------------ */
.pagination li a {
  height: 100% !important;
}
.pagination span.page-link {
  color: darkslategrey;
}

/* --- GALERIE D'IMAGES BASIQUE ---------------------------------- */
#gallery {
  display: flex;
  gap: 2rem;
}

/* --- RESEAUX SOCIAUX ------------------------------------------- */
.social-list-lmn a {
  opacity: 1;
  font-size: 1.3rem;
}

/* --- LIEN HAUT (bas de page) ----------------------------------- */
#postscript {
  margin-bottom: 0;
}

/* --- FORMULAIRE CONTACT ---------------------------------------- */
input[type="tel"] {
  background: #f5f5f5;
  border: none;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  font-weight: 500;
  margin-bottom: 24px;
  border-radius: 0;
}

#contact-message-lmn-contactform-form textarea {
  background: #f5f5f5;
}
#contact-message-lmn-contactform-form textarea:focus {
  background: #fff;
}

.page-node-type-confirmation {
  .block-page-title-block {
    margin-bottom: 5rem;
    .block-inner {
      text-align: center;
    }
  }
}

/* --- WEBFORMS -------------------------------------------------- */
/* Devis fresque et illustration */

.webform-submission-devis-illustration-form fieldset legend,
.webform-submission-devis-fresque-form fieldset legend {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid lightgray;
}
#edit-selected-format--wrapper-legend,
#edit-location--wrapper-legend,
#edit-status--wrapper-legend {
  border-bottom: none;
  font-size: 1rem;
}

#edit-surface-type {
  margin-bottom: 0;
}

.form-item-photos label,
.form-item-concept label,
.form-item-images label {
  /* font-weight: 600; */
  font-size: 1.2rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.form-item-concept textarea,
.form-item-other-info textarea,
.form-item-details textarea,
.form-item-message textarea {
  background: #f5f5f5;
}

#edit-selected-format--wrapper--description,
#edit-delivery--wrapper--description {
  font-size: 1rem;
}

/* --- Listes ---------------------------------------------------- */
ul.lead {
  padding-left: 0.5rem;
}

/* --- Tableau tarifs -------------------------------------------- */