/* #65adf5;*/
/*#7dca90;*/
/*
Fonts are served through Typenetworks. ACED uses Vonnes for all texts.
the following weights (css families) are available:

*/
/* https://hankchizljaw.com/wrote/a-modern-css-reset/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block; }

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

html {
  color: #000000;
  font-family: "Vonnes Cond Bk", sans-serif;
  font-size: 12px;
  line-height: 1.6em; }

body {
  background: white;
  margin: 0;
  padding: 0;
  overflow-x: hidden; }
  @media (max-width: 419px) {
    body {
      overflow-y: scroll;
      /* has to be scroll, not auto */
      -webkit-overflow-scrolling: touch; } }

@media (max-width: 419px) {
  main, footer {
    overflow: hidden; } }

*:focus {
  outline: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Vonnes Comp Bd", sans-serif;
  line-height: 1em;
  margin: 0;
  font-weight: 400; }

h1.aced-logo {
  font-family: "Vonnes Comp Lt"; }

p {
  margin: 0;
  margin-bottom: 1em; }

img.border {
  border: 1px solid black; }

hr {
  border: 0;
  border-top: 1px solid black;
  border-bottom: none; }

a:link, a:visited {
  color: black;
  text-decoration: none; }

main {
  padding-bottom: 3vw; }

/* #65adf5;*/
/*#7dca90;*/
/*
Fonts are served through Typenetworks. ACED uses Vonnes for all texts.
the following weights (css families) are available:

*/
.main-menu {
  width: 100vw;
  height: 70px;
  position: sticky;
  top: 0;
  left: 0;
  background: white;
  z-index: 999; }

