/*
 Theme Name:   Genre Numérique par MiNT
 Template:     mint
*/

:root {
  --color-primary: #98c993;
  --color-secondary: #a78bf6;
  --gray-300: #e2e2e2;
  --gray-900: #2e2d2d;
  --white: #fefefe;

  --font-family: 'Helvetica', sans-serif;
  --font-family-heading: 'Happy Times Italic', sans-serif;
}

@font-face {
  font-family: "Happy Times Italic";
  src: url("./assets/fonts/happy-times-NG_italic_master_web") format("ttf");
  src: url("./assets/fonts/happy-times/happy-times-NG_italic_master_web.woff") format("woff");
  src: url("./assets/fonts/happy-times/happy-times-NG_italic_master_web.woff2") format("woff2");
}


/* Global styles */
a:visited { color: var(--color-primary); }
a:hover {
  color: var(--color-secondary);
}

.post, .page {
  margin: 0;
}

.page-template-front-page h1 { font-size: 2.5rem; }
h2 { font-size: 2.2rem; }
h3 { font-size: 2rem; }

@media (min-width: 769px) {
  .page-template-front-page h1 { font-size: 5rem; }
  .page-template-front-page h2.card__title { font-size: 3rem; }

  h1 { font-size: 3rem; }
  h2 { font-size: 2.2rem; }
  h3 { font-size: 1.8rem; }
}

/* Partners grid */
.logo__image { height: 100%; }
.logo__image img { object-fit: contain; }



/* Layout */
/* Navigation *//* Grid */
.col-12.centered {
  display: flex;
  justify-content: center;
  text-align: center;
}

.header__nav__desktop .menu {
  margin-bottom: 0;
}

/* Footer */
footer {
  padding-top: 100px;
  margin-top: 150px;
  background: linear-gradient(0deg, var(--color-secondary) 20px, rgba(255, 255, 255, 0) 100%);
}

footer a, footer a:visited,
footer h3, footer .copyright p  {
  color: var(--color-text-dark);
}

footer a:hover, footer a:visited:hover {
  color: var(--white);
}

/* Headers */
.hero-page .hero-page__image {
  height: 500px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .hero-page .hero-page__image {
    height: 300px;
  }
}

/* PARAGRAPHS */
/* texts-medias */
.text-media__image img { object-fit: contain; }

/* content-events */
.event__date,
.event__hours {
  margin-bottom: 0;
}

.event__location__details span,
.event__prices__details span { display: block; }

.event__description.wysiwyg h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.single-event .event__links {
  margin-top: 0;
}

.single-event .event__description {
  border-bottom: 0;
}

.single-event .event__infos {
  border-top: 1px solid var(--color-primary);
  padding-top: 20px;
}

.single-event .event__infos .event__prices {
  border-top: 0;
}

.single-event .event__location + .event__prices {
  border-top: 1px solid var(--gray-300);
}

/* archive-posts */
.archive-posts .filter__categories .category {
  min-height: inherit;
  margin: 30px 0;
}

.archive-posts .filter__categories label {
  border-radius: 0;
}

/* texts */
.text__simple .text .text__text.wysiwyg li,
.text__simple .text .text__text.wysiwyg p,
.text__simple .text .text__text > * {
  font-size: 1rem;
}

/* separator */
.separator {
  background-color: var(--color-secondary);
  margin: 50px 0;
}

/* Newsletter */
#mailpoet_form_2 {
  margin: 50px 0;
}

#mailpoet_form_2 h1 span,
#mailpoet_form_2 p {
  font-family: inherit !important;
}

#mailpoet_form_2 form.mailpoet_form.mailpoet_form_shortcode {
  padding: 50px;
}

#mailpoet_form_2 .mailpoet_form .mailpoet_form_paragraph {
  margin-bottom: 30px;
}



#mailpoet_form_2 .mailpoet_form h1.mailpoet-heading {
  margin: 50px auto 20px auto;
  width: 80%;
}

@media (max-width: 768px) {
  #mailpoet_form_2 .mailpoet_form .mailpoet_paragraph {
    margin-bottom: 10px;
  }
  #mailpoet_form_2 .mailpoet_form h1.mailpoet-heading {
    margin: 20px auto !important;
    width: 100%;
    font-size: 30px !important;
  }

  #mailpoet_form_2 form.mailpoet_form.mailpoet_form_shortcode {
    padding: 30px;
  }
}

/* CTA */
.cta .cta__wrapper {
  min-height: inherit;
  margin: 0;
}

.cta .cta__wrapper .card__text {
  margin: 30px 0 0 0;
}

.cta .cta__wrapper .card__text > p {
  font-size: 1.25rem;
}

/* Team */
.team-member .member__description {
  padding-bottom: 0;
  border-bottom: 0;
}
.team-member .member__contact {
  border-top: 1px solid var(--color-primary);
  padding-top: 20px;
}