@charset "UTF-8";
/*!
 Theme Name:   sv-de-vrijheid-leeuwarden
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  General Noel Wapp Child theme

 Author URI:   https://noelwapp.nl
 Template:     noelwapp_theme/noelwapp_generic_theme
 Version:      1.0.0
 Text Domain:  generic-noelwapp-theme
*/
/*!
 * Copyright (C) Noel Wapp - All Rights Reserved
 * Unauthorized copying or editing of this file, via any medium is strictly prohibited
 * Proprietary and confidential. Dutch law applies.
 * Written by Martin Broers <martin@noelwapp.nl>, 2019
 *
 * Copyright (C) Noel Wapp - Alle rechten voorbehouden
 * Ongeoorloofd kopiëren of bewerken van dit bestand, via elk medium is niet toegestaan
 * Beschermd en vertrouwelijk. Nederlands recht is van toepassing.
 * Geschreven door Martin Broers <martin@noelwapp.nl>, 2019
 */
h1, h2, h3, h4, h5, h6 {
  font-family: "Baloo Bhaijaan 2", cursive;
  color: #3a3a3a;
  margin-bottom: 0;
  margin-top: 10px;
}

body {
  color: #3a3a3a;
}

/*a.button,.button{
  color: black;
  background-image: linear-gradient(
                  45deg, $primary 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  transition: background 500ms ease-in-out;
  border: 2px solid $primaryDarker;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-self: center;
  font-size: 1rem;
  line-height: 1;
  padding: 1.2em 2.8em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Baloo Bhaijaan 2', "Lato", sans-serif;
  font-weight: 700;
  width: fit-content;
  &:hover {
    background-position: 0;
  }
}  */
.desktop {
  display: none;
}

.mobile {
  display: inherit;
}

.fas {
  font-family: "FontAwesome";
}

h2 {
  font-size: 21pt;
  font-weight: bold;
}
h2 strong {
  font-weight: bold;
}

h3 {
  font-size: 19pt;
  font-weight: bold;
}
h3 strong {
  font-weight: bold;
}

h4 {
  font-size: 16pt;
  font-weight: bold;
}
h4 strong {
  font-weight: bold;
}

.wrapper .layer .four.columns, .wrapper .layer .twelve.columns {
  width: 100%;
}

.simply-button, input[type=submit] {
  font-size: 16pt;
  text-shadow: 0 0 4px #181d28;
  color: white;
  border: 1px solid #cdcdcd;
  padding: 10px 20px 30px 20px;
  line-height: 16pt;
  display: block;
  background-color: #485578;
  margin-top: 10px;
}
.simply-button:hover, input[type=submit]:hover {
  background-color: #2b3348;
  text-shadow: 0 0 4px black;
}
.simply-button.light, input[type=submit].light {
  background-color: white;
  color: #3a3a3a;
  text-shadow: 0 0 0;
}
.simply-button.light:hover, input[type=submit].light:hover {
  background-color: whitesmoke;
  text-shadow: 0 0 0;
}
.simply-button.inline, input[type=submit].inline {
  display: inline;
}