.main-menu__nav {
  position: absolute;
  width: 100%;
  height: 70px;
  background: white;
  z-index: 999;
  border-bottom: 1px solid black;
  /*
    &--programmes, &--programme{
        li.menu-organisation{
            a:hover{
                border-right:1px solid $color-violet;
                //border-right:1px solid black;
            }
        }
    }
    &--network{
        li.menu-programmes{
            a:hover{
                border-right:1px solid $color-violet;
                //border-right:1px solid black;
            }
        }
    }
    &--contact{
        li.menu-network{
            a:hover{
                border-right:1px solid $color-violet;
                //border-right:1px solid black;
            }
        }
    }
    */ }
  .main-menu__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: calc((100vw / 5) * 5);
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    height: 70px; }
    @media (max-width: 766px) {
      .main-menu__nav ul {
        justify-content: space-between;
        width: 100%; } }
  .main-menu__nav li {
    width: calc(100vw / 8);
    text-align: center;
    height: 100%;
    display: inline-block;
    font-family: "Vonnes Comp Lt", sans-serif;
    text-transform: uppercase;
    box-sizing: border-box; }
    @media (max-width: 766px) {
      .main-menu__nav li {
        display: none; } }
    .main-menu__nav li.home {
      border-right: 1px solid black; }
      @media (max-width: 766px) {
        .main-menu__nav li.home {
          display: block;
          width: calc(100vw / 3);
          align-items: flex-start; } }
    .main-menu__nav li.mobile {
      display: none;
      padding-left: 10px;
      padding-right: 10px;
      border-left: 1px solid black;
      border-bottom: 1px solid black;
      transition: all 200ms ease-out; }
      @media (max-width: 766px) {
        .main-menu__nav li.mobile {
          display: flex;
          justify-content: center;
          align-items: center; } }
      .main-menu__nav li.mobile svg {
        width: 100%;
        transition: transform 200ms ease-out; }
      .main-menu__nav li.mobile.is-active {
        background: #c770f2;
        transition: all 300ms ease-in; }
        .main-menu__nav li.mobile.is-active svg {
          transform: rotate(90deg);
          transition: transform 300ms ease-in; }
  .main-menu__nav a {
    display: inline-block;
    height: calc(100% - 1px);
    width: 100%;
    vertical-align: center;
    line-height: 70px;
    font-size: 36px;
    box-sizing: border-box;
    transition: border 100ms ease-out 50ms, background 150ms ease-out;
    border-left: 1px solid white;
    border-right: 1px solid white; }
    .main-menu__nav a:hover {
      transition: border 150ms ease-in, background 200ms ease-in;
      background: #c770f2;
      border-left: 1px solid black;
      border-right: 1px solid black; }
  .main-menu__nav li.active a {
    background: #c770f2;
    border-left: 1px solid black;
    border-right: 1px solid black; }
  .main-menu__nav li:nth-child(2) a:hover {
    border-left: 1px solid transparent; }
  .main-menu__nav li.home a {
    line-height: 69px; }
  .main-menu__nav li.home a:hover {
    border-left: none;
    border-right: none; }
  .main-menu__nav li.home.active a {
    background: white;
    border-left: none;
    border-right: none; }
  .main-menu__nav li:nth-child(2).active a {
    border-left: 1px solid transparent; }
  .main-menu__nav li.active + li a:hover {
    border-left: 1px solid #c770f2; }
  .main-menu__nav li.before-active a:hover {
    border-right: 1px solid #c770f2; }

.mobile-nav {
  display: none; }
  @media (max-width: 766px) {
    .mobile-nav {
      display: flex;
      background: #c770f2;
      position: absolute;
      z-index: 99;
      top: 70px;
      height: calc(100vh - 70px);
      width: 100%;
      justify-content: center;
      align-items: center;
      visibility: hidden;
      transform: translateY(-100vh);
      opacity: 0;
      transition: opacity 250ms ease-out, transform 300ms ease-out, visibility 300ms ease-out 300ms; } }
  @media (max-width: 766px) {
    .mobile-nav.active {
      visibility: visible;
      transform: translateY(0);
      opacity: 1;
      transition: transform 400ms ease-in, opacity 150ms ease-in; } }
  .mobile-nav ul {
    list-style: none;
    display: block;
    flex-wrap: wrap; }
    .mobile-nav ul li {
      display: inline-block;
      width: 100%;
      text-align: center; }

nav.programmes {
  display: flex;
  position: fixed;
  width: 100%;
  left: 0;
  top: 69px;
  background: white;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  visibility: hidden;
  opacity: 0;
  transition: opacity 250ms ease-out, transform 300ms ease-out, visibility 300ms ease-out 300ms;
  z-index: -1; }
  nav.programmes article {
    display: flex;
    width: calc(100vw/7);
    height: 30vw;
    position: relative;
    overflow: hidden;
    border-right: 1px solid black; }
    nav.programmes article:last-child {
      border-right: none; }
    nav.programmes article div {
      width: 100%;
      position: relative; }
    nav.programmes article a {
      background: transparent;
      border: none;
      display: flex;
      justify-content: center;
      align-items: center; }

.main-menu__nav li.active nav.programmes article a, .main-menu__nav li nav.programmes article a {
  background: transparent;
  border: none; }

li.menu-programmes:hover nav.programmes {
  visibility: visible;
  opacity: 1;
  transition: transform 400ms ease-in, opacity 150ms ease-in; }

.social-block {
  height: 280px;
  background: #65adf5;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  border-top: 1px solid black;
  transform: translateY(-1px);
  padding-top: 0.6em;
  padding-bottom: 0.6em; }
  @media (max-width: 419px) {
    .social-block {
      height: auto;
      padding-top: 10vw;
      padding-bottom: 15vw; } }
  .social-block section {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-top: 0; }
    @media (max-width: 419px) {
      .social-block section {
        width: 100%; } }
    .social-block section h4 {
      width: 100%;
      font-family: "Vonnes Comp Lt";
      font-weight: 400;
      font-size: 36px;
      line-height: 0.9em;
      margin-bottom: 0.6em;
      text-transform: uppercase;
      align-self: flex-start; }
    .social-block section p {
      width: 100%;
      font-size: 18px;
      line-height: 1.2em;
      margin-bottom: 0.6em;
      align-self: flex-start; }

.social-block__newsletter {
  border-right: 1px solid black; }
  @media (max-width: 419px) {
    .social-block__newsletter {
      border-right: none; } }
  .social-block__newsletter .mc-field-group {
    float: left; }
    @media (max-width: 419px) {
      .social-block__newsletter .mc-field-group {
        width: 80vw;
        margin-left: 20vw;
        margin-right: 20vw; } }
  .social-block__newsletter input {
    background: transparent;
    border: none;
    border-bottom: 1px solid black;
    border-radius: 0;
    height: 45px;
    margin-bottom: 10px;
    width: 130px;
    margin-right: 15px;
    -webkit-appearance: none; }
    @media (max-width: 419px) {
      .social-block__newsletter input {
        width: 100%; } }
  .social-block__newsletter label {
    display: none; }
  .social-block__newsletter #mc-embedded-subscribe {
    display: inline-flex;
    align-self: flex-start;
    width: 200px;
    height: 50px;
    border: 1px solid black;
    padding: 10px;
    margin: 10px;
    background: transparent;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.2em;
    justify-content: center;
    transition: background 150ms ease-out; }
    .social-block__newsletter #mc-embedded-subscribe:hover {
      transition: background 200ms ease-in;
      background: black;
      color: #65adf5;
      cursor: pointer; }

