/* GENERAL */

h1 {
  padding: 2vw 2vw 0.75vw;
  font-size: 3rem;
  font-weight: 400;
  text-align: center;
  color: #004F68;
}

h2, .card-header {
  margin: 0 0 1.5vw;
  font-weight: 400;
  font-size: 2rem;
  color: #004F68;
}

h3 {
  margin: 1rem 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: #004F68;
}

p {
  font-size: 1.2rem;
}

a {
  text-decoration: none !important;
  font-weight: 500;
  color: #035977;
}

.a:not([class]) {
  text-decoration: none;
}

a:hover {
  color: #075773;
  text-decoration: underline;
}

.image-center {
  display: block;
  margin: auto;
}

/* CARD */

.card-header {
  padding: 0;
  color: #004F68;
  background-color: #fff;
  border-bottom: none;
}

.card-body {
  padding: 0;
}

.com-dpcalendar-event {
  margin-bottom: 3rem;
}

.com-dpcalendar-event__information {
  background-color: #e9dfd6 !important;
  border: none !important;
}

.com-dpcalendar-event__actions, .dp-description__label, .com-dpcalendar-event__description .dp-heading {
  display: none;
}

.dp-description__description {
  font-size: 1.2rem;
  font-weight: 500;
  color: #004f68;
}

/* HEADER */

.container-header {
  background-color: #fff;
  background-image: none;
}

.container-header .grid-child {
  padding: 0;
}

.container-header .mod-menu>li {
  background: #d2ac2b;
  padding: 5px 15px;
  color: hsl(0, 0%, 0%);
  display: block;
  float: left;
  margin: 1px;
  font-size: 1.1rem;
  text-transform: uppercase;
  animation: 2s linear dropin;
}

.container-nav {
  background: #e9dfd6;
}

.nav {
  display: block;
}

#superfish-main-toggle, #superfish-jet-menu-toggle {
  height: 30px;
  width: 30px;
  background: url(/sites/default/files/ham-menu-3lines.svg) no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  margin-right: 0vw;
  pointer-events: all;
}

/* BANNER */

.container-banner {
  max-height: 100vh;
}

.camera_caption {
  bottom: 50% !important;
  text-align: center;
}

.camera_caption > div {
  background: rgba(0, 0, 0, 0.5) !important;
}

.camera_caption_title {
  font-size: 3.5rem !important;
  font-weight: normal !important;
  line-height: 4.5rem !important;
  text-transform: uppercase;
}

.camera_caption_desc {
  font-size: 2rem;
}

.container-component {
  background: #e9dfd6;
}

/* COMPOSANTS */

.site-grid {
  background: #e9dfd6;
}

/* ARTICLES */

.gratuit-etudiants {
  
  color: red;
}

.com-content-article__body, .le-nouveau-testament, .prochainement, .evenements-a-venir {
  max-width: 1200px;
  margin: 3rem auto;
  padding: 3vw;
  background: #fff;
  box-shadow: -1.5vw 1.5vw 1.5vw rgba(0, 0, 0, 0.15);
}

.titre-evenements-a-venir {
  margin: 0 0 1.5vw;
  font-weight: 400;
  font-size: 2rem;
  color: #004F68;
}

