@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/***************************************************

Variables de couleur

****************************************************/
/***************************************************

Variables d'espacement

****************************************************/
/***************************************************

Variables de style globales

****************************************************/
/***************************************************

Variables de typographies

****************************************************/
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&family=Satisfy&family=Teko:wght@500;600&display=swap");
/* Laisser les valeurs en px, les tailles sont calculée en rem par la suite */
/* Ratio des titres en mobile */
/* Line-height global */
/* Line-height des titres */
/***************************************************

Variables des boutons

****************************************************/
/***************************************************

Marges

****************************************************/
/***************************************************

Breakpoints

****************************************************/
/***************************************************

Conteneur

****************************************************/
/***************************************************

Media queries

****************************************************/
/* ----------------------------------------------
 * Generated by Animista on 2020-3-18 19:39:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-up-tr
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-tr {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
  }
}
@keyframes scale-up-tr {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
  }
}
/* line 325, ../../FLWEB/sass/_mixins.scss */
.scale-up-tr {
  -webkit-animation: scale-up-tr 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-tr 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-3-18 20:17:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/* line 370, ../../FLWEB/sass/_mixins.scss */
.slide-right, .aos-animate .bg-image.left img {
  -webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-right-revert {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes slide-right-revert {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes scale-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes scale-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes scale-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes btn-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    color: transparent;
  }
  80% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    color: transparent;
  }
}
@-webkit-keyframes btn-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    color: transparent;
  }
  80% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    color: transparent;
  }
}
@keyframes btn-right-r {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    color: transparent;
  }
  80% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    color: transparent;
  }
}
@-webkit-keyframes btn-right-r {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    color: transparent;
  }
  80% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    color: transparent;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes defilement-rtl {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes defilement-rtl {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes aurore {
  0% {
    background-position: 0 0;
  }
  50% {
    transform: translateY(110px);
  }
  100% {
    background-position: -1500px 0;
  }
}
@-webkit-keyframes aurore {
  0% {
    background-position: 0 0;
  }
  50% {
    transform: translateY(110px);
  }
  100% {
    background-position: -1500px 0;
  }
}
@keyframes cats {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes logo {
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2023-5-22 14:42:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-up-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2023-5-22 14:57:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* line 156, ../sass/_animations.scss */
.scale-up-bottom, .home-top .character, .home-top .text-container > div, .bloc.characters .aos-animate img, #video .aos-animate .gromit-video,
#video .aos-animate .wallace-video,
.logo-fonce {
  -webkit-animation: scale-up-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* line 163, ../sass/_animations.scss */
.slide-right, .aos-animate .bg-image.left img {
  -webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* line 168, ../sass/_animations.scss */
.slide-left, .aos-animate .bg-image.right img {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* line 172, ../sass/_animations.scss */
.slide-bottom, #newsletter .aos-animate .mc4wp-form, #newsletter .aos-animate h2, #newsletter .aos-animate .wp-block-image:not(.bg-image) img, .actualites.bloc.aos-animate, #partenaires .aos-animate figure {
  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* line 1, ../sass/_footer.scss */
footer.footer {
  position: relative;
  margin: 0;
  padding-bottom: 100px;
}
/* line 5, ../sass/_footer.scss */
footer.footer .copyright {
  position: relative;
  top: 60px;
  font-weight: 800;
}
/* line 9, ../sass/_footer.scss */
footer.footer .copyright p, footer.footer .copyright a {
  display: inline-block;
}
/* line 13, ../sass/_footer.scss */
footer.footer .menu {
  display: flex;
  flex-wrap: wrap;
  max-width: 380px;
}
/* line 17, ../sass/_footer.scss */
footer.footer .menu li {
  flex-basis: 50%;
}
/* line 19, ../sass/_footer.scss */
footer.footer .menu li a {
  text-decoration: none;
}
/* line 24, ../sass/_footer.scss */
footer.footer h2 {
  margin-bottom: 0;
}
/* line 27, ../sass/_footer.scss */
footer.footer #footer-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: auto;
  display: block;
  left: 0;
  bottom: 0;
}
/* line 36, ../sass/_footer.scss */
footer.footer .logo-fonce {
  max-width: 270px;
  margin: auto;
  display: block;
}
@media only screen and (min-width: 70rem) {
  /* line 41, ../sass/_footer.scss */
  footer.footer .flex {
    justify-content: space-between;
  }
  /* line 44, ../sass/_footer.scss */
  footer.footer .flex > div {
    flex-basis: 48%;
  }
}
/* line 50, ../sass/_footer.scss */
footer.footer p {
  display: block;
  margin: 0;
}
/* line 56, ../sass/_footer.scss */
footer.footer .footer-bg-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
/* line 63, ../sass/_footer.scss */
footer.footer .footer-bg-1 img {
  width: 100%;
  height: auto;
}
/* line 69, ../sass/_footer.scss */
footer.footer .footer-bg-2 {
  display: none;
}
@media only screen and (min-width: 70rem) {
  /* line 69, ../sass/_footer.scss */
  footer.footer .footer-bg-2 {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
/* line 80, ../sass/_footer.scss */
footer.footer .background-footer {
  background: #e6c067;
  padding: 0 15px;
  box-shadow: 3px 0 0 var(--ui-color-secondary);
}
@media only screen and (min-width: 70rem) {
  /* line 80, ../sass/_footer.scss */
  footer.footer .background-footer {
    box-shadow: 5px 0 0 var(--ui-color-secondary);
    padding: 0 30px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 80, ../sass/_footer.scss */
  footer.footer .background-footer {
    box-shadow: 9px 0 0 var(--ui-color-secondary);
  }
}
/* line 94, ../sass/_footer.scss */
footer.footer #footer-top {
  position: absolute;
  bottom: 100%;
  width: calc(100% + 3px);
  display: block;
  max-width: none;
  z-index: 0;
  left: 0;
}
@media only screen and (min-width: 70rem) {
  /* line 94, ../sass/_footer.scss */
  footer.footer #footer-top {
    width: calc(100% + 5px);
  }
}
@media only screen and (min-width: 83rem) {
  /* line 94, ../sass/_footer.scss */
  footer.footer #footer-top {
    width: calc(100% + 9px);
  }
}
/* line 110, ../sass/_footer.scss */
footer.footer #footer-bottom {
  position: absolute;
  top: 100%;
  width: calc(100% + 3px);
  display: block;
  max-width: none;
  z-index: 0;
  left: 0;
}
@media only screen and (min-width: 70rem) {
  /* line 110, ../sass/_footer.scss */
  footer.footer #footer-bottom {
    width: calc(100% + 5px);
  }
}
@media only screen and (min-width: 83rem) {
  /* line 110, ../sass/_footer.scss */
  footer.footer #footer-bottom {
    width: calc(100% + 9px);
  }
}

/* line 127, ../sass/_footer.scss */
#social-nav-footer {
  margin-bottom: 30px;
}
/* line 129, ../sass/_footer.scss */
#social-nav-footer p {
  display: block;
  margin-bottom: 15px;
}
/* line 133, ../sass/_footer.scss */
#social-nav-footer ul {
  display: flex;
}
/* line 135, ../sass/_footer.scss */
#social-nav-footer ul a {
  display: block;
  width: 2rem;
  height: 2rem;
}
/* line 141, ../sass/_footer.scss */
#social-nav-footer ul img {
  width: 1.4rem;
  height: auto;
}