.social-block__links header {
  width: 100%;
  align-self: flex-start; }

.social-block__links a {
  display: inline-flex;
  width: 50px;
  height: 50px;
  border: 1px solid black;
  padding: 10px;
  margin: 10px;
  transition: all 150ms ease-out; }
  .social-block__links a:hover {
    transition: all 200ms ease-in;
    background: black;
    color: #65adf5;
    cursor: pointer; }
    .social-block__links a:hover path {
      fill: #65adf5; }
    .social-block__links a:hover .instagram {
      fill: #65adf5; }

.social-block__links__icons {
  align-self: flex-end; }

/* #65adf5;*/
/*#7dca90;*/
/*
Fonts are served through Typenetworks. ACED uses Vonnes for all texts.
the following weights (css families) are available:

*/
/* Custom Fonts*/
.heading-xxl {
  text-transform: uppercase;
  font-size: 96px;
  line-height: 0.9em; }
  @media (max-width: 419px) {
    .heading-xxl {
      font-size: 40px; } }

.heading-xl {
  text-transform: uppercase;
  font-size: 56px;
  line-height: 1em; }

.heading-large {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 1em; }
  @media (max-width: 419px) {
    .heading-large {
      font-size: 40px; } }

.heading-normal, .mobile-nav ul li {
  margin-top: 0.6em;
  font-family: "Vonnes Comp Bd", sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 1em;
  font-weight: 400; }

.heading-small {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0.6em; }

.text-xl {
  font-family: "Vonnes Cond Lt";
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2em; }

.text-normal, .site-footer {
  font-size: 24px;
  line-height: 1.35em;
  margin-bottom: 1.0em; }

.text-small {
  font-family: "Vonnes Cond Bk", sans-serif;
  font-weight: 400;
  font-size: 18px; }

a.link-underline {
  position: relative; }
  a.link-underline:after {
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    background: black;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 100%;
    left: 0; }
  a.link-underline:hover:after {
    width: 0%;
    left: 50%; }

.background-animated .background, nav.programmes article .background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  background: #c770f2; }
  .background-animated .background img, nav.programmes article .background img {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: center; }

.background-animated .background, nav.programmes article .background {
  transition: opacity 250ms ease-out, transform 4s ease-out; }

.background-animated:hover .background, nav.programmes article:hover .background {
  opacity: 1;
  transform: scale(1.2);
  transition: opacity 300ms ease-in, transform 4s ease-in; }

.text-animated h2, nav.programmes article h2, .text-animated h3, nav.programmes article h3, .text-animated a, nav.programmes article a, .text-animated span, nav.programmes article span {
  transition: all 250ms ease-out; }

.text-animated a:after, nav.programmes article a:after {
  transition: all 250ms ease-out; }

.text-animated:hover h2, nav.programmes article:hover h2, .text-animated:hover h3, nav.programmes article:hover h3, .text-animated:hover a, nav.programmes article:hover a, .text-animated:hover span, nav.programmes article:hover span {
  color: white;
  transition: all 300ms ease-in; }

.text-animated:hover a:after, nav.programmes article:hover a:after {
  background: white;
  transition: all 300ms ease-in; }

main ul, article ul {
  list-style: none;
  padding-left: 15px; }
  main ul li, article ul li {
    padding-left: 15px; }
  main ul li:before, article ul li:before {
    content: "\00bb";
    margin-left: -30px;
    display: inline-block;
    width: 30px;
    position: absolute; }

.site-footer {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #65adf5;
  margin-bottom: 0;
  overflow-y: visible; }
  .site-footer article {
    width: 100%;
    transform: translateY(-1px); }

/*# sourceMappingURL=site.css.map */