.container-evenement-a-venir {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container-evenement-a-venir video {
  max-width: 100%;
  margin: 3rem auto;
}

.field-name-field-intro {
  padding: 0.75vw 8vw 3vw;
  font-size: 1.5rem;
  text-align: center;
  color: #000;
}

.trois-colonnes, .le-nouveau-testament {
  column-count: 1;
  column-gap: 3vw;
}

.com-content-article__body li {
  padding-bottom: 0.5vw;
}

.qui-sommes-nous .com-content-article__body {
  display: none;
}

.button {
  display: block;
  width: 220px;
  margin: auto;
  padding: 10px;
  text-align: center;
  color: #fff;
  background: rgb(20, 73, 113);
  border-radius: 5px;
}

.button a {
  color: #fff;
}

.button-large {
  margin: 5rem auto;
}

h2.bouton-dons {
  display: flex;
  width: 265px;
  margin: 3rem auto;
  padding: 1rem;
  border-radius: 5px;
  background: #004F68;
}

h2.bouton-dons a {
  text-decoration: none;
  color: #fff;
}

.verset {
  font-weight: 550;
}

.reference {
  font-style: italic;
}

/* MODULES */

.container-top-a>*, .container-top-b>*, .container-bottom-a>*, .container-bottom-b>* {
  margin: 0;
}

.container-bottom-a, .container-bottom-c, .container-bottom-d, .container-bottom-e, .container-bottom-f, .container-bottom-g {
  color: #fff;
  background-color: #004f68;
  box-shadow: -1.5vw 1.5vw 1.5vw rgba(0, 0, 0, 0.15);
}

.container-bottom-b {
  background-color: #73a3ba;
}

.container-bottom h2 {
  color: #fff;
}

.container-bottom img {
  width: 100%;
  height: 100%;
}

.gauche, .droit {
  width: 50%;
}

.text-left, .text-right {
  padding: 3vw;
}

.les-trois-e {
  width: 1330px;
  margin: 0 auto;
  padding: 3vw;
  text-align: center;
  color: #fff;
}

.les-trois-e h2 {
  font-size: 2.5rem;
  font-weight: bold;
}

.les-trois-e p {
  font-size: 2rem;
  font-weight: 700;
}

/* VIGNETTES */

.container-topbar, .container-nav .mod-menu, .page-header, .vignettes-bas-de-page-container, .com-dpcalendar-calendar__calendar, .com-dpcalendar-event, .container-footer {
  max-width: 1400px;
  margin: auto;
}

.vignettes-bas-de-page-container {
  padding: 3rem 3vw 0;
}

.vignette {
  width: 360px;
  height: 360px;
  text-align: center;
  box-shadow: -1.5vw 1.5vw 1.5vw rgba(0, 0, 0, 0.15);
  overflow: hidden;  
}

.text-container {
  position: absolute;
  width: 360px;
  height: 80px;
  top: 230px;
  background: rgba(0, 0, 0, 0.7);
  transition: top ease 0.8s;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

.vignette p {
  color: #fff;
}

.vignette:hover {
  box-shadow: -2px 2px 1em rgba(0, 0, 0), 0;
}

.vignette-title {
    margin: 0;
    font-size: 1.5rem;
}

.vignette-text {
  font-size: 1rem;
}

.vignette-soutenir, .vignette-librairie, .vignette-contact {
  position: relative;
  margin-bottom: 3rem;
}

.vignette-soutenir {
  background-image: url("https://cmj-france.fr/images/images/rouleau-torah-chofar.webp");
}

.vignette-librairie {
  background-image: url("https://cmj-france.fr/images/images/femme-bible.webp");
}

.vignette-contact {
  background-image: url("https://cmj-france.fr/images/images/parc-arbres.webp");
}

/* DPCALENDAR */

.com-dpcalendar-event__description-content h2, .mod-dpcalendar-upcoming-horizontal__description h2 {
  margin-top: 3rem;
}

.mod-dpcalendar-upcoming-horizontal__events {
  display: flex;
  flex-wrap: wrap;
}

.mod-dpcalendar-upcoming-horizontal__group, .mod-dpcalendar-upcoming-horizontal__event {
  width: 320px !important;
}

.orateur-200 {
  margin-left: 3rem;
  margin-right: 3rem;
}

/* FLEX */

.vignettes-bas-de-page, .partenaires, .notre-mandat, .conference-telechargements {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 1330px;
  margin: 0 auto;
}

.partenaire {
  width: 320px;
  margin-top: 5rem;
}

/* FOOTER */

.footer {
  color: #000;
  background-color: #fff;
  background-image: none;
  margin-top: 0;
}

.nos-coordonnees {
  margin: auto 3rem;
}

.nos-coordonnees p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 500;
}

/* OSMAP */

.osmap-items ul {
  margin: 0 0 30px 0 !important;
}

.osmap-items li {
  margin: 10px 0;
}

/* MENTIONS LEGALES */

.mentions-legales {
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.edition, .creation, .hebergement {
  width: 310px;
  margin-bottom: 3rem;
}

/* TARTE AU CITRON */

#tarteaucitronIcon #tarteaucitronManager img {
  width: 30px !important;
  height: 30px !important;
}

@media (width >= 767px) {
  .trois-colonnes, .le-nouveau-testament {
    column-count: 2;
  }
}

@media (width >= 992px) {
  .container-header .mod-menu>li+li {
    margin-left: 0;
  }
}

@media (width >= 1200px) {
  .trois-colonnes, .le-nouveau-testament {
    column-count: 3;
  }
  .coupure-colonne {
    break-before: column;
  }
}