@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@font-face {
  font-family: "Happy Time";
  src: url("../fonts/happy-times-NG_regular_master_web.woff2") format("woff2"), url("../fonts/happy-times-NG_regular_master_web.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Happy Time";
  src: url("../fonts/happy-times-NG_italic_master_web.woff2") format("woff2"), url("../fonts/happy-times-NG_italic_master_web.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Happy Time";
  src: url("../fonts/happy-times-NG_bold_master_web.woff2") format("woff2"), url("../fonts/happy-times-NG_bold_master_web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: calc(14pt + 0.5vw);
}

body {
  font-family: "Happy Time", serif;
  font-size: 1rem;
  color: #262626;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Work Sans", sans-serif;
  color: #262626;
}

h2 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0.5rem 0 0.2rem;
}

h3 {
  font-size: 0.8rem;
  margin: 0 0 1rem;
}

h5 {
  font-size: 0.6rem;
  margin: 0.5rem 0;
}

h6 {
  font-size: 0.5rem;
}

a,
a:hover,
a:focus,
a:visited {
  color: #B2B2B2;
}

icon {
  height: 1rem;
  width: 1rem;
  display: inline-block;
}
icon.arrow {
  background-image: url(../images/icons/fleches.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
icon.down {
  transform: rotate(90deg);
}
icon.right {
  vertical-align: middle;
}
icon.up {
  transform: rotate(-90deg);
}

#start section.section.modular-text:first-of-type {
  padding-bottom: 2rem;
}
#start section.section.modular-text:last-of-type {
  padding-top: 0;
  padding-bottom: 1rem;
}

.text-center {
  text-align: center;
}

#header {
  border-bottom: none;
  height: 5rem;
  font-weight: normal;
  z-index: 2;
  background: white;
}
#header a {
  color: #262626;
}
#header .container {
  height: 100%;
}
#header .container .navbar {
  align-items: center;
  height: 100%;
}
#header .navbar-section {
  height: auto;
}
#header ul.mission-menu {
  font-size: 0.6rem;
  margin: 0 2rem 0 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  justify-content: center;
}
#header ul.mission-menu li {
  margin: 0 0.5rem;
}
#header ul.mission-menu li.active {
  color: #B2B2B2;
}
#header ul.mission-menu li a {
  text-decoration: none;
}
#header ul.mission-menu li a:hover {
  color: #B2B2B2;
}
#header ul.mission-menu li .date {
  font-size: 0.5em;
  font-family: "Work Sans", sans-serif;
  vertical-align: middle;
}

.header-bottom.header-fixed #header {
  top: auto;
  bottom: 0;
  height: 40vh;
}
.header-bottom.header-fixed #header #start {
  margin-top: 0;
}
.header-bottom.header-fixed #header .container .navbar {
  align-items: flex-start;
}
.header-bottom.header-fixed #header ul.mission-menu {
  font-size: 1rem;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  justify-content: center;
}
.header-bottom.header-fixed #header ul.mission-menu li {
  margin: 0 1rem;
}
.header-bottom.header-fixed #header ul.mission-menu li.active {
  color: #B2B2B2;
}
.header-bottom.header-fixed #header ul.mission-menu li a {
  text-decoration: none;
}
.header-bottom.header-fixed #header ul.mission-menu li a:hover {
  color: #B2B2B2;
}
.header-bottom.header-fixed #header ul.mission-menu li .date {
  font-size: 0.5em;
  font-family: "Work Sans", sans-serif;
  vertical-align: middle;
}

#start {
  margin-top: 5rem;
}

.header-bottom #start {
  margin-top: 0;
}
.header-bottom #start #body-wrapper {
  padding-top: 0;
  height: 60vh;
  display: flex;
  align-items: flex-end;
}

.hidden-menu #header {
  display: none;
}
.hidden-menu #start {
  margin-top: 0;
}

.mobile-menu {
  display: block;
  position: fixed;
}
.mobile-menu .button_container {
  top: 2rem;
  right: 2rem;
}
.mobile-menu .button_container span {
  height: 3px;
  background: #B2B2B2;
}

.overlay {
  left: 50%;
  width: 50%;
  background: #B2B2B2;
}
.overlay.open {
  opacity: 1;
}
.overlay .overlay-menu {
  display: flex;
  height: 100%;
}
.overlay .overlay-menu .treemenu li {
  background: none;
  text-align: center;
}
.overlay .overlay-menu .treemenu li .toggler {
  display: none;
}
.overlay .overlay-menu .treemenu li a {
  color: white !important;
}
.overlay .overlay-menu .treemenu li a.active,
.overlay .overlay-menu .treemenu li a:hover {
  font-style: italic;
  color: white !important;
}
.overlay .overlay-menu .treemenu.treemenu-root {
  align-self: center;
  margin: 1rem auto;
}

.hero h1 {
  font-family: "Happy Time", serif;
  font-size: 30vh;
  line-height: 27vh;
  color: #4D4D4D;
}