/* line 147, ../sass/_footer.scss */
.logo-footer {
  margin-bottom: 30px;
}
/* line 149, ../sass/_footer.scss */
.logo-footer a {
  display: block;
  margin-bottom: 15px;
}

/* line 1, ../sass/_header.scss */
header.header {
  position: fixed;
  top: 0;
  width: 100%;
  transition: 300ms ease;
  z-index: 99;
}
/* line 8, ../sass/_header.scss */
header.header .rocket {
  display: none;
}
@media only screen and (min-width: 70rem) {
  /* line 14, ../sass/_header.scss */
  header.header .nav-container ul {
    margin: 0 30px;
  }
  /* line 18, ../sass/_header.scss */
  header.header .rocket {
    display: block;
  }
  /* line 22, ../sass/_header.scss */
  header.header .nav-container {
    display: flex;
    justify-content: center;
  }
  /* line 27, ../sass/_header.scss */
  header.header .menu-item {
    margin: 0 7.5px;
  }
  /* line 31, ../sass/_header.scss */
  header.header .menu-item a {
    background-image: url("../img/bouton.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: "Teko", sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    border-radius: 0;
    color: var(--ui-color-secondary);
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 500;
    transition: 100ms ease;
    text-decoration: none;
    width: 7rem;
    text-align: center;
  }
  /* line 48, ../sass/_header.scss */
  header.header .menu-item a:hover, header.header .menu-item a:focus {
    background-image: url("../img/bouton2.svg");
    transition: 100ms ease;
  }
}
@media only screen and (min-width: 70rem) {
  /* line 57, ../sass/_header.scss */
  header.header .menu-item {
    margin: 0 15px;
  }
}
/* line 62, ../sass/_header.scss */
header.header .logo {
  padding: 5px;
  display: none;
  z-index: 99;
}
@media only screen and (min-width: 70rem) {
  /* line 62, ../sass/_header.scss */
  header.header .logo {
    position: absolute;
    top: 0;
  }
}
/* line 72, ../sass/_header.scss */
header.header .logo img {
  width: 235px;
  height: auto;
}

/* line 81, ../sass/_header.scss */
.open-menu header.header .logo {
  display: block;
}
/* line 83, ../sass/_header.scss */
.open-menu header.header .logo img {
  width: 90px;
}

/* line 90, ../sass/_header.scss */
.scrolled header.header {
  background: var(--ui-color-tertiary);
}
/* line 93, ../sass/_header.scss */
.scrolled header.header .logo {
  display: block;
}
/* line 96, ../sass/_header.scss */
.scrolled header.header .logo img {
  width: 90px;
  height: auto;
}
@media only screen and (min-width: 70rem) {
  /* line 90, ../sass/_header.scss */
  .scrolled header.header {
    background: #6b274c;
    background: linear-gradient(0deg, rgba(107, 39, 76, 0) 26%, rgba(107, 39, 76, 0.70912) 100%);
  }
  /* line 108, ../sass/_header.scss */
  .scrolled header.header .logo img {
    width: 130px;
    height: auto;
  }
}

/* line 119, ../sass/_header.scss */
#social-nav-header {
  background-image: url("../img/bouton3.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
}
@media only screen and (min-width: 70rem) {
  /* line 119, ../sass/_header.scss */
  #social-nav-header {
    position: fixed;
    top: 25%;
    right: -13px;
    z-index: 9;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    width: 83px;
    height: 261px;
    transition: 300ms ease;
  }
  /* line 137, ../sass/_header.scss */
  #social-nav-header ul {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }
  /* line 145, ../sass/_header.scss */
  #social-nav-header ul li a {
    background: transparent;
    width: 1.8rem;
    height: 1.9rem;
    display: block;
    text-align: center;
  }
}

