@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, .overlay .content ol, .overlay .content ul, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Druk Cy Web';
  src: url("../../fonts/Druk-MediumItalic-Cy-Web.eot");
  src: url("../../fonts/Druk-MediumItalic-Cy-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Druk-MediumItalic-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-MediumItalic-Cy-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Druk Cy Web';
  src: url("../../fonts/Druk-Medium-Cy-Web.eot");
  src: url("../../fonts/Druk-Medium-Cy-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Druk-Medium-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-Medium-Cy-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Druk Cy Web HeavyItalic';
  src: url("../../fonts/Druk-HeavyItalic-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-HeavyItalic-Cy-Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

.Druk-MediumItalic-Cy-Web {
  font-family: 'Druk Cy Web', Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }

.Druk-Medium-Cy-Web, h2, header h3, .big h3, .cta h3, .newsletter h3, .liftup h3, article blockquote::before {
  font-family: 'Druk Cy Web', Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

.Druk-MediumItalic-Cy-Web-HeavyItalic, h1 {
  font-family: 'Druk Cy Web HeavyItalic', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-stretch: normal; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideFromRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideFromLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

html, body {
  font-family: 'Roboto', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 0.95em;
  margin-bottom: 3rem; }
  @media screen and (min-width: 1025px) {
    h1 {
      font-size: 3.625rem; } }

h2 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 2.25rem;
  line-height: 1.1em;
  margin-bottom: 1.5rem; }
  @media screen and (min-width: 1025px) {
    h2 {
      font-size: 3rem; } }

h3 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-size: 1.125rem;
  line-height: 1em;
  margin-bottom: 1rem; }
  header h3, .big h3, .cta h3, .newsletter h3, .liftup h3 {
    font-weight: 400;
    letter-spacing: 0.05em;
    font-size: 1.5rem; }
    @media screen and (min-width: 1025px) {
      header h3, .big h3, .cta h3, .newsletter h3, .liftup h3 {
        font-size: 1.875rem; } }

h4 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 1.125rem;
  line-height: 1em;
  margin-bottom: 0.75rem; }
  .post-card h4 {
    text-transform: uppercase;
    font-size: 1rem; }

h5 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  font-size: 1rem;
  line-height: 1.25em;
  margin-bottom: 1.5rem; }

p, .overlay .content ol, .overlay .content ul, ul, ol {
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  margin: 0 0 2.25rem; }
  @media screen and (min-width: 1025px) {
    .supersized p, article blockquote p, article .wp-block-polargutenberg-supersized p, .supersized .overlay .content ol, .overlay .content .supersized ol, article blockquote .overlay .content ol, .overlay .content article blockquote ol, article .wp-block-polargutenberg-supersized .overlay .content ol, .overlay .content article .wp-block-polargutenberg-supersized ol, .supersized .overlay .content ul, .overlay .content .supersized ul, article blockquote .overlay .content ul, .overlay .content article blockquote ul, article .wp-block-polargutenberg-supersized .overlay .content ul, .overlay .content article .wp-block-polargutenberg-supersized ul, .supersized ul, article blockquote ul, article .wp-block-polargutenberg-supersized ul, .supersized ol, article blockquote ol, article .wp-block-polargutenberg-supersized ol {
      font-size: 1.125rem; } }

.article-content ul {
  list-style-type: disc;
  margin-left: 4rem; }

.article-content ol {
  list-style-type: decimal;
  margin-left: 4rem; }

.article-content ul li, .article-content ol li {
  margin-bottom: 0.5rem; }

.article-content .social-media ul, .article-content .social-media ol {
  list-style-type: none;
  margin-left: 0; }
  .article-content .social-media ul li, .article-content .social-media ol li {
    margin-bottom: 0; }

.note {
  font-size: 0.75em;
  line-height: 1.25em;
  letter-spacing: 0.01em;
  margin: 0 0 1.5rem; }

* a {
  color: #d10027;
  text-decoration: none;
  transition: all .2s ease-in-out; }
  * a:hover, * a:focus {
    color: #000000; }

.wp-block-splash a {
  color: #d10027; }
  .wp-block-splash a:hover, .wp-block-splash a:focus {
    color: #d10027;
    text-decoration: underline; }

.pop a, .pop a:hover, .pop a:focus, .is-style-pop a, .is-style-pop a:hover, .is-style-pop a:focus {
  color: #000000; }

a * {
  color: #000000; }
  a *:hover, a *:focus {
    color: #000000; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: 700; }

.button, .pagination.front a {
  background-color: #d10027;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.5rem;
  transition: all .2s ease-in-out;
  cursor: pointer; }
  .button:hover, .pagination.front a:hover, .button:focus, .pagination.front a:focus {
    background-color: #a7001f;
    color: #ffffff; }
  .button.ghost, .categories a, .pagination.front a.ghost {
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    color: #000000;
    text-transform: uppercase;
    font-weight: 400; }
    .button.ghost:hover, .categories a:hover, .pagination.front a.ghost:hover, .button.ghost:focus, .categories a:focus, .pagination.front a.ghost:focus {
      background-color: #e5e5e5; }
  .button.big, .pagination.front a.big {
    font-size: 1rem;
    padding: 1rem;
    height: 2rem; }

form {
  font-family: "Roboto", Arial, sans-serif; }
  form input, form textarea, form button, form select {
    font-family: "Roboto", Arial, sans-serif; }
  .intro-plain form {
    margin: 1.5rem 0; }

fieldset {
  border: 1px solid #f2f2f2;
  padding: 1rem; }
  .article-content fieldset {
    margin: 0 0 1.5rem 0; }

legend {
  background: transparent;
  text-transform: uppercase;
  padding: 0.5rem;
  margin: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  border-radius: 0; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input:not(#CybotCookiebotDialog input) {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 2rem;
  padding: 0.625rem;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  font-size: 0.875rem;
  line-height: 1rem; }
  input[type="checkbox"]:not(#CybotCookiebotDialog input) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
    input[type="checkbox"]:not(#CybotCookiebotDialog input) + label {
      display: inline-block;
      position: relative;
      padding-left: 2rem;
      padding-top: 0.5rem;
      padding-bottom: 0.4rem;
      margin-top: 0.1rem;
      margin-bottom: 0.1rem;
      text-align: left; }
    input[type="checkbox"]:not(#CybotCookiebotDialog input) + label:before {
      content: '';
      position: absolute;
      display: block;
      top: 1rem;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      background-color: #ffffff;
      border: 1px solid #e5e5e5; }
    input[type="checkbox"]:hover + label:before {
      background-color: #ffffff;
      border: 0.35rem solid #e5e5e5; }
    input[type="checkbox"]:checked + label:before {
      background-color: #999999;
      border: 0.35rem solid #e5e5e5; }
  input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
    input[type="radio"] + label {
      display: inline-block;
      position: relative;
      padding-left: 2rem;
      padding-top: 0.5rem;
      padding-bottom: 0.4rem;
      margin-top: 0.1rem;
      margin-bottom: 0.1rem;
      text-align: left; }
    input[type="radio"] + label:before {
      content: '';
      position: absolute;
      display: block;
      top: 1rem;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      background-color: #ffffff;
      border: 1px solid #e5e5e5;
      border-radius: 50%; }
    input[type="radio"]:hover + label:before {
      background-color: #ffffff;
      border: 0.35rem solid #e5e5e5; }
    input[type="radio"]:checked + label:before {
      background-color: #999999;
      border: 0.35rem solid #e5e5e5; }
  input.button {
    height: 2rem;
    line-height: 2rem;
    padding-top: 0;
    padding-bottom: 0; }
    input.button:disabled {
      cursor: default;
      background-color: #e5e5e5; }

/*select
  height: 2rem
  line-height: 2rem
  border: 1px solid $color-light-grey
  border-radius: 0
  font-size: 1rem*/
.select-block {
  border: 1px solid #e5e5e5;
  overflow: hidden;
  background-image: url("../../img/icons/select_arrow.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  display: inline-block;
  background-color: #fff; }
  .select-block.block {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem; }
  .select-block select {
    border: none;
    box-shadow: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
    padding: 0.625rem 1.25rem;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    line-height: 1.0625rem;
    padding: 0.625rem;
    text-align: left;
    width: 100%; }
  .select-block select::-ms-expand {
    display: none; }

textarea {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e5e5e5;
  border-radius: none;
  font-size: 1rem;
  padding: 0.5rem; }

.search-form input[type="search"] {
  min-width: 100px;
  max-width: 300px;
  padding-left: 0.4rem;
  padding-right: 0.4rem; }

.newsletter input[type="text"], .newsletter input[type="email"], .newsletter .select-block.block {
  width: 100%; }

.input-group {
  display: block;
  position: relative;
  margin: 0 0 0.5rem 0; }
  .input-group input[type="text"], .input-group input[type="email"], .input-group input[type="url"], .input-group input[type="number"] {
    height: auto;
    line-height: 1.0625rem; }

.tablewrap {
  max-width: 100%;
  overflow-x: scroll; }

table {
  max-width: 100%;
  margin: 0 0 1.5rem 0;
  border: 1px solid #e5e5e5;
    border-collapse: collapse;
    border-spacing: 0;
  text-align: center;
  font-size: 0.9rem; }
  table tbody {
    padding: 0.375rem;
    background: #ffffff; }
  table tr:first-child, table tr td:first-child {
    background-color: #e5e5e5; }
  table th {
    padding: 1rem 0.4rem; }
  table td {
    padding: 0.4rem; }
    @media (min-width: 768px) {
      table td {
        padding: 0.8rem; } }
  table caption {
    font-size: 0.9rem;
    font-style: italic;
    margin-bottom: 0.5rem;
    text-align: left; }

.clearfix:after, .clearfix:before {
  content: " ";
  display: table;
  clear: both; }

.overlay {
  position: fixed;
  min-height: 100%;
  overflow-y: auto;
  max-height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  z-index: 901;
  display: none; }
  .overlay.open {
    display: block;
    animation-name: slideInDown;
    animation-duration: 0.4s; }
  .overlay .content {
    display: block;
    position: relative;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1rem;
    background: #fff; }
    .overlay .content h2:first-of-type {
      width: 100%;
      display: block; }
      @media screen and (max-width: 480px) {
        .overlay .content h2:first-of-type {
          width: 80%; } }
    @media screen and (min-width: 481px) {
      .overlay .content {
        max-width: 90vw;
        margin-top: 5vw;
        margin-bottom: 5vw; } }
    @media screen and (min-width: 1025px) {
      .overlay .content {
        max-width: 70vw;
        margin-top: 4.6875rem;
        margin-bottom: 4.6875rem; } }
    @media screen and (min-width: 1401px) {
      .overlay .content {
        max-width: 50vw;
        margin-top: 4.6875rem; } }
  .overlay .close {
    display: block;
    position: fixed;
    margin-top: -0.5rem;
    margin-left: 0;
    height: 45px;
    width: 45px;
    background-color: #fff;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    z-index: 901; }
    @media screen and (max-width: 480px) {
      .overlay .close {
        right: 0.5rem; } }
    @media screen and (min-width: 481px) {
      .overlay .close {
        margin-top: -1rem; } }
    @media screen and (min-width: 481px) and (max-width: 768px) {
      .overlay .close {
        right: 5vw; } }
    @media screen and (min-width: 769px) {
      .overlay .close {
        margin-left: 87.5vw; } }
    @media screen and (min-width: 1025px) {
      .overlay .close {
        margin-left: 68vw; } }
    @media screen and (min-width: 1401px) {
      .overlay .close {
        margin-left: 48.5vw; } }
    @media screen and (min-width: 1920px) {
      .overlay .close {
        margin-left: 48vw; } }
  @media screen and (max-width: 480px) {
    .overlay.big-overlay .content {
      margin-top: 10vh;
      margin-bottom: 10vh; } }
  @media screen and (min-width: 1025px) {
    .overlay.big-overlay .content {
      max-width: 90vw;
      margin-top: 4.6875rem;
      margin-bottom: 4.6875rem; } }
  @media screen and (min-width: 1401px) {
    .overlay.big-overlay .content {
      max-width: 70vw;
      margin-top: 4.6875rem; } }
  @media screen and (max-width: 480px) {
    .overlay.big-overlay .close {
      margin-top: -4.5rem;
      right: 0; } }
  @media screen and (min-width: 1025px) {
    .overlay.big-overlay .close {
      margin-left: 88.5vw; } }
  @media screen and (min-width: 1401px) {
    .overlay.big-overlay .close {
      margin-left: 68.5vw; } }
  .overlay .content img {
    width: auto;
    max-width: 100%;
    height: auto; }
  .overlay .content .alignleft, .overlay .content .alignright {
    display: block;
    margin: 0 auto;
      margin-bottom: 1rem;
    max-width: 50%; }
  .overlay .content ol, .overlay .content ul {
    padding: 0 0 0 1rem; }
    .overlay .content ol li, .overlay .content ul li {
      margin: 0 0 0.5em 0; }
    .overlay .content ol ol, .overlay .content ol ul, .overlay .content ul ol, .overlay .content ul ul {
      margin: 0.5em 0; }
  .overlay .content ul {
    list-style-type: disc; }
  .overlay .content ol {
    list-style-type: decimal; }
  @media screen and (min-width: 481px) {
    .overlay .content .alignleft {
      float: left;
      margin-right: 1rem; }
    .overlay .content .alignright {
      float: right;
      margin-left: 1rem; } }

.wpml-ls-legacy-list-horizontal {
  display: none !important; }

*, *:before, *:after {
  box-sizing: border-box; }

html, body {
  font-size: 16px;
  letter-spacing: 0.01em;
  margin: 0;
  padding: 0;
  background: #ffffff; }

body.prevent-scroll {
  overflow: hidden; }

main {
  padding-bottom: 3rem; }
  @media screen and (min-width: 1025px) {
    main {
      display: block;
      min-height: 400px; } }

picture, img, figure {
  max-width: 100%;
  height: auto; }

figcaption {
  font-size: 0.9rem;
  font-style: italic;
  margin: 0.5rem 0;
  text-align: left; }

.js-lazy-image {
  opacity: 0; }
  .js-lazy-image.js-lazy-image--handled {
    opacity: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .js-lazy-image {
    opacity: 1; } }

.lazyloaded {
  opacity: 1; }

.icon-close {
  background-image: url("../../img/icons/times.svg"); }

body > header {
  background-color: #f2f2f2; }

.top-nav {
  padding: 0 1rem;
  max-width: 1280px;
  margin: 1rem auto;
  margin: 0 auto;
  width: 100%;
  padding: 1rem;
  position: relative;
  z-index: 799; }
  @media screen and (min-width: 1401px) {
    .top-nav {
      padding-left: 0;
      padding-right: 0; } }
  .top-nav .utils {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: auto; }
    .top-nav .utils .js-nav-toggle {
      top: -1rem; }
    @media screen and (max-width: 1024px) {
      .top-nav .utils {
        width: 100%;
        right: 0;
        min-height: 0.5rem; }
        .top-nav .utils > div {
          padding: 0 1rem;
          background-color: #f2f2f2;
          text-align: right; }
          .top-nav .utils > div ul {
            margin-bottom: 0.5rem; }
        .top-nav .utils.open > div {
          padding-top: 3rem;
          padding-bottom: 1rem;
          top: 0rem;
          height: auto; } }
  .top-nav .logo {
    display: inline-block;
    vertical-align: top;
    z-index: 800;
    position: relative; }
    .top-nav .logo img {
      max-height: 28px;
      width: auto; }
  .top-nav ul {
    display: inline-block;
    vertical-align: top;
    font-size: 0.75rem;
    line-height: 1em;
    padding: 8px 0;
    margin-right: 1.5rem; }
    .top-nav ul li {
      display: inline-block;
      vertical-align: middle;
      margin-left: 1rem; }
  .top-nav .wrap-search, .top-nav form {
    display: inline-block;
    vertical-align: top; }
  .top-nav .select-block {
    display: inline-block;
    vertical-align: top;
    background-position: 95% 50%; }
    .top-nav .select-block.block {
      display: inline-block;
      vertical-align: top;
      width: auto;
      min-width: 12.5rem; }
    .top-nav .select-block select {
      padding: 0.4rem;
      font-size: 0.75rem; }
  @media screen and (max-width: 640px) {
    .top-nav .select-block, .top-nav .select-block.block {
      display: block; } }

/* based on https://codepen.io/designcouch/pen/Atyop */
.hamburger {
  display: block;
  width: 40px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }
  .hamburger span {
    display: block;
    position: absolute;
    height: 6px;
    width: 40px;
    background: #000000;
    border-radius: 6px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    .hamburger span:nth-child(1) {
      top: 0px; }
    .hamburger span:nth-child(2), .hamburger span:nth-child(3) {
      top: 12px; }
    .hamburger span:nth-child(4) {
      top: 24px; }
  .hamburger.open span {
    background: #000000 !important; }
    .hamburger.open span:nth-child(1) {
      top: 12px;
      width: 0%;
      left: 50%; }
    .hamburger.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .hamburger.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .hamburger.open span:nth-child(4) {
      top: 12px;
      width: 0%;
      left: 50%; }

.plus {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }
  .plus span {
    display: block;
    position: absolute;
    height: 6px;
    width: 30px;
    background: #000000;
    border-radius: 6px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    .plus span:nth-child(1) {
      top: 12px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .plus span:nth-child(2), .plus span:nth-child(3) {
      top: 12px; }
  .plus.open span {
    background: #000000 !important; }
    .plus.open span:nth-child(1) {
      top: 12px;
      width: 0%;
      left: 50%; }
    .plus.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .plus.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .plus.open span:nth-child(4) {
      top: 12px;
      width: 0%;
      left: 50%; }

.toggleable, .toggleable-mobile {
  width: 100%;
  position: relative; }
  .toggleable .js-nav-toggle, .toggleable-mobile .js-nav-toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 1rem;
    width: auto;
    z-index: 801; }
    .posts .toggleable .js-nav-toggle, .posts .toggleable-mobile .js-nav-toggle {
      top: 0.5rem; }
    .toggleable .js-nav-toggle .hamburger, .toggleable .js-nav-toggle .plus, .toggleable-mobile .js-nav-toggle .hamburger, .toggleable-mobile .js-nav-toggle .plus {
      display: inline-block;
      vertical-align: middle; }
    .toggleable .js-nav-toggle > span, .toggleable-mobile .js-nav-toggle > span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem;
      font-weight: 700;
      font-family: "Roboto Condensed", Arial, sans-serif;
      color: #000000;
      line-height: 1em;
      padding: 0.5rem 0;
      text-transform: uppercase; }
    .toggleable .js-nav-toggle > span + .hamburger, .toggleable .js-nav-toggle > span + .plus, .toggleable-mobile .js-nav-toggle > span + .hamburger, .toggleable-mobile .js-nav-toggle > span + .plus {
      margin-left: 0.5rem; }
    @media screen and (min-width: 1025px) {
      .hero-section .toggleable .js-nav-toggle, .hero-section .toggleable-mobile .js-nav-toggle {
        top: 0.5rem; } }
  .toggleable > ul, .toggleable > div, .toggleable-mobile > ul, .toggleable-mobile > div {
    overflow-y: hidden;
    max-height: 0;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 799; }
  .toggleable.no-transition > ul, .toggleable.no-transition > div, .toggleable-mobile.no-transition > ul, .toggleable-mobile.no-transition > div {
    transition: none; }
  .toggleable.open > ul, .toggleable.open > div, .toggleable-mobile.open > ul, .toggleable-mobile.open > div {
    height: auto;
    max-height: 500px; }
  .toggleable.open .js-nav-toggle > span, .toggleable-mobile.open .js-nav-toggle > span {
    color: #000000 !important; }

@media screen and (min-width: 1024px) {
  .toggleable-mobile .js-nav-toggle {
    display: none; }
  .toggleable-mobile > ul, .toggleable-mobile > div {
    overflow-y: auto;
    max-height: 500px;
    transition: none;
    position: relative; } }

.main-nav {
  min-height: 0;
  height: 0;
  max-width: 1280px;
  margin: 0 auto; }
  .main-nav > ul {
    background: #ffffff;
    padding: 0 1rem;
    margin-top: 0; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .main-nav > ul {
        opacity: 0; } }
  .main-nav.open {
    background-color: #ffffff; }
    .main-nav.open > ul {
      padding: 4rem 1rem 1rem 1rem;
      border-bottom: 1px solid #e5e5e5; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .main-nav.open > ul {
          opacity: 1; } }
      @media screen and (min-width: 1281px) {
        .main-nav.open > ul {
          border-left: 1px solid #e5e5e5;
          border-right: 1px solid #e5e5e5; } }
  .main-nav > ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem; }
    @media screen and (min-width: 1025px) {
      .main-nav > ul {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(4, 1fr); } }
    .main-nav > ul li:nth-child(1), .main-nav > ul div:nth-child(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      -ms-grid-row: 1; }
    .main-nav > ul li:nth-child(2), .main-nav > ul div:nth-child(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      -ms-grid-row: 1; }
    .main-nav > ul li:nth-child(3), .main-nav > ul div:nth-child(3) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      -ms-grid-row: 2; }
    .main-nav > ul li:nth-child(4), .main-nav > ul div:nth-child(4) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      -ms-grid-row: 2; }
    .main-nav > ul li:nth-child(5), .main-nav > ul div:nth-child(5) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      -ms-grid-row: 3; }
    .main-nav > ul li:nth-child(6), .main-nav > ul div:nth-child(6) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      -ms-grid-row: 3; }
    .main-nav > ul li:nth-child(7), .main-nav > ul div:nth-child(7) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      -ms-grid-row: 4; }
    .main-nav > ul li:nth-child(8), .main-nav > ul div:nth-child(8) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      -ms-grid-row: 4; }
    @media screen and (min-width: 1025px) {
      .main-nav > ul li:nth-child(3), .main-nav > ul div:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1; }
      .main-nav > ul li:nth-child(4), .main-nav > ul div:nth-child(4) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1; }
      .main-nav > ul li:nth-child(5), .main-nav > ul div:nth-child(5) {
        -ms-grid-row: 2; }
      .main-nav > ul li:nth-child(6), .main-nav > ul div:nth-child(6) {
        -ms-grid-row: 2; }
      .main-nav > ul li:nth-child(7), .main-nav > ul div:nth-child(7) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2; }
      .main-nav > ul li:nth-child(8), .main-nav > ul div:nth-child(8) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2; } }
    .main-nav > ul li {
      line-height: 1em;
      font-weight: 700;
      margin: 0.25em 0; }
      .main-nav > ul li a {
        color: #000000; }
        .main-nav > ul li a:hover, .main-nav > ul li a:focus {
          color: #d10027; }
      .main-nav > ul li li {
        margin-left: 0.5em;
        font-weight: 400; }
        .main-nav > ul li li:nth-of-type(1) {
          margin-top: 0.5em; }

.article-meta {
  padding: 0;
  margin-bottom: 1.5rem;
  font-size: 0.8rem; }
  .article-meta * {
    font-size: 0.8rem; }
  .article-meta p, .article-meta .overlay .content ol, .overlay .content .article-meta ol, .article-meta .overlay .content ul, .overlay .content .article-meta ul {
    margin: 0 0 1rem 0; }
  .article-meta .date span {
    display: block; }
  .article-meta .categories a {
    margin: 0 0.25rem 0.25rem 0; }
  .article-meta .share {
    margin-bottom: 0; }
    .article-meta .share h5 {
      display: block;
      margin-bottom: 0.5rem; }
  .article-meta .profile-picture {
    text-align: center; }
    .article-meta .profile-picture img {
      max-width: 208px;
      border-radius: 50%; }
  @media screen and (min-width: 481px) {
    .article-meta {
      padding: 0 1rem; } }
  @media screen and (max-width: 480px) {
    .article-meta {
      border-bottom: 1px solid #f2f2f2;
      padding-bottom: 1rem; } }
  @media screen and (min-width: 481px) and (max-width: 768px) {
    .article-meta {
      width: auto;
      max-width: 240px;
      float: left;
      margin-right: 1rem;
      padding: 0 0 3rem 0;
      border-right: 1px solid #f2f2f2; } }

main .share, main .social-media {
  margin: 1rem 0 3rem; }
  main .share h5, main .social-media h5 {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
  main .share a, main .social-media a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0.25rem; }
    main .share a svg, main .social-media a svg {
      display: inline-block;
      height: 2rem;
      width: auto;
      max-width: 2rem; }
    main .share a span, main .social-media a span {
      display: none; }
    main .share a:hover svg, main .social-media a:hover svg {
      fill: #d10027; }

main .profile .social-media a {
  margin-bottom: 0.5rem; }
  main .profile .social-media a:hover span {
    color: #d10027; }
  main .profile .social-media a span, main .profile .social-media a svg {
    display: inline-block;
    vertical-align: middle; }
  main .profile .social-media a svg {
    margin-right: 0.5rem; }

.alignright {
  float: right;
  margin: 0 0 1.5rem 1rem;
  clear: right; }

.alignleft {
  float: left;
  margin: 0 1rem 1.5rem 0;
  clear: left; }

.aligncenter {
  text-align: center;
  margin-bottom: 1.5rem; }

img.alignright, img.alignleft, picture.alignright, picture.alignleft, figure.alignright, figure.alignleft {
  height: auto; }

@media screen and (min-width: 769px) {
  img.alignright, picture.alignright, figure.alignright {
    margin-right: -25%; } }

@media screen and (min-width: 769px) {
  img.alignleft, picture.alignleft, figure.alignleft {
    margin-left: -25%; } }

img.alignright, img.alignleft {
  width: auto;
  max-width: 60%; }

picture.alignright, picture.alignleft, figure.alignright, figure.alignleft {
  width: auto;
  max-width: 100%;
  height: auto; }
  @media screen and (min-width: 441px) {
    picture.alignright, picture.alignleft, figure.alignright, figure.alignleft {
      max-width: 60%; } }
  @media screen and (min-width: 641px) {
    picture.alignright, picture.alignleft, figure.alignright, figure.alignleft {
      max-width: 50%; } }
  @media screen and (min-width: 769px) {
    picture.alignright, picture.alignleft, figure.alignright, figure.alignleft {
      max-width: 60%; } }
  @media screen and (min-width: 1281px) {
    picture.alignright, picture.alignleft, figure.alignright, figure.alignleft {
      max-width: 60%; } }

/** styles for subscription form **/
footer .wrap-newsletter {
  background-color: #999999;
  color: #ffffff; }

.newsletter {
  display: block;
  padding: 0 1rem;
  max-width: 1280px;
  margin: 1rem auto;
  margin: 0 auto; }
  @media screen and (min-width: 1401px) {
    .newsletter {
      padding-left: 0;
      padding-right: 0; } }
  .article-content .newsletter {
    padding: 0;
    margin: 0 0 2.25rem; }
  footer .newsletter {
    padding: 4rem 1rem; }
    @media screen and (min-width: 641px) {
      footer .newsletter {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem; }
        footer .newsletter h3 {
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-column: 1/3;
          -ms-grid-row: 1;
          margin-bottom: 0; }
        footer .newsletter div:nth-of-type(1) {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2;
          -ms-grid-row: 2; }
        footer .newsletter div:nth-of-type(2) {
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2/3;
          -ms-grid-row: 2; }
        footer .newsletter div p:last-of-type, footer .newsletter div .overlay .content ol:last-of-type, .overlay .content footer .newsletter div ol:last-of-type, footer .newsletter div .overlay .content ul:last-of-type, .overlay .content footer .newsletter div ul:last-of-type {
          margin-bottom: 0; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      footer .newsletter h3 {
        margin-bottom: 1rem; }
      footer .newsletter > div:nth-of-type(1) {
        padding-right: 0.5rem; }
      footer .newsletter > div:nth-of-type(2) {
        padding-left: 0.5rem; } }

.post-card {
  position: relative; }
  .post-card p, .post-card .overlay .content ol, .overlay .content .post-card ol, .post-card .overlay .content ul, .overlay .content .post-card ul {
    line-height: 1.25em; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .post-card {
      padding-bottom: 1rem; } }
  .post-card picture {
    margin-bottom: 0.5rem; }
  .post-card h3, .post-card h4 {
    margin-bottom: 1rem; }
  @media screen and (min-width: 641px) and (max-width: 768px), (min-width: 1025px) {
    .secondary-hero .post-card h4 {
      margin-top: 0.5rem; } }
  .posts .post-card .content {
    padding: 0 0.5rem; }
  .posts .post-card h4 {
    margin-top: 0.5rem; }
  .posts .post-card p, .posts .post-card .overlay .content ol, .overlay .content .posts .post-card ol, .posts .post-card .overlay .content ul, .overlay .content .posts .post-card ul {
    margin: 0 0 1rem 0; }
  .posts.light .post-card h4 {
    text-transform: none;
    font-weight: 400; }
  .post-card picture {
    display: block;
    position: relative;
    max-height: 100%;
    height: 50vw;
    margin-bottom: 0.5rem; }
    @media screen and (min-width: 421px) {
      .post-card picture {
        height: 25vw;
        margin-bottom: 0; } }
    @media screen and (min-width: 769px) {
      .post-card picture {
        height: 13vw; } }
    @media screen and (min-width: 1281px) {
      .post-card picture {
        height: 160px; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .post-card picture {
        height: auto; }
        .post-card picture img {
          height: 100%;
          width: 100%; } }
  .post-card.big .content {
    padding: 0; }
    .post-card.big .content p, .post-card.big .overlay .content ol, .overlay .post-card.big .content ol, .post-card.big .overlay .content ul, .overlay .post-card.big .content ul {
      margin-bottom: 1rem; }
  .post-card.big picture {
    margin-bottom: 0.5rem; }
    @media screen and (min-width: 421px) {
      .post-card.big picture {
        height: 50vw; } }
    @media screen and (min-width: 641px) {
      .post-card.big picture {
        height: 100%;
        margin-bottom: 0; } }
    @media screen and (min-width: 769px) {
      .post-card.big picture {
        min-height: 100%;
        height: 25vw; } }
    @media screen and (min-width: 1281px) {
      .post-card.big picture {
        height: 320px; } }

@supports (object-fit: cover) {
  .post-card picture img, .post-card picture source {
    display: block;
    position: absolute;
    z-index: 1;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: cover;
    object-position: 50% 50%; } }

.posts {
  margin: 0;
  overflow-x: hidden;
  -ms-overflow-style: none; }
  .posts header {
    clear: both;
    display: block;
    width: 100%;
    position: relative; }
    .posts header h3, .posts header .filter {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .posts header .filter {
      margin-left: 1rem; }
  .posts .post-thumbs {
    padding: 0 1rem;
    max-width: 1280px;
    margin: 1rem auto;
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 1.5rem; }
    @media screen and (min-width: 1401px) {
      .posts .post-thumbs {
        padding-left: 0;
        padding-right: 0; } }
    .posts .post-thumbs header {
      margin: 0 0 1rem; }
    @media screen and (max-width: 420px) {
      .posts .post-thumbs .post-card {
        margin-bottom: 1rem; } }
    @media screen and (min-width: 421px) {
      .posts .post-thumbs {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        overflow: auto;
        flex-direction: row; }
        .posts .post-thumbs header {
          width: 100%;
          margin: 0 0.5rem 1rem; }
        .posts .post-thumbs .post-card {
          width: 50%;
          padding: 0 0.5rem;
          margin-bottom: 1rem; }
        .posts .post-thumbs .pagination {
          width: 100%; } }
    @media screen and (min-width: 769px) {
      .posts .post-thumbs .post-card {
        width: 25%; } }
    @media screen and (max-width: 1280px) {
      .posts .post-thumbs {
        margin-left: -0.5rem;
        margin-right: -0.5rem; } }
    @media screen and (min-width: 1281px) {
      .posts .post-thumbs {
        padding-left: 0.5rem;
        padding-right: 0.5rem; } }
    @media screen and (min-width: 1401px) {
      .posts .post-thumbs {
        padding-left: 0;
        padding-right: 0; } }
    .posts .post-thumbs .big {
      width: 100%; }
      @media screen and (min-width: 641px) {
        .posts .post-thumbs .big {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 1rem; }
          .posts .post-thumbs .big > a {
            -ms-grid-column: 1;
            -ms-grid-column-span: 1; }
          .posts .post-thumbs .big > .content {
            -ms-grid-column: 2;
            -ms-grid-column-span: 1; } }
      @media all and (-ms-high-contrast: none) and (min-width: 641px) {
        .posts .post-thumbs .big > a {
          margin-right: 0.5rem;
          display: block; }
        .posts .post-thumbs .big > .content {
          margin-left: 0.5rem; } }
      .posts .post-thumbs .big .content {
        padding-bottom: 1rem; }

.categories a {
  padding: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  display: inline-block; }

.pagination {
  display: block;
  width: auto;
  text-align: center;
  margin: 1.5rem auto; }
  .pagination a, .pagination span {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    font-size: 1.3rem;
    line-height: 1.3rem;
    height: auto;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem; }
  .pagination a {
    border: 1px solid #f2f2f2; }
    .pagination a:hover, .pagination a:focus {
      background: #f2f2f2; }
  .pagination.front a {
    width: auto;
    font-size: 1rem;
    line-height: 1rem;
    padding: 1rem;
    height: 3rem; }
  .pagination .screen-reader-text {
    display: none; }

.breadcrumb {
  font-size: 1rem;
  line-height: 1rem;
  padding: 1.5rem 0;
  height: 2rem;
  display: block;
  position: relative;
  margin-top: 0;
  margin-bottom: 1.5rem;
  max-width: 75%; }
  @media screen and (max-width: 420px) {
    .breadcrumb {
    width: calc(100% - 130px); }
  }
  .breadcrumb > * {
    display: inline;
    vertical-align: middle;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none; }
    .breadcrumb > *::after {
      content: "/";
      display: inline-block;
      vertical-align: middle;
      width: auto;
      height: auto;
      font-size: 1rem;
      margin: 0 0.25rem 0 0.5rem; }
    .breadcrumb > *:last-child {
      font-weight: 700; }
      .breadcrumb > *:last-child::after {
        display: none; }

/*  @media screen and (max-width: $breakpoint-tablet - 1)
    > *
      display: none

      &:first-child
        display: inline-block

        &::after
          display: none*/
.corner-badge {
  margin: 0;
  position: absolute;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  z-index: 100; }
  @media screen and (min-width: 421px) {
    .most-recent .corner-badge {
      left: 0.5rem; } }
  .corner-badge img {
    width: 100%;
    height: auto; }
  .intro .corner-badge {
    position: absolute;
    z-index: 3;
    background-color: transparent; }
    @media (min-width: 641px) {
      .intro .corner-badge {
        width: 180px;
        height: 180px; } }
    @media (min-width: 1281px) {
      .intro .corner-badge {
        width: 240px;
        height: 240px; } }

body > footer {
  background-color: #f2f2f2;
  color: #000000;
  padding-bottom: 5rem; }
  body > footer a {
    color: #000000; }
    body > footer a:hover, body > footer a:focus {
      text-decoration: underline; }

.bottom-nav {
  padding: 0 1rem;
  max-width: 1280px;
  margin: 1rem auto;
  padding: 1rem; }
  @media screen and (min-width: 1401px) {
    .bottom-nav {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 641px) {
    .bottom-nav {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr; }
      .bottom-nav > ul:nth-of-type(1), .bottom-nav div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .bottom-nav > ul:nth-of-type(2), .bottom-nav div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1; }
      .bottom-nav > ul:nth-of-type(3), .bottom-nav div:nth-of-type(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1; } }
  .bottom-nav a {
    text-decoration: none; }
    .bottom-nav a:hover, .bottom-nav a:focus {
      text-decoration: underline; }

.page-utils {
  padding: 0 1rem;
  max-width: 1280px;
  margin: 1rem auto;
  margin-top: 0; }
  @media screen and (min-width: 1401px) {
    .page-utils {
      padding-left: 0;
      padding-right: 0; } }

body {
  overflow-x: hidden; }

article {
  padding: 0 1rem;
  max-width: 1280px;
  margin: 1rem auto;
  min-height: 240px; }
  @media screen and (min-width: 1401px) {
    article {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 641px) {
    article .article-content p, article .article-content .overlay .content ol, .overlay .content article .article-content ol, article .article-content .overlay .content ul, .overlay .content article .article-content ul, article .article-content ul, article .article-content ol {
      font-size: 1.125rem; } }
  article h2, article picture, article img {
    clear: left; }
  @media screen and (min-width: 481px) and (max-width: 768px) {
    article .article-content {
      margin-left: 256px; } }
  @media screen and (min-width: 769px) {
    article {
      display: -ms-grid;
      display: grid;
      grid-gap: 0.5rem;
      -ms-grid-columns: 226px auto;
      grid-template-columns: 226px auto; } }
  @media screen and (max-width: 1280px) {
    article .article-content {
      padding-right: 1rem; } }
  @media screen and (min-width: 1281px) {
    article {
      -ms-grid-columns: 1fr 780px 1fr;
      grid-template-columns: 1fr 780px 1fr; } }
  article header {
    padding: 0;
    margin-top: 3rem; }
  @media screen and (min-width: 641px) {
    article header {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
      -ms-grid-row: 1; }
    article .article-meta {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 2; }
    article .article-content {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
      -ms-grid-row: 2; } }
  article *[class^="wp-block-polargutenberg"] {
    clear: both; }
    article *[class^="wp-block-polargutenberg"] + h2, article *[class^="wp-block-polargutenberg"] + h3 {
      margin-top: 3rem; }
  article div.wp-block-polargutenberg-ingress, article div.wp-block-polargutenberg-spotlight {
    clear: none; }
  article blockquote {
    margin: 0 0 1.5rem 4.5rem;
    padding: 1.5rem;
    background: #f2f2f2;
    color: #000000;
    position: relative; }
    article blockquote::before {
      content: "”";
      display: block;
      position: absolute;
      left: -2rem;
      top: 0;
      width: 3rem;
      height: 3rem;
      padding: 0.75rem;
      background: #f2f2f2;
      font-size: 4rem;
      color: #000000; }
    article blockquote *:first-child {
      margin-top: 0 !important; }
    article blockquote *:last-child {
      margin-bottom: 0 !important; }
    @media screen and (min-width: 641px) {
      article blockquote {
        max-width: 50%;
        float: right; } }
    @media screen and (min-width: 769px) {
      article blockquote {
        margin-right: -25%; } }
  article .cta {
    margin-top: 5rem; }
  article .disclaimer, article p.disclaimer, article .overlay .content ol.disclaimer, .overlay .content article ol.disclaimer, article .overlay .content ul.disclaimer, .overlay .content article ul.disclaimer {
    font-style: italic;
    margin-top: 3rem;
    font-size: 1rem; }
  article .wp-block-polargutenberg-supersized {
    clear: none; }
  article picture {
    margin: 0 0 1.5rem 0;
    display: block; }

.posts {
  clear: both; }