.modular-text {
  text-align: center;
  padding-top: 1rem;
}

.modular-vertical-gallery {
  text-align: center;
  overflow: hidden;
}
.modular-vertical-gallery .swiper-container {
  height: 100vh;
  width: 100%;
  cursor: pointer;
}
.modular-vertical-gallery .swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}
.modular-vertical-gallery .swiper-container .swiper-slide:first-of-type h1 {
  font-family: "Happy Time", serif;
  font-size: 11rem;
  line-height: 9.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.modular-vertical-gallery .swiper-container .swiper-slide.last-bit-of-text {
  height: 90%;
}
.modular-vertical-gallery .swiper-container .swiper-slide .text-body {
  margin: 0 2rem;
}
.modular-vertical-gallery .swiper-container .swiper-slide .text-body .fa-arrow-down {
  color: #B2B2B2;
}
.modular-vertical-gallery .swiper-container .swiper-slide img {
  height: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modular-vertical-gallery .swiper-pagination-progressbar {
  position: fixed;
  background: #262626;
}
.modular-vertical-gallery .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #B2B2B2;
}

.modular-horizontal-gallery {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.modular-horizontal-gallery .container {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.modular-horizontal-gallery .container.full-size {
  padding-left: 0;
  padding-right: 0;
}
.modular-horizontal-gallery .swiper-container {
  height: 70vh;
  max-height: 810px;
  cursor: pointer;
}
.modular-horizontal-gallery .swiper-container .swiper-slide {
  width: auto;
}
.modular-horizontal-gallery .swiper-container .swiper-slide img, .modular-horizontal-gallery .swiper-container .swiper-slide video {
  height: 100%;
  max-height: 100%;
}
.modular-horizontal-gallery .swiper-container .swiper-slide.blank {
  width: 25%;
}
.modular-horizontal-gallery .swiper-button-prev {
  width: auto;
}
.modular-horizontal-gallery .swiper-button-prev:after {
  content: url("../images/icons/fleches.svg");
  width: 1rem;
  transform: rotate(180deg);
}
.modular-horizontal-gallery .swiper-button-next {
  width: auto;
}
.modular-horizontal-gallery .swiper-button-next:after {
  content: url("../images/icons/fleches.svg");
  width: 1rem;
}
.modular-horizontal-gallery .text-body {
  margin-top: 0.5rem;
  margin-bottom: 3.5rem;
}
.modular-horizontal-gallery .text-body icon {
  float: left;
  margin: 0.2rem;
}
.modular-horizontal-gallery .text-body p {
  margin: 0 0 1.2rem 1.4rem;
}

.modular-single-video {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.modular-single-video .container {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.modular-single-video .container.full-size {
  padding-left: 0;
  padding-right: 0;
}
.modular-single-video .single-container {
  height: 70vh;
  max-height: 810px;
  cursor: pointer;
}
.modular-single-video .single-container .single-wrapper {
  height: 100%;
}
.modular-single-video .single-container .single-slide {
  width: auto;
  height: 100%;
}
.modular-single-video .single-container .single-slide img, .modular-single-video .single-container .single-slide video {
  height: 100%;
  max-height: 100%;
}
.modular-single-video .single-container .single-slide.blank {
  width: 25%;
}
.modular-single-video .text-body {
  margin-top: 0.5rem;
  margin-bottom: 3.5rem;
}
.modular-single-video .text-body icon {
  float: left;
  margin: 0.2rem;
}
.modular-single-video .text-body p {
  margin: 0 0 1.2rem 1.4rem;
}

.modular-books {
  padding: 0 !important;
}
.modular-books .container {
  padding: 0;
  background: white;
}
.modular-books .container.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding-right: 1.4rem;
  padding-left: 1.4rem;
}
.modular-books .container.footer icon {
  float: left;
  margin: 0.2rem;
}
.modular-books .container.footer .text-body {
  margin: 0.5rem auto 0;
  max-width: 1296px;
}
.modular-books .videos-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.modular-books .videos-wrapper .book-video {
  width: calc(50vw - 8px);
  height: 50vh;
}
.modular-books .videos-wrapper .book-video video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-lazy-preloader {
  opacity: 0;
}

.swipe-to-link {
  display: none;
  position: fixed;
  z-index: 10;
  bottom: 2rem;
  right: 2rem;
}

@media only screen and (max-width: 420px) {
  html {
    font-size: 9pt;
  }
  .overlay {
    left: 0;
    width: 100%;
  }
  .modular-vertical-gallery .swiper-container .swiper-slide:first-of-type h1 {
    font-size: 6.5rem;
    line-height: 6rem;
  }
  .modular-vertical-gallery .swiper-container .swiper-slide .text-body {
    margin: 0;
  }
  #header .navbar-section {
    margin-right: 0;
  }
  .header-bottom.header-fixed #header ul.mission-menu {
    margin: 0;
  }
  .modular-horizontal-gallery .swiper-container {
    height: 36vh;
  }
}/*# sourceMappingURL=custom.css.map */