/* line 157, ../sass/_header.scss */
.scrolled-top header.header {
  top: -80px;
  transition: 300ms ease;
}
/* line 162, ../sass/_header.scss */
.scrolled-top #social-nav-header {
  right: -120px;
  transition: 300ms ease;
}

/* line 1, ../sass/blocks/_home.scss */
.home-top {
  color: white;
  padding-top: 30px;
}
/* line 5, ../sass/blocks/_home.scss */
.home-top:after {
  content: " ";
  display: block;
  width: 100%;
  height: 10vh;
  background: #e9e0d0;
  background: linear-gradient(0deg, #e9e0d0 26%, rgba(233, 224, 208, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 17, ../sass/blocks/_home.scss */
.home-top .logo-fonce {
  max-width: 600px;
  margin: auto;
  width: 64%;
  display: block;
  margin-bottom: 60px;
}
@media only screen and (min-width: 70rem) {
  /* line 17, ../sass/blocks/_home.scss */
  .home-top .logo-fonce {
    width: 80%;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 17, ../sass/blocks/_home.scss */
  .home-top .logo-fonce {
    margin-bottom: 120px;
  }
}
/* line 34, ../sass/blocks/_home.scss */
.home-top .character {
  animation-delay: 0.5s;
  position: absolute;
  bottom: 0;
  width: 100%;
}
/* line 42, ../sass/blocks/_home.scss */
.home-top .character img {
  height: 300px;
  width: auto;
  margin: 0;
}
@media only screen and (min-width: 70rem) {
  /* line 42, ../sass/blocks/_home.scss */
  .home-top .character img {
    max-height: 80vh;
    max-width: 100%;
    height: auto;
    width: auto;
    margin: 0;
  }
}
/* line 58, ../sass/blocks/_home.scss */
.home-top .text-container {
  padding: 0 15px;
  padding-bottom: 300px;
}
@media only screen and (min-width: 70rem) {
  /* line 58, ../sass/blocks/_home.scss */
  .home-top .text-container {
    padding-bottom: 100px;
  }
}
/* line 65, ../sass/blocks/_home.scss */
.home-top .text-container .aligncenter {
  margin: auto;
  display: block;
}
@media only screen and (min-width: 70rem) {
  /* line 1, ../sass/blocks/_home.scss */
  .home-top {
    padding-top: 100px;
  }
  /* line 79, ../sass/blocks/_home.scss */
  .home-top .character {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
  }
  /* line 85, ../sass/blocks/_home.scss */
  .home-top .character img {
    width: 100%;
    max-height: none;
  }
  /* line 92, ../sass/blocks/_home.scss */
  .home-top p > a.btn {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

/* line 1, ../sass/blocks/_characters.scss */
.background {
  position: relative;
  z-index: -1;
  top: 20vh;
  margin-bottom: 20vh;
}
/* line 8, ../sass/blocks/_characters.scss */
.background img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
}
@media only screen and (min-width: 48.85rem) {
  /* line 1, ../sass/blocks/_characters.scss */
  .background {
    width: calc(100% + 120px);
    margin-left: -60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 1, ../sass/blocks/_characters.scss */
  .background {
    width: calc(100% + 480px);
    margin-left: -240px;
  }
}

/* line 39, ../sass/blocks/_characters.scss */
.bloc.characters .Wallace .img-container img {
  max-height: 800px;
}
@media only screen and (min-width: 70rem) {
  /* line 45, ../sass/blocks/_characters.scss */
  .bloc.characters.Beryl .img-container {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 50, ../sass/blocks/_characters.scss */
  .bloc.characters.Beryl .img-container {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
/* line 60, ../sass/blocks/_characters.scss */
.bloc.characters .aos-init img {
  opacity: 0;
}

/* line 1, ../sass/blocks/_newsletter.scss */
#newsletter {
  margin-bottom: 60px;
}
/* line 3, ../sass/blocks/_newsletter.scss */
#newsletter .badge {
  max-width: 380px;
  margin: auto;
}
@media only screen and (min-width: 70rem) {
  /* line 3, ../sass/blocks/_newsletter.scss */
  #newsletter .badge {
    margin: 0;
  }
}
/* line 13, ../sass/blocks/_newsletter.scss */
#newsletter .aos-init .wp-block-image:not(.bg-image) img {
  opacity: 0;
}
/* line 19, ../sass/blocks/_newsletter.scss */
#newsletter h2 {
  margin-bottom: 0;
}
/* line 23, ../sass/blocks/_newsletter.scss */
#newsletter .mc4wp-form {
  padding-top: 60px;
  background: url("../img/white-rocket.svg") no-repeat top center;
  background-size: auto 220px;
}
/* line 32, ../sass/blocks/_newsletter.scss */
#newsletter .aos-init .mc4wp-form {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
}

/* line 17, ../sass/screen.scss */
html {
  font-family: "Roboto Slab", sans-serif, "Roboto", "Arial", sans-serif;
  color: var(--ui-color-secondary);
  background: var(--ui-color-tertiary);
}

/* titres */
/* line 26, ../sass/screen.scss */
h2 {
  font-family: "Teko", sans-serif;
  font-weight: 300;
}

/* line 32, ../sass/screen.scss */
h3 {
  font-family: "Teko", sans-serif;
}

/* line 36, ../sass/screen.scss */
h4 {
  font-family: "Teko", sans-serif;
}

/* line 40, ../sass/screen.scss */
.aos-init {
  position: relative;
}

/* line 44, ../sass/screen.scss */
.relative {
  position: relative;
}

/* line 48, ../sass/screen.scss */
#content {
  margin-bottom: 60px;
}