a.button, .button {
  position: relative;
  padding-left: 70px;
  text-decoration: none;
  font-size: 12pt;
  color: #3a3a3a;
  display: inline-block;
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
a.button::before, .button::before {
  transition: all 200ms ease-in-out;
  width: 50px;
  text-align: center;
  font-family: "FontAwesome";
  content: "\f061";
  font-weight: lighter;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
}
a.button::after, .button::after {
  transition: all 200ms ease-in-out;
  background-color: #485578;
  width: 50px;
  height: 50px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 25px;
  content: "";
  position: absolute;
  z-index: -1;
}
a.button:hover, .button:hover {
  background-position: 0;
  color: whitesmoke;
}
a.button:hover::after, .button:hover::after {
  width: 110%;
}
a.button:hover::before, .button:hover::before {
  left: 20px;
}

.mobileStickyMenu .wrapper {
  padding-top: 60px;
}

.wrapper .layer.content {
  padding-top: 30px;
  padding-bottom: 30px;
}
.wrapper .layer.content a:not(.button) {
  text-decoration: underline;
  color: #485578;
}
.wrapper .layer.content .wp-block-noelwapp-columns {
  flex-direction: column;
}

/*!
 * Copyright (C) Noel Wapp - All Rights Reserved
 * Unauthorized copying or editing of this file, via any medium is strictly prohibited
 * Proprietary and confidential. Dutch law applies.
 * Written by Martin Broers <martin@noelwapp.nl>, 2019
 *
 * Copyright (C) Noel Wapp - Alle rechten voorbehouden
 * Ongeoorloofd kopiëren of bewerken van dit bestand, via elk medium is niet toegestaan
 * Beschermd en vertrouwelijk. Nederlands recht is van toepassing.
 * Geschreven door Martin Broers <martin@noelwapp.nl>, 2019
 */
body.mobileStickyMenu .wrapper .header-wrapper .layer.quickinfo .logo-holder {
  display: none;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  box-shadow: 0 2px 4px rgba(2, 58, 81, 0.15);
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="1"], body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="2"], body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="3"], body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="4"], body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="5"] {
  background: rgba(0, 0, 0, 0.6);
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .mobile.menu.centered.global-width {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .fa.fa-bars.fa-lg {
  font-size: 35px;
  margin-top: 14px;
  z-index: 99999;
  width: 50px;
  color: white;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .logo-holder {
  width: 50px;
  margin-top: 4px;
  margin-left: 10px;
  float: inherit;
  background-image: url("/wp-content/themes/sv-de-vrijheid-leeuwarden/images/logo_anti.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0;
  height: 40px;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .logo-holder img {
  display: none;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .menu-menu-container {
  width: 100%;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .menu-menu-container .nav-menu {
  flex-direction: column;
  transform: translateY(-500px);
  max-height: 0;
  transition: all ease-in 300ms;
  margin-left: 0;
  width: 100%;
  margin-top: 10px;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .menu-menu-container .nav-menu li:not(:first-child) {
  border-top: 1px solid #373f5d;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .menu-menu-container .nav-menu li {
  width: 100%;
  padding: 5px 5px 5px 0;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .menu-menu-container .nav-menu li a {
  color: white;
  padding: 12px 4px 12px 0;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky .menu-menu-container .nav-menu.open {
  display: flex;
  transform: translateY(0px);
  max-height: 1000px;
  margin-bottom: 10px;
}
body.mobileStickyMenu .wrapper .header-wrapper .layer.mobile-logo {
  display: none;
}

.page.homepage .wrapper .header-wrapper .layer.menu.mobile.sticky {
  background: rgba(0, 0, 0, 0.6);
}
.page.homepage .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="0"], .page.homepage .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="1"], .page.homepage .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="2"], .page.homepage .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="3"], .page.homepage .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="4"], .page.homepage .wrapper .header-wrapper .layer.menu.mobile.sticky[scrolled="5"] {
  background: rgba(0, 0, 0, 0.6);
}

.wrapper .layer.content.primary {
  background-color: #93acb5;
  color: white;
}
.wrapper .layer.content.primary h1, .wrapper .layer.content.primary h2, .wrapper .layer.content.primary h3, .wrapper .layer.content.primary h4, .wrapper .layer.content.primary h5, .wrapper .layer.content.primary h6 {
  color: white;
}
.wrapper .layer.content.primary a.button, .wrapper .layer.content.primary .button {
  color: white;
}
.wrapper .layer.content.primary a.button::before, .wrapper .layer.content.primary .button::before {
  color: #ffffff;
  z-index: 2;
}
.wrapper .layer.content.primary a.button::after, .wrapper .layer.content.primary .button::after {
  background-color: #233b7a;
  z-index: 1;
}
.wrapper .layer.content.primary a.button .inner-text, .wrapper .layer.content.primary .button .inner-text {
  z-index: 3;
  position: relative;
}
.wrapper .layer.content.primary a.button:hover, .wrapper .layer.content.primary .button:hover {
  color: whitesmoke;
}

.wrapper .layer.content.secondary {
  background-color: #464b59;
  color: white;
}
.wrapper .layer.content.secondary h1, .wrapper .layer.content.secondary h2, .wrapper .layer.content.secondary h3, .wrapper .layer.content.secondary h4, .wrapper .layer.content.secondary h5, .wrapper .layer.content.secondary h6 {
  color: white;
}
.wrapper .layer.content.secondary a.button, .wrapper .layer.content.secondary .button {
  color: white;
}
.wrapper .layer.content.secondary a.button::before, .wrapper .layer.content.secondary .button::before {
  color: #ffffff;
  z-index: 2;
}
.wrapper .layer.content.secondary a.button::after, .wrapper .layer.content.secondary .button::after {
  background-color: #D68C45;
  z-index: 1;
}
.wrapper .layer.content.secondary a.button .inner-text, .wrapper .layer.content.secondary .button .inner-text {
  z-index: 3;
  position: relative;
}
.wrapper .layer.content.secondary a.button:hover, .wrapper .layer.content.secondary .button:hover {
  color: whitesmoke;
}

.wrapper .layer.content.news {
  padding-bottom: 20px;
}
.wrapper .layer.content.news a.news-wrap {
  display: flex;
  cursor: pointer;
  transition: background-color ease-in 200ms;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}
.wrapper .layer.content.news a.news-wrap:hover {
  background-color: #dfe6e9;
}
.wrapper .layer.content.news a.news-wrap .article-content h2 {
  line-height: 30px;
}
.wrapper .layer.content.news a.news-wrap .article-content .date-time {
  margin-left: 10px;
  font-size: 10pt;
}
.wrapper .layer.content.news a.news-wrap .article-content .read-more {
  display: none;
}
.wrapper .layer.content.news a.news-wrap::after {
  font-family: "FontAwesome";
  content: "\f061";
  position: absolute;
  top: 50px;
  right: 10px;
  font-size: 25pt;
  color: #c6c6c6;
}

.wrapper .top-scroller {
  display: none;
}

.page:not(.homepage) .wrapper .layer.background:not(.homepage) {
  position: absolute;
  height: 40vh;
  top: 0;
  overflow: hidden;
}
.page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay {
  position: absolute;
  bottom: 0;
  width: 100vw;
  background: rgba(0, 0, 0, 0.25);
}
.page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay h1, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay h2, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay h3, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay h4, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay h5, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay h6 {
  color: white;
  font-size: 22pt;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.page:not(.homepage) .wrapper .layer.background:not(.homepage) img {
  min-width: 100vw;
  max-width: 100vw;
  min-height: 100%;
  object-fit: cover;
}

.wrapper .layer.footer {
  background-color: #212633;
  color: whitesmoke;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 0;
}
.wrapper .layer.footer h1, .wrapper .layer.footer h2, .wrapper .layer.footer h3, .wrapper .layer.footer h4, .wrapper .layer.footer h5 {
  color: whitesmoke;
}
.wrapper .layer.footer a, .wrapper .layer.footer a:visited {
  text-decoration: underline;
  color: whitesmoke;
}

.mobileStickyMenu .wrapper {
  padding-top: 40vh;
}
.mobileStickyMenu .wrapper .layer.quickinfo {
  display: none;
}
.mobileStickyMenu .wrapper .layer.background.homepage {
  height: 40vh;
  overflow: hidden;
  width: 100%;
  top: 0;
  position: absolute;
}
.mobileStickyMenu .wrapper .layer.background.homepage video {
  min-width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
.mobileStickyMenu .wrapper .layer.background.homepage .overlay {
  position: absolute;
  top: 22px;
}
.mobileStickyMenu .wrapper .layer.background.homepage .overlay h1, .mobileStickyMenu .wrapper .layer.background.homepage .overlay h2, .mobileStickyMenu .wrapper .layer.background.homepage .overlay h3, .mobileStickyMenu .wrapper .layer.background.homepage .overlay h4, .mobileStickyMenu .wrapper .layer.background.homepage .overlay h5, .mobileStickyMenu .wrapper .layer.background.homepage .overlay h6 {
  color: white;
}
.mobileStickyMenu .wrapper .layer.background.homepage .overlay h2 {
  font-size: 18pt;
}
.mobileStickyMenu .wrapper .layer.background.homepage .overlay h5 {
  font-size: 12pt;
}
.mobileStickyMenu .wrapper .layer.background.homepage .overlay .inner-text {
  color: white;
}

@media only screen and (min-width: 1025px) {
  body::after {
    content: "";
    height: 100vh;
    width: 100vw;
    position: fixed;
    background-image: url(/wp-content/themes/sv-de-vrijheid-leeuwarden/images/background.svg);
    background-repeat: no-repeat;
    top: 0;
    background-size: 100%;
    z-index: -99999;
  }

  .desktop {
    display: inherit;
  }

  .mobile {
    display: none;
  }

  .header-wrapper {
    background: rgba(255, 255, 255, 0.07);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 2px 4px rgba(2, 58, 81, 0.15);
    position: absolute;
    display: flex;
    width: 100%;
    flex-direction: column;
    z-index: 9999;
  }

  .stickyMenu .wrapper .layer.quickinfo {
    position: relative;
  }

  body.mobileStickyMenu .wrapper .layer.quickinfo {
    -webkit-transition: 200ms linear;
    -ms-transition: 200ms linear;
    transition: 200ms linear;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }
  body.mobileStickyMenu .wrapper .layer.quickinfo .centered.global-width.clear {
    display: flex;
  }
  body.mobileStickyMenu .wrapper .layer.quickinfo .centered.global-width.clear .logo-holder {
    width: 250px;
    height: 100px;
    flex-grow: 1;
    display: block;
  }
  body.mobileStickyMenu .wrapper .layer.quickinfo .centered.global-width.clear .logo-holder img {
    height: 100%;
  }
  body.mobileStickyMenu .wrapper .layer.quickinfo .centered.global-width.clear .email {
    width: 150px;
  }
  body.mobileStickyMenu .wrapper .layer.quickinfo a, body.mobileStickyMenu .wrapper .layer.quickinfo a:visited {
    color: white;
  }
  body.mobileStickyMenu .wrapper .layer.quickinfo .email {
    padding-top: 15px;
  }
  body.mobileStickyMenu .wrapper .layer.quickinfo .tel {
    padding-top: 15px;
  }

  .mobileStickyMenu .wrapper {
    padding-top: 0;
  }

  .wrapper .layer.content .wp-block-noelwapp-columns {
    flex-direction: column;
  }

  .wrapper .layer .four.columns {
    width: 30.3333%;
  }

  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2px;
  }
  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: normal;
  }

  h2 {
    font-size: 27pt;
    font-weight: normal;
  }

  h3 {
    font-size: 25pt;
    font-weight: bold;
  }

  h4 {
    font-size: 23pt;
    font-weight: bold;
  }

  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.mobile.sticky {
    display: none;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop {
    -webkit-transition: 200ms linear;
    -ms-transition: 200ms linear;
    transition: 200ms linear;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    border-top: 1px solid #ffffff42;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .logo-holder {
    display: none;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu {
    margin-left: 0;
    display: flex;
    float: inherit;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li {
    padding: 0;
    flex-grow: 1;
    float: inherit;
    display: flex;
    justify-content: flex-end;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li:nth-child(1) {
    flex-grow: 0;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li:last-child a, body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li:last-child a:visited {
    padding: 12px 0 13px 12px;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li:last-child a::after, body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li:last-child a:visited::after {
    width: calc(100% - 10px);
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li a::after {
    position: absolute;
    width: calc(100% - 20px);
    height: 5px;
    left: 10px;
    top: 0;
    background: rgba(255, 255, 255, 0);
    content: "";
    transition: 200ms ease-in-out;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li a:hover::after {
    background: white;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li.current-menu-item a::after {
    background: white;
  }
  body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li a, body.mobileStickyMenu .wrapper .header-wrapper .layer.menu.desktop .centered.global-width.clear .nav-menu li a:visited {
    color: white;
    position: relative;
    text-shadow: 1px 1px 0 #606060;
  }

  .page:not(.homepage) .wrapper, .single:not(.homepage) .wrapper {
    padding-top: 0;
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage), .single:not(.homepage) .wrapper .layer.background:not(.homepage) {
    width: 100%;
    height: 50vh;
    overflow: hidden;
    position: relative;
    display: block;
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage) img, .single:not(.homepage) .wrapper .layer.background:not(.homepage) img {
    position: relative;
    width: 100%;
    z-index: -1;
    height: 100%;
    object-fit: cover;
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage) a.button, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .button, .single:not(.homepage) .wrapper .layer.background:not(.homepage) a.button, .single:not(.homepage) .wrapper .layer.background:not(.homepage) .button {
    color: white;
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage) a.button::before, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .button::before, .single:not(.homepage) .wrapper .layer.background:not(.homepage) a.button::before, .single:not(.homepage) .wrapper .layer.background:not(.homepage) .button::before {
    color: #ffffff;
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage) a.button::after, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .button::after, .single:not(.homepage) .wrapper .layer.background:not(.homepage) a.button::after, .single:not(.homepage) .wrapper .layer.background:not(.homepage) .button::after {
    background-color: #D68C45;
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage) a.button:hover, .page:not(.homepage) .wrapper .layer.background:not(.homepage) .button:hover, .single:not(.homepage) .wrapper .layer.background:not(.homepage) a.button:hover, .single:not(.homepage) .wrapper .layer.background:not(.homepage) .button:hover {
    color: whitesmoke;
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay, .single:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay {
    position: absolute;
    height: 75px;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.25);
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay .centered, .single:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .page:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay .centered h1, .single:not(.homepage) .wrapper .layer.background:not(.homepage) .overlay .centered h1 {
    color: white;
    text-align: left;
    font-size: 34pt;
    margin-top: 14px;
  }

  .homepage .wrapper .layer.background.homepage {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: block;
    position: relative;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0) 100%);
  }
  .homepage .wrapper .layer.background.homepage video {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: -1;
    object-fit: cover;
  }
  .homepage .wrapper .layer.background.homepage .overlay {
    z-index: 1;
    margin: -420px auto;
    position: relative;
    top: 130px;
  }
  .homepage .wrapper .layer.background.homepage .overlay h1, .homepage .wrapper .layer.background.homepage .overlay h2, .homepage .wrapper .layer.background.homepage .overlay h3, .homepage .wrapper .layer.background.homepage .overlay h4, .homepage .wrapper .layer.background.homepage .overlay h5 {
    color: white;
  }
  .homepage .wrapper .layer.background.homepage .overlay h2 {
    font-size: 32pt;
  }
  .homepage .wrapper .layer.background.homepage .overlay h5 {
    font-size: 24pt;
  }
  .homepage .wrapper .layer.background.homepage .overlay a.button {
    color: white;
  }

  .wrapper .layer.content.primary {
    min-height: 250px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .wrapper .layer.content.secondary {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper .top-scroller {
    background-color: #485578;
    border-radius: 50px;
    line-height: 58pt;
    display: block;
  }

  .page:not(.homepage) .wrapper .layer.disciplines .centered.global-width.clear .columns-holder .columns {
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    height: 250px;
  }
  .page:not(.homepage) .wrapper .layer.disciplines .centered.global-width.clear .columns-holder .columns img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .page:not(.homepage) .wrapper .layer.disciplines .centered.global-width.clear .columns-holder .columns .overlay {
    position: absolute;
    height: 50px;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.25);
    transition: all 200ms ease-in-out;
  }
  .page:not(.homepage) .wrapper .layer.disciplines .centered.global-width.clear .columns-holder .columns .overlay h2 {
    color: whitesmoke;
    font-size: 15pt;
    text-align: center;
    transition: all 200ms ease-in-out;
  }
  .page:not(.homepage) .wrapper .layer.disciplines .centered.global-width.clear .columns-holder .columns:hover .overlay {
    height: 100px;
    background: rgba(0, 0, 0, 0.5);
  }
  .page:not(.homepage) .wrapper .layer.disciplines .centered.global-width.clear .columns-holder .columns:hover .overlay h2 {
    font-size: 18pt;
  }

  .wrapper .layer.content {
    padding-top: 30px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
    min-height: auto;
  }

  .wrapper .layer.core-values {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper .layer.core_values {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper .layer.footer {
    min-height: 400px;
    background-color: #212633;
    color: whitesmoke;
    padding-top: 40px;
  }
  .wrapper .layer.footer h1, .wrapper .layer.footer h2, .wrapper .layer.footer h3, .wrapper .layer.footer h4, .wrapper .layer.footer h5 {
    color: whitesmoke;
  }
  .wrapper .layer.footer a, .wrapper .layer.footer a:visited {
    text-decoration: underline;
    color: whitesmoke;
  }
}
@media only screen and (min-width: 1400px) {
  .wrapper .layer .global-width {
    width: 100%;
    max-width: 1160px;
  }
}
@media only screen and (min-width: 1910px) {
  .wrapper .layer .global-width {
    width: 100%;
    max-width: 1300px;
  }
}
@media only screen and (min-width: 2500px) {
  body::after {
    background-position: 49% -14%;
  }
}

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