@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

html,
body {
  background-color: #313695;
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,
button,
input,
textarea,
select {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: white;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

textarea {
  resize: vertical;
}

p {
  margin: 1em 0;
}

h1 {
  font-size: 2.9rem;
  line-height: 1.2;
  margin: 0 0 2rem 0;
}

h2 {
  font-size: 1.556rem;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}

h3,
h4,
h5,
h6 {
  font-size: 1.25rem;
  margin: 0 0 1rem 0;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: rgba(69, 117, 180, 0.6);
  border: none;
  margin: 0 0 2.5rem 0;
  padding: 0.5rem 2.5rem 0.5rem 0.8rem;
  position: relative;
}

select:focus {
  outline: none;
}

select:after {
  content: "x";
  position: absolute;
  right: 0;
  top: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
a {
  outline: 0;
}

a:link,
a:visited {
  color: white;
}

a:hover,
a:active,
a:focus {
  color: #abd9e9;
}

a img {
  border: none;
}

.skip-link {
  background-color: white;
  border: 1px solid #eee;
  display: block;
  font-size: 0.8rem;
  padding: 5px 8px;
  position: absolute;
  left: -9999px;
}

.skip-link:focus {
  left: 20px;
  top: 20px;
  z-index: 100;
}

/* ==========================================================================
   Layout
   ========================================================================== */
.site {
  overflow: hidden;
}

.main {
  padding: 0 0 10% 0;
}

.container {
  margin: 0 auto;
  max-width: 2000px;
  padding: 0 6%;
  position: relative;
}

/* ==========================================================================
   Home
   ========================================================================== */
.header {
  position: relative;
}

.header__bg {
  height: 0;
  margin-bottom: -8%;
  padding-top: 33.75%;
  position: relative;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  width: 100%;
}

.header__bg__video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.header__slogan {
  padding: 0 0 10% 0;
}

.header__slogan > h1 {
  font-family: "Bungee";
  font-size: 36px;
  margin-bottom: 0;
  text-shadow: 0 0 10px #313695;
}

.header__slogan > p {
  font-size: 1.25rem;
  max-width: 27rem;
  text-shadow: 0 0 10px #313695;
}

.header__logo {
  display: block;
  font-family: "Bungee";
  font-size: 2.2rem;
  margin: 5% 0;
}

.header__logo:link,
.header__logo:visited {
  text-decoration: none;
}

.teaser-order {
  position: relative;
  z-index: 1;
}

.teaser-order__select {
  display: inline-block;
  position: relative;
}

.teaser-order__select:after {
  content: "▼";
  font-size: 0.5rem;
  position: absolute;
  right: 0.9rem;
  top: 1rem;
}

.blocks {
  margin: -3%;
  padding-bottom: 5%;
}

.iso {
  padding: 3%;
  padding-bottom: 9%;
}

.col {
  width: 100%;
}

.chapter {
  width: 100%;
}

.chapter__title {
  border-bottom: 6px solid rgba(69, 117, 180, 0.6);
  margin: 0;
  padding-bottom: 1rem;
}

.chapter__title > span {
  display: block;
  font-weight: normal;
}

.teaser__link {
  display: block;
}

.teaser__link:link,
.teaser__link:visited {
  text-decoration: none;
}

.teaser__img {
  background-size: 100%;
  margin-bottom: 1.5rem;
}

.teaser__img > img {
  display: block;
  -webkit-filter: url(#blue-duotone-filter);
          filter: url(#blue-duotone-filter);
  transition: opacity 0.3s ease;
  width: 100%;
}

.teaser__link:hover .teaser__img > img,
.teaser__link:focus .teaser__img > img {
  opacity: 0;
}

.teaser__title {
  font-size: 1.556rem;
  line-height: 1.4;
  font-weight: bold;
  margin: 0;
}

.teaser__date {
  color: #74add1;
  display: none;
}

.blocks--with-date .teaser__date {
  display: block;
}

/* ==========================================================================
  About
  ========================================================================== */
.aside {
  background-color: rgba(69, 117, 180, 0.6);
  font-size: 1rem;
  padding: 2rem 2.5rem;
}

.col .aside,
.article .aside {
  text-align: center;
}

.article .aside {
  margin-bottom: 10%;
}

.aside__img {
  margin: 0 0 1rem 0;
}

.aside__img > img {
  border-radius: 100px;
  display: block;
  -webkit-filter: url(#blue-duotone-filter);
          filter: url(#blue-duotone-filter);
  height: 120px;
  margin: 0 auto;
  width: 120px;
}

.block .aside__img > img {
  float: none;
  margin: 0 auto;
}

.aside p {
  margin: 0 0 1rem 0;
}

.about__img {
  margin: 2rem 0;
}

.about__img > img {
  display: block;
  -webkit-filter: url(#blue-duotone-filter);
          filter: url(#blue-duotone-filter);
  width: 100%;
}

/* ==========================================================================
   Post
   ========================================================================== */
.article {
  margin: 0 auto;
  padding: 0 0 3% 0;
}

.article > article {
  font-size: 1.25rem;
  padding: 0 0 10% 0;
}

.article__featuredimg {
  background-color: black;
  background-size: cover;
  background-position: center;
  height: 0;
  padding: 70% 0 0 0;
}

.article__featuredimg > img {
  opacity: 0;
}

.article__content {
  padding-top: 2rem;
}

.article ul,
.article ol {
  padding: 0 0 0 1em;
  margin: 0 0 1em 0;
}

.article li {
  margin: 0 0 0.5em 0;
}

.article__date {
  color: #74add1;
  font-size: 1rem;
  margin: 2rem 0;
}

.wp-block-table table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.wp-block-table th,
.wp-block-table td {
  border: 1px solid #4575b4;
  font-size: 1rem;
  padding: 0.5rem;
  vertical-align: top;
}

.intro,
.wp-block-lazyblock-intro {
  font-size: 1.556rem;
  line-height: 1.4;
}

.wp-block-columns,
.wp-block-image,
.wp-block-embed,
.wp-block-file {
  clear: both;
  margin: 3rem 0;
}

p:first-child,
.wp-block-column > .wp-block-image:first-child,
.wp-block-column > .wp-block-embed:first-child,
.wp-block-column > .wp-block-file:first-child {
  margin-top: 0;
}

.wp-block-column .wp-block-image {
  margin: 0.25rem 0 0 0;
}

.wp-block-file {
  background-color: rgba(69, 117, 180, 0.6);
  padding: 1.8rem 2rem;
  position: relative;
  transition: all 0.3s ease;
}

.wp-block-file:hover,
.wp-block-file:focus {
  border-color: #74add1;
}

.wp-block-file > a {
  display: inline-block;
  font-size: 1rem;
  text-decoration: none;
  margin: 0 0.75rem 0 0;
}

a.wp-block-file__button {
  border-radius: 3rem;
  display: inline-block;
  padding: 0.8rem 1.5rem;
}

.wp-block-file .wp-block-file__button {
  background: black;
}

.wp-block-file * + .wp-block-file__button {
  margin: 0;
}

figcaption {
  color: #74add1;
  font-size: 0.9rem;
  margin: 0.5rem 0 0 0;
}

.wp-block-image > figure {
  -webkit-transform: translateY(0.25rem);
          transform: translateY(0.25rem);
}

.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.aligncenter {
  display: block;
  margin: 0 auto 1.5em auto;
  text-align: center;
}

.aligncenter figcaption {
  text-align: left;
}

img[class^=wp-image-] {
  height: auto;
  float: left;
  margin: 0.3rem 2rem 2rem 0;
}

img[class^=wp-image-] + figcaption {
  clear: both;
  margin-top: 0;
  margin-bottom: -1rem;
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
}

.wp-block-embed__wrapper {
  position: relative;
}

.wp-has-aspect-ratio .wp-block-embed__wrapper:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
  padding-top: 42.85%;
}

.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
  padding-top: 50%;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 56.25%;
}

.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
  padding-top: 75%;
}

.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
  padding-top: 100%;
}

.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
  padding-top: 177.77%;
}

.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
  padding-top: 200%;
}

.wp-has-aspect-ratio iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.wp-block-column > .wp-block-image:first-child img[class^=wp-image-] {
  margin-top: 0;
}

.wp-block-image a {
  background-color: white;
  display: block;
  position: relative;
  width: 100%;
}

.wp-block-image a:link,
.wp-block-image a:visited {
  border-bottom: 0;
}

.wp-block-image a:after,
.enlarge:after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMTExMTExO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMTExMTExO3N0cm9rZS13aWR0aDozO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPGc+Cgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI5LjUiIGN5PSI5LjUiIHI9IjcuMiIvPgoJPGxpbmUgY2xhc3M9InN0MSIgeDE9IjE0LjYiIHkxPSIxNC42IiB4Mj0iMjEuOCIgeTI9IjIxLjgiLz4KPC9nPgo8L3N2Zz4K");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
  border-radius: 30px;
  content: "";
  height: 50px;
  font-size: 30px;
  left: 50%;
  line-height: 46px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  width: 50px;
}

.enlarge:hover:after,
.enlarge:focus:after,
.wp-block-image a:hover:after,
.wp-block-image a:focus:after {
  opacity: 1;
}

.enlarge > div,
.wp-block-image img {
  display: block;
  height: auto;
  transition: all 0.3s ease;
  max-width: 100%;
}

.enlarge:hover > div,
.enlarge:focus > div,
.wp-block-image a:hover img,
.wp-block-image a:focus img {
  opacity: 0.7;
}

.wp-block-columns {
  display: block;
  position: relative;
}

.article__related__post > a {
  display: block;
  margin-bottom: 1rem;
  text-decoration: none;
}

.article__related__post--next > a {
  text-align: right;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
.footer__nav {
  text-align: right;
}

.footer__nav__link {
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.5rem 0.8rem;
}

.footer__nav__link:link,
.footer__nav__link:visited {
  color: #74add1;
  text-decoration: none;
}

.footer__nav__link:hover,
.footer__nav__link:focus {
  color: white;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 600px) {
  .header__slogan > h1 {
    font-size: 40px;
  }
  .iso {
    padding: 3%;
  }
  .col {
    width: 50%;
  }
  .stamp {
    position: absolute;
    right: 0;
    top: -5rem;
  }
  .chapter--1 {
    width: 50%;
  }
  .article__related__post {
    float: left;
    width: 45%;
  }
  .article__related__post--next {
    float: right;
  }
  .article .aside {
    display: flex;
    text-align: left;
  }
  .article .aside__img {
    margin: 0 2rem 0 0;
  }
  .about__img {
    float: left;
    margin: 0;
    width: 25%;
  }
  .about__desc {
    float: right;
    width: 70%;
  }
}
@media only screen and (min-width: 840px) {
  .header__bg {
    left: 0;
    position: absolute;
    top: 0;
  }
  .header__bg > div {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  .header__slogan {
    padding: 20% 0 4% 0;
  }
  .header__slogan > h1 {
    font-size: 40px;
  }
  .wp-block-columns {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
  }
  .no-flexbox .wp-block-columns {
    display: block;
  }
  .wp-block-column {
    flex-basis: calc(50% - 16px);
    flex-grow: 0;
    min-width: 0;
  }
  .no-flexbox .wp-block-column {
    display: inline-block;
    width: 30.5%;
    vertical-align: top;
  }
  .wp-block-column:not(:first-child) {
    margin-left: 3%;
  }
  .article {
    width: 64%;
  }
  .article__content {
    background-color: #313695;
    margin: -6.6%;
    padding: 6.6%;
    padding-top: 5.1%;
  }
  .article__featuredimg {
    margin-left: -28%;
    margin-right: -28%;
  }
  .article__content--with-img {
    margin-top: -18%;
  }
  .alignwide,
.alignfull {
    margin-left: -28%;
    margin-right: -28%;
  }
  .about .article {
    float: left;
    margin: 0;
  }
  .about .aside {
    float: right;
    width: 33%;
  }
}
@media only screen and (min-width: 1000px) {
  html,
button,
input,
select,
textarea {
    font-size: 16px;
  }
  .header__bg > div {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .header__slogan > h1 {
    font-size: 50px;
  }
  .col {
    width: 33.332%;
  }
  .chapter--1 {
    width: 66.667%;
  }
}
@media only screen and (min-width: 1400px) {
  .header__bg > div {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .header__slogan > h1 {
    font-size: 60px;
  }
  .header__slogan > p {
    font-size: 1.556rem;
    line-height: 1.4;
    max-width: 33rem;
  }
  .col {
    width: 25%;
  }
  .chapter--1 {
    width: 75%;
  }
  .article__featuredimg {
    padding: 50% 0 0 0;
  }
}
/* ==========================================================================
   Admin
   ========================================================================== */
#wp-admin-bar-new-content,
#wp-admin-bar-wp-logo {
  display: none !important;
}

/* ==========================================================================
   Clearfix
   ========================================================================== */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}