/* line 52, ../sass/screen.scss */
body,
html {
  overflow-x: hidden;
}

/* line 57, ../sass/screen.scss */
.btn,
.wp-block-button__link,
.sendpress-submit,
.wpcf7-submit,
.acf-button,
.button-primary,
.content p > a.btn,
.wpcf7-form input.wpcf7-submit,
.wpcf7-form input[type="submit"] {
  background-image: url("../img/bouton.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: "Teko", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  border-radius: 0;
  color: var(--ui-color-secondary);
  padding: 15px 30px;
  text-transform: uppercase;
  font-weight: 500;
  transition: 100ms ease;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 70rem) {
  /* line 57, ../sass/screen.scss */
  .btn,
  .wp-block-button__link,
  .sendpress-submit,
  .wpcf7-submit,
  .acf-button,
  .button-primary,
  .content p > a.btn,
  .wpcf7-form input.wpcf7-submit,
  .wpcf7-form input[type="submit"] {
    font-size: 35px;
    font-size: 2.1875rem;
  }
  /* line 83, ../sass/screen.scss */
  .btn.large-btn,
  .wp-block-button__link.large-btn,
  .sendpress-submit.large-btn,
  .wpcf7-submit.large-btn,
  .acf-button.large-btn,
  .button-primary.large-btn,
  .content p > a.btn.large-btn,
  .wpcf7-form input.wpcf7-submit.large-btn,
  .wpcf7-form input[type="submit"].large-btn {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
/* line 88, ../sass/screen.scss */
.btn:hover, .btn:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.sendpress-submit:hover,
.sendpress-submit:focus,
.wpcf7-submit:hover,
.wpcf7-submit:focus,
.acf-button:hover,
.acf-button:focus,
.button-primary:hover,
.button-primary:focus,
.content p > a.btn:hover,
.content p > a.btn:focus,
.wpcf7-form input.wpcf7-submit:hover,
.wpcf7-form input.wpcf7-submit:focus,
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:focus {
  background-image: url("../img/bouton2.svg");
  transition: 100ms ease;
}

@media only screen and (min-width: 70rem) {
  /* line 96, ../sass/screen.scss */
  .x-large {
    width: calc(100% + 240px);
    margin-left: -120px;
  }
}

/* line 105, ../sass/screen.scss */
.wp-block-video {
  max-width: 780px;
  margin: auto;
}

/* line 110, ../sass/screen.scss */
.headings {
  position: relative;
}
/* line 113, ../sass/screen.scss */
.headings:after {
  content: " ";
  display: block;
  width: 100%;
  height: 10vh;
  background: #e9e0d0;
  background: linear-gradient(0deg, #e9e0d0 26%, rgba(233, 224, 208, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 125, ../sass/screen.scss */
.headings h1 {
  color: white !important;
  font-family: "Teko", sans-serif;
  font-weight: 900;
  text-shadow: 2px 2px 0px var(--ui-color-primary);
}
@media only screen and (min-width: 70rem) {
  /* line 125, ../sass/screen.scss */
  .headings h1 {
    font-size: 75px;
    font-size: 4.6875rem;
  }
}
/* line 136, ../sass/screen.scss */
.headings .logo-fonce {
  width: 64%;
  margin: auto;
}
@media only screen and (min-width: 70rem) {
  /* line 136, ../sass/screen.scss */
  .headings .logo-fonce {
    width: 250px;
  }
}
/* line 145, ../sass/screen.scss */
.headings .text-container {
  padding-top: 30px;
}
@media only screen and (min-width: 70rem) {
  /* line 145, ../sass/screen.scss */
  .headings .text-container {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 83rem) {
  /* line 159, ../sass/screen.scss */
  .wrapper .full-width {
    width: calc(100% + 240px);
    margin-left: -120px;
  }
}
/* line 165, ../sass/screen.scss */
.wrapper .bg-image {
  display: none;
}
@media only screen and (min-width: 70rem) {
  /* line 165, ../sass/screen.scss */
  .wrapper .bg-image {
    position: absolute;
    z-index: -1;
    display: block;
  }
}
@media only screen and (min-width: 48.85rem) {
  /* line 175, ../sass/screen.scss */
  .wrapper .bg-image.left {
    margin-left: -60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 175, ../sass/screen.scss */
  .wrapper .bg-image.left {
    margin-left: -240px;
  }
}
/* line 189, ../sass/screen.scss */
.wrapper .bg-image.right {
  right: 0;
}
@media only screen and (min-width: 48.85rem) {
  /* line 189, ../sass/screen.scss */
  .wrapper .bg-image.right {
    margin-right: -60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 189, ../sass/screen.scss */
  .wrapper .bg-image.right {
    margin-right: -240px;
  }
}

/* line 207, ../sass/screen.scss */
.wp-block-image .size-large img {
  width: 100%;
  height: auto;
}

/* line 212, ../sass/screen.scss */
.border {
  padding: 15px;
  border: 1px solid var(--ui-color-primary);
}
@media only screen and (min-width: 70rem) {
  /* line 212, ../sass/screen.scss */
  .border {
    padding: 30px;
  }
}

/* line 221, ../sass/screen.scss */
p.align-center {
  display: flex;
  align-items: center;
}

/* line 226, ../sass/screen.scss */
.slider-container {
  padding: 15px;
}
/* line 229, ../sass/screen.scss */
.slider-container blockquote {
  text-align: center;
  font-weight: 700;
  line-height: 1.6;
  font-size: 22px;
  font-size: 1.375rem;
}
/* line 236, ../sass/screen.scss */
.slider-container .slider {
  max-width: 600px;
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 70rem) {
  /* line 236, ../sass/screen.scss */
  .slider-container .slider {
    padding: 0 80px;
  }
}

/* line 247, ../sass/screen.scss */
.slick-slider {
  padding-bottom: 60px;
}
/* line 250, ../sass/screen.scss */
.slick-slider .slick-arrow {
  width: 40px;
  height: 40px;
  display: flex;
  font-size: 0;
  color: transparent;
  background: #e59549;
  overflow: hidden;
  border-radius: 50%;
  border: none;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
/* line 265, ../sass/screen.scss */
.slick-slider .slick-arrow:hover {
  opacity: 0.7;
}
/* line 269, ../sass/screen.scss */
.slick-slider .slick-arrow.slick-next {
  left: 60px;
}
/* line 274, ../sass/screen.scss */
.slick-slider .slick-arrow.slick-next:before {
  content: url(../img/chevron-right-white.svg);
  font-size: 10px;
  color: white;
  font-weight: 200;
  line-height: 1;
  display: block;
  width: 13px;
  margin: auto;
}
/* line 286, ../sass/screen.scss */
.slick-slider .slick-arrow.slick-prev {
  left: 0;
}
/* line 289, ../sass/screen.scss */
.slick-slider .slick-arrow.slick-prev:before {
  content: url(../img/chevron-LEFT-white.svg);
  font-size: 10px;
  color: white;
  font-weight: 200;
  line-height: 1;
  display: block;
  width: 13px;
  margin: auto;
}
/* line 302, ../sass/screen.scss */
.slick-slider .slick-dots {
  display: flex;
  justify-content: center;
}
/* line 309, ../sass/screen.scss */
.slick-slider .slick-dots li {
  padding: 7px;
}
/* line 313, ../sass/screen.scss */
.slick-slider .slick-dots li button {
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  font-size: 0;
  color: transparent;
  opacity: 0.4;
}
/* line 322, ../sass/screen.scss */
.slick-slider .slick-dots li button:after {
  content: " ";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--ui-color-secondary);
}
/* line 334, ../sass/screen.scss */
.slick-slider .slick-dots li.slick-active button {
  opacity: 1;
}
/* line 337, ../sass/screen.scss */
.slick-slider .slick-dots li.slick-active button:after {
  background: var(--ui-color-primary);
}

/* line 348, ../sass/screen.scss */
.wpcf7-checkbox .wpcf7-list-item {
  display: flex;
}

/* line 353, ../sass/screen.scss */
.content ul:not(.slick-dots, .liste) {
  padding-left: 30px;
  margin-bottom: 15px;
}
/* line 357, ../sass/screen.scss */
.content ul:not(.slick-dots, .liste) li {
  font-family: "Roboto Slab", sans-serif;
}
/* line 361, ../sass/screen.scss */
.content ul:not(.slick-dots, .liste) li > a {
  color: var(--ui-color-secondary);
  font-family: "Roboto Slab", sans-serif, "Roboto", "Arial", sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: inline;
  -webkit-transition: color 0.6s ease;
  -moz-transition: color 0.6s ease;
  -ms-transition: color 0.6s ease;
  -o-transition: color 0.6s ease;
  transition: color 0.6s ease;
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(21%, currentColor));
  background-image: linear-gradient(to bottom, transparent 20%, currentColor 21%);
  background-size: 100% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: 100% 100%;
  -webkit-transition: background-size 0.5s ease-in-out 0.2s;
  transition: background-size 0.5s ease-in-out 0.2s;
}
/* line 382, ../sass/screen.scss */
.content ul:not(.slick-dots, .liste) li > a:hover, .content ul:not(.slick-dots, .liste) li > a:focus {
  color: var(--ui-color-primary);
  background-size: 0 1px;
  transition: 300ms ease;
}
/* line 392, ../sass/screen.scss */
.content ul:not(.slick-dots, .liste) li:before {
  content: "\2022";
  color: var(--ui-color-secondary);
  font-weight: bold;
  display: inline-block;
  font-size: 22px;
  opacity: 0.8;
  line-height: 1;
  margin-right: 7px;
}
/* line 404, ../sass/screen.scss */
.content ul:not(.slick-dots, .liste).blocks-gallery-grid {
  padding: 0;
}
/* line 409, ../sass/screen.scss */
.content ul:not(.slick-dots, .liste).blocks-gallery-grid li:before {
  content: none;
}

/* line 418, ../sass/screen.scss */
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item > input,
#event-form .wpcf7-checkbox .wpcf7-list-item > input {
  flex-basis: 50px;
}

/* homepage */
/* line 427, ../sass/screen.scss */
.page-template-template-home h3,
.page-id-208 h3 {
  font-family: "Satisfy", "Arial", sans-serif;
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  transform-origin: 0 100%;
  text-shadow: 1px 1px 0 #e6c067;
  font-size: 35px;
  font-size: 2.1875rem;
}
@media only screen and (min-width: 70rem) {
  /* line 427, ../sass/screen.scss */
  .page-template-template-home h3,
  .page-id-208 h3 {
    font-size: 48px;
    font-size: 3rem;
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
}
@media only screen and (min-width: 83rem) {
  /* line 427, ../sass/screen.scss */
  .page-template-template-home h3,
  .page-id-208 h3 {
    font-size: 62px;
    font-size: 3.875rem;
  }
}

/* line 446, ../sass/screen.scss */
.actualites.bloc.aos-init {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
}

/* line 457, ../sass/screen.scss */
#introduction {
  position: relative;
}
/* line 458, ../sass/screen.scss */
#introduction .wp-block-columns {
  margin-bottom: 30px;
}
/* line 462, ../sass/screen.scss */
#introduction p {
  margin-bottom: 7.5px;
  display: block;
}
/* line 469, ../sass/screen.scss */
#introduction .left {
  top: 0;
}

/* line 475, ../sass/screen.scss */
#partenaires {
  margin-bottom: 0;
}
/* line 478, ../sass/screen.scss */
#partenaires img {
  max-width: 380px;
  margin: 0;
  height: 50px;
  width: auto;
}
/* line 487, ../sass/screen.scss */
#partenaires .aos-init figure {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
}
@media only screen and (min-width: 70rem) {
  /* line 506, ../sass/screen.scss */
  #partenaires > .wp-block-column:first-of-type .wp-block-columns {
    border-bottom: none;
    border-right: 1px solid #e6c067;
  }
}

/* line 515, ../sass/screen.scss */
#Team {
  background: url("../img/white-rocket.svg") no-repeat bottom center;
  background-size: auto 220px;
  margin-bottom: 0;
}
/* line 520, ../sass/screen.scss */
#Team .wp-block-columns {
  margin-bottom: 0;
  padding-bottom: 30px;
}

/* line 526, ../sass/screen.scss */
#news {
  position: relative;
}
/* line 529, ../sass/screen.scss */
#news .absolute {
  display: block;
  width: calc(100% + 30px);
  margin-left: -15px;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin-bottom: 0;
}
/* line 542, ../sass/screen.scss */
#news .absolute img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 48.85rem) {
  /* line 529, ../sass/screen.scss */
  #news .absolute {
    width: calc(100% + 120px);
    margin-left: -60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 529, ../sass/screen.scss */
  #news .absolute {
    width: calc(100% + 480px);
    margin-left: -240px;
  }
}

@media only screen and (min-width: 70rem) {
  /* line 564, ../sass/screen.scss */
  #introduction .beryl-hp {
    margin-top: -8%;
  }
}

/* line 571, ../sass/screen.scss */
#video {
  position: relative;
  padding-top: 10%;
  background: url("../img/white-rocket.svg") no-repeat top center;
  background-position: center 10%;
  background-size: auto 220px;
}
/* line 578, ../sass/screen.scss */
#video .gromit-video {
  display: none;
}
@media only screen and (min-width: 48.85rem) {
  /* line 578, ../sass/screen.scss */
  #video .gromit-video {
    display: block;
  }
}
/* line 587, ../sass/screen.scss */
#video .wallace-video {
  display: none;
}
@media only screen and (min-width: 48.85rem) {
  /* line 587, ../sass/screen.scss */
  #video .wallace-video {
    width: 150%;
    display: block;
  }
}
@media only screen and (min-width: 70rem) {
  /* line 587, ../sass/screen.scss */
  #video .wallace-video {
    width: 180%;
    margin-left: -50%;
    height: auto;
    transform-origin: bottom;
  }
}
/* line 606, ../sass/screen.scss */
#video .aos-init .gromit-video,
#video .aos-init .wallace-video {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  opacity: 0;
}
/* line 624, ../sass/screen.scss */
#video .padding-bottom {
  padding-bottom: 50px;
}
@media only screen and (min-width: 70rem) {
  /* line 624, ../sass/screen.scss */
  #video .padding-bottom {
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 624, ../sass/screen.scss */
  #video .padding-bottom {
    padding-bottom: 350px;
  }
}
/* line 636, ../sass/screen.scss */
#video:after {
  content: " ";
  display: block;
  width: calc(100% + 30px);
  margin-left: -15px;
  height: 10vh;
  background: #e9e0d0;
  background: linear-gradient(0deg, #e9e0d0 26%, rgba(233, 224, 208, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 48.85rem) {
  /* line 636, ../sass/screen.scss */
  #video:after {
    width: calc(100% + 120px);
    margin-left: -60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 636, ../sass/screen.scss */
  #video:after {
    width: calc(100% + 480px);
    margin-left: -240px;
  }
}
/* line 662, ../sass/screen.scss */
#video .absolute {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin-bottom: 0;
}
/* line 674, ../sass/screen.scss */
#video .absolute img {
  width: 100% !important;
  height: auto;
  width: 120%;
  height: auto;
  max-width: none;
}
@media only screen and (min-width: 48.85rem) {
  /* line 662, ../sass/screen.scss */
  #video .absolute {
    width: calc(100% + 120px);
    margin-left: -60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 662, ../sass/screen.scss */
  #video .absolute {
    width: calc(100% + 480px);
    margin-left: -240px;
  }
}

/* line 700, ../sass/screen.scss */
.wpcf7-form,
#event-form {
  padding: 15px;
  background: var(--ui-color-tertiary);
  border: 6px solid white;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.17);
  margin-bottom: 30px;
}
/* line 708, ../sass/screen.scss */
.wpcf7-form .wpcf7-submit,
#event-form .wpcf7-submit {
  display: block;
  margin: auto;
}
@media only screen and (min-width: 70rem) {
  /* line 700, ../sass/screen.scss */
  .wpcf7-form,
  #event-form {
    padding: 30px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 700, ../sass/screen.scss */
  .wpcf7-form,
  #event-form {
    padding: 60px;
  }
}

/* line 724, ../sass/screen.scss */
.aos-init .bg-image img {
  opacity: 0;
}

@media only screen and (min-width: 83rem) {
  /* line 749, ../sass/screen.scss */
  .page-id-89 #content .bg-image.left {
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 2;
  }
}

/* line 760, ../sass/screen.scss */
.page-template-default #content .wp-block-group {
  position: relative;
}
/* line 764, ../sass/screen.scss */
.page-template-default #content .absolute {
  display: block;
  width: calc(100% + 30px);
  margin-left: -15px;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin-bottom: 0;
}
/* line 777, ../sass/screen.scss */
.page-template-default #content .absolute img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 48.85rem) {
  /* line 764, ../sass/screen.scss */
  .page-template-default #content .absolute {
    width: calc(100% + 120px);
    margin-left: -60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 764, ../sass/screen.scss */
  .page-template-default #content .absolute {
    width: calc(100% + 480px);
    margin-left: -240px;
  }
}

/* line 799, ../sass/screen.scss */
.page-template-template-characters #rocket {
  position: absolute;
  left: 40%;
  top: -50px;
  display: none;
}
@media only screen and (min-width: 70rem) {
  /* line 799, ../sass/screen.scss */
  .page-template-template-characters #rocket {
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    transition: 300ms ease;
  }
}
/* line 815, ../sass/screen.scss */
.page-template-template-characters #rocket.aos-animate {
  -moz-transform: translate(150px, -150px);
  -o-transform: translate(150px, -150px);
  -ms-transform: translate(150px, -150px);
  -webkit-transform: translate(150px, -150px);
  transform: translate(150px, -150px);
  transition: 600ms ease;
}
/* line 820, ../sass/screen.scss */
.page-template-template-characters .background {
  top: auto;
  bottom: 0;
}
/* line 824, ../sass/screen.scss */
.page-template-template-characters .background:after {
  content: " ";
  display: block;
  width: calc(100% + 30px);
  margin-left: -15px;
  height: 10vh;
  background: #e9e0d0;
  background: linear-gradient(0deg, #e9e0d0 26%, rgba(233, 224, 208, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 48.85rem) {
  /* line 824, ../sass/screen.scss */
  .page-template-template-characters .background:after {
    width: calc(100% + 120px);
    margin-left: -60px;
  }
}
@media only screen and (min-width: 83rem) {
  /* line 824, ../sass/screen.scss */
  .page-template-template-characters .background:after {
    width: calc(100% + 480px);
    margin-left: -240px;
  }
}
/* line 849, ../sass/screen.scss */
.page-template-template-characters .background.first {
  bottom: auto;
  top: 20vh;
}
/* line 852, ../sass/screen.scss */
.page-template-template-characters .background.first:after {
  content: none;
}