/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, .liftups h4, 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, header .liftups h4, .liftups header h4, .big h3, .big .liftups h4, .liftups .big h4, .cta h3, .cta .liftups h4, .liftups .cta h4, .newsletter h3, .newsletter .liftups h4, .liftups .newsletter h4, .liftup h3, .liftup .liftups h4, .liftups .liftup h4 {
  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, .liftups h4 {
  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, header .liftups h4, .liftups header h4, .big h3, .big .liftups h4, .liftups .big h4, .cta h3, .cta .liftups h4, .liftups .cta h4, .newsletter h3, .newsletter .liftups h4, .liftups .newsletter h4, .liftup h3, .liftup .liftups h4, .liftups .liftup h4 {
    font-weight: 400;
    letter-spacing: 0.05em;
    font-size: 1.5rem; }
    @media screen and (min-width: 1025px) {
      header h3, header .liftups h4, .liftups header h4, .big h3, .big .liftups h4, .liftups .big h4, .cta h3, .cta .liftups h4, .liftups .cta h4, .newsletter h3, .newsletter .liftups h4, .liftups .newsletter h4, .liftup h3, .liftup .liftups h4, .liftups .liftup h4 {
        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, .supersized .overlay .content ol, .overlay .content .supersized ol, .supersized .overlay .content ul, .overlay .content .supersized ul, .supersized ul, .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, .cta.thin, .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, .cta.thin:hover, .pagination.front a:hover, .button:focus, .cta.thin:focus, .pagination.front a:focus {
    background-color: #a7001f;
    color: #ffffff; }
  .button.ghost, .ghost.cta.thin, .categories a, .pagination.front a.ghost {
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    color: #000000;
    text-transform: uppercase;
    font-weight: 400; }
    .button.ghost:hover, .ghost.cta.thin:hover, .categories a:hover, .pagination.front a.ghost:hover, .button.ghost:focus, .ghost.cta.thin:focus, .categories a:focus, .pagination.front a.ghost:focus {
      background-color: #e5e5e5; }
  .button.big, .big.cta.thin, .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, input.cta.thin {
    height: 2rem;
    line-height: 2rem;
    padding-top: 0;
    padding-bottom: 0; }
    input.button:disabled, input.cta.thin: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; }

.intro-plain {
  background: #000000;
  color: #ffffff; }
  .intro-plain .button.ghost, .intro-plain .ghost.cta.thin, .intro-plain .categories a, .categories .intro-plain a, .intro-plain .pagination.front a.ghost, .pagination.front .intro-plain a.ghost {
    background: transparent;
    color: #ffffff; }
    .intro-plain .button.ghost:hover, .intro-plain .ghost.cta.thin:hover, .intro-plain .categories a:hover, .categories .intro-plain a:hover, .intro-plain .pagination.front a.ghost:hover, .pagination.front .intro-plain a.ghost:hover {
      background: #f2f2f2;
      color: #000000; }
  .intro-plain a p, .intro-plain a .overlay .content ol, .overlay .content .intro-plain a ol, .intro-plain a .overlay .content ul, .overlay .content .intro-plain a ul, .intro-plain a h1, .intro-plain a h2, .intro-plain a h3, .intro-plain a .liftups h4, .liftups .intro-plain a h4, .intro-plain a h4, .intro-plain a h5 {
    color: #ffffff; }
  .intro-plain .plus span, .intro-plain .hamburger span {
    background: #ffffff; }
  .intro-plain .js-nav-toggle > span {
    color: #ffffff; }
  .intro-plain .wrap-intro-plain {
    padding: 0 1rem;
    max-width: 1280px;
    margin: 1rem auto;
    margin-bottom: 0;
    padding-bottom: 1.5rem; }
    @media screen and (min-width: 1401px) {
      .intro-plain .wrap-intro-plain {
        padding-left: 0;
        padding-right: 0; } }
  .intro-plain .content {
    display: block;
    position: relative;
    padding: 3rem 0 0;
    margin: 0; }
  .intro-plain.with-sidebar .content {
    padding-bottom: 1.5rem; }
    @media screen and (min-width: 641px) {
      .intro-plain.with-sidebar .content {
        margin-right: 1rem; } }
    .intro-plain.with-sidebar .content p:last-of-type, .intro-plain.with-sidebar .overlay .content ol:last-of-type, .overlay .intro-plain.with-sidebar .content ol:last-of-type, .intro-plain.with-sidebar .overlay .content ul:last-of-type, .overlay .intro-plain.with-sidebar .content ul:last-of-type {
      margin-bottom: 0; }
  .intro-plain.with-sidebar .category-sub-nav {
    padding: 1rem;
    background: #d10027; }
    @media screen and (min-width: 641px) {
      .intro-plain.with-sidebar .category-sub-nav {
        margin-top: 3rem; } }
    .intro-plain.with-sidebar .category-sub-nav h4 {
      margin-bottom: 1rem; }
    .intro-plain.with-sidebar .category-sub-nav a {
      color: #ffffff; }
      .intro-plain.with-sidebar .category-sub-nav a:hover, .intro-plain.with-sidebar .category-sub-nav a:focus {
        color: #ffffff;
        text-decoration: underline; }
    .intro-plain.with-sidebar .category-sub-nav ul {
      margin-bottom: 0; }
  @media screen and (min-width: 1025px) {
    .intro-plain.with-sidebar .posts-filter-wrapper {
      margin-top: 3rem; } }
  @media screen and (min-width: 641px) {
    .intro-plain.with-sidebar .wrap-intro-plain {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 8fr 4fr;
      grid-template-columns: 8fr 4fr; }
      .intro-plain.with-sidebar .wrap-intro-plain div.content {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .intro-plain.with-sidebar .wrap-intro-plain nav.category-sub-nav, .intro-plain.with-sidebar .wrap-intro-plain .posts-filter-wrapper {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; } }
  @media screen and (min-width: 641px) {
    .archive.category .intro-plain.with-sidebar .wrap-intro-plain {
      display: block; } }
  @media screen and (min-width: 1025px) {
    .archive.category .intro-plain.with-sidebar .wrap-intro-plain {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 8fr 4fr;
      grid-template-columns: 8fr 4fr; } }

.hero-section {
  margin-top: 0;
  display: block;
  background-color: #ffffff; }
  .archive .hero-section {
    color: #ffffff;
    background-color: #000000; }
    .archive .hero-section .button.ghost, .archive .hero-section .ghost.cta.thin, .archive .hero-section .categories a, .categories .archive .hero-section a, .archive .hero-section .pagination.front a.ghost, .pagination.front .archive .hero-section a.ghost {
      background: transparent;
      color: #ffffff; }
      .archive .hero-section .button.ghost:hover, .archive .hero-section .ghost.cta.thin:hover, .archive .hero-section .categories a:hover, .categories .archive .hero-section a:hover, .archive .hero-section .pagination.front a.ghost:hover, .pagination.front .archive .hero-section a.ghost:hover {
        background: #f2f2f2;
        color: #000000; }
    .archive .hero-section a p, .archive .hero-section a .overlay .content ol, .overlay .content .archive .hero-section a ol, .archive .hero-section a .overlay .content ul, .overlay .content .archive .hero-section a ul, .archive .hero-section a h1, .archive .hero-section a h2, .archive .hero-section a h3, .archive .hero-section a .liftups h4, .liftups .archive .hero-section a h4, .archive .hero-section a h4, .archive .hero-section a h5 {
      color: #ffffff; }
    .archive .hero-section .plus span, .archive .hero-section .hamburger span {
      background: #ffffff; }
    .archive .hero-section .js-nav-toggle > span {
      color: #ffffff; }
  .hero-section .wrap-hero-section {
    padding: 0 1rem;
    max-width: 1280px;
    margin: 1rem auto;
    margin: 0 auto;
    padding: 1.5rem 1rem; }
    @media screen and (min-width: 1401px) {
      .hero-section .wrap-hero-section {
        padding-left: 0;
        padding-right: 0; } }
    .hero-section .wrap-hero-section > header {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 1;
      margin-bottom: 1rem; }
      .hero-section .wrap-hero-section > header h3, .hero-section .wrap-hero-section > header .liftups h4, .liftups .hero-section .wrap-hero-section > header h4 {
        margin-bottom: 0; }
    @media screen and (min-width: 1025px) {
      .hero-section .wrap-hero-section {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 8fr 4fr;
        grid-template-columns: 8fr 4fr;
        grid-gap: 1rem; }
        .hero-section .wrap-hero-section .hero {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2;
          -ms-grid-row: 2;
          padding-right: 0.5rem; }
        .hero-section .wrap-hero-section .secondary-hero {
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2/3;
          -ms-grid-row: 2;
          padding-left: 0.5rem; } }
  .hero-section.threes .wrap-hero-section, .hero-section.twos .wrap-hero-section {
    display: block; }
    .hero-section.threes .wrap-hero-section .secondary-hero, .hero-section.twos .wrap-hero-section .secondary-hero {
      padding: 0; }

.hero {
  position: relative;
  height: auto;
  margin-bottom: 1.5rem; }
  .hero header, .hero picture, .hero div {
    display: block; }
  .hero-section .hero > div picture {
    height: 240px; }
  @media screen and (min-width: 641px) {
    .hero-section .hero > div {
      display: block; }
      .hero-section .hero > div picture {
        margin-bottom: 1rem;
        height: 360px; } }
  @media screen and (min-width: 1025px) {
    .hero-section .hero > div picture {
      height: 400px; } }
  .hero picture {
    position: relative;
    display: block; }
    @media screen and (max-width: 640px) {
      .hero picture {
        height: 240px;
        margin-bottom: 1rem; } }
    @media screen and (min-width: 641px) {
      .hero picture {
        height: auto;
        min-height: 17.5rem; } }
    @media screen and (min-width: 1025px) {
      .hero picture {
        min-height: 20rem; } }
    @media screen and (min-width: 1281px) {
      .hero picture {
        min-height: 25rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .hero picture {
        height: auto !important; } }
  .hero h2 {
    margin-bottom: 1.5rem; }
  .hero .content p, .hero .overlay .content ol, .overlay .hero .content ol, .hero .overlay .content ul, .overlay .hero .content ul {
    margin-bottom: 0.75rem; }

@supports (object-fit: cover) {
  .hero picture img, .hero 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%; } }

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .secondary-hero {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem; }
    .secondary-hero > .post-card:nth-of-type(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .secondary-hero > .post-card:nth-of-type(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1; } }

.secondary-hero > .post-card {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem; }
  @media screen and (min-width: 421px) and (max-width: 640px), (min-width: 769px) and (max-width: 1024px) {
    .secondary-hero > .post-card {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1rem; }
      .secondary-hero > .post-card > a {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1; }
      .secondary-hero > .post-card > .content {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .secondary-hero > .post-card > a {
      padding-right: 0.5rem;
      display: block; }
    .secondary-hero > .post-card > .content {
      padding-left: 0.5rem; } }
  .secondary-hero > .post-card picture {
    height: 50vw; }
    @media screen and (min-width: 421px) {
      .secondary-hero > .post-card picture {
        height: 25vw; } }
    @media screen and (min-width: 769px) {
      .secondary-hero > .post-card picture {
        height: 12vw; } }
    @media screen and (min-width: 1025px) {
      .secondary-hero > .post-card picture {
        height: 15vw; } }
    @media screen and (min-width: 1281px) {
      .secondary-hero > .post-card picture {
        height: 200px; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .secondary-hero > .post-card picture {
        height: auto !important; } }

.liftups li {
  display: block;
  margin: 0 0 0.75rem; }
  .liftups li a {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px auto;
    grid-template-columns: 80px auto;
    grid-gap: 1rem; }
    .liftups li a span {
      color: #ffffff; }
    .liftups li a:hover span {
      color: #a7001f; }
    .liftups li a img {
      max-width: 80px;
      height: auto; }
    .liftups li a picture {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 1;
      padding-right: 0.5rem; }
    .liftups li a span {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
      -ms-grid-row: 1;
      padding-left: 0.5rem;
      align-self: center; }
    @media screen and (min-width: 1025px) {
      .liftups li a {
        -ms-grid-columns: 120px auto;
        grid-template-columns: 120px auto; }
        .liftups li a img {
          max-width: 120px; } }

.threes .secondary-hero {
  display: block; }
  @media screen and (min-width: 641px) {
    .threes .secondary-hero {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      padding: 0;
      grid-gap: 1rem; }
      .threes .secondary-hero > header {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 1;
        margin-bottom: 1rem; }
        .threes .secondary-hero > header h3, .threes .secondary-hero > header .liftups h4, .liftups .threes .secondary-hero > header h4 {
          margin-bottom: 0; }
      .threes .secondary-hero > .post-card {
        display: block; }
        .threes .secondary-hero > .post-card h4 {
          margin-top: 0.5rem; }
      .threes .secondary-hero > .post-card:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .threes .secondary-hero > .post-card:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .threes .secondary-hero > .post-card:nth-of-type(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1; } }
  @media all and (-ms-high-contrast: none) and (min-width: 641px), (-ms-high-contrast: active) and (min-width: 641px) {
    .threes .secondary-hero > .post-card {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      -ms-grid-row: 2; } }

.twos .secondary-hero, .twos .liftups {
  display: block; }
  @media screen and (min-width: 641px) {
    .twos .secondary-hero, .twos .liftups {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      padding: 0;
      grid-gap: 1rem; }
      .twos .secondary-hero > header, .twos .liftups > header {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 1;
        margin-bottom: 1rem; }
        .twos .secondary-hero > header h3, .twos .secondary-hero > header .liftups h4, .liftups .twos .secondary-hero > header h4, .twos .liftups > header h3, .twos .liftups > header h4 {
          margin-bottom: 0; }
      .twos .secondary-hero > .post-card, .twos .liftups > .post-card {
        display: block; }
        .twos .secondary-hero > .post-card h4, .twos .liftups > .post-card h4 {
          margin-top: 0.5rem; }
      .twos .secondary-hero > .post-card:nth-of-type(1), .twos .liftups > .post-card:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .twos .secondary-hero > .post-card:nth-of-type(2), .twos .liftups > .post-card:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; } }
  @media all and (-ms-high-contrast: none) and (min-width: 641px), (-ms-high-contrast: active) and (min-width: 641px) {
    .twos .secondary-hero > .post-card, .twos .liftups > .post-card {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      -ms-grid-row: 2; } }

/** 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, footer .newsletter .liftups h4, .liftups footer .newsletter h4 {
          -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, footer .newsletter .liftups h4, .liftups footer .newsletter h4 {
        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; } }

.cta {
  margin: 1.5rem 0; }

.cta.two {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4fr 2fr;
  grid-template-columns: 4fr 2fr;
  grid-gap: 0.5rem;
  align-items: start; }
  .cta.two > div:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2; }
  .cta.two > div:nth-of-type(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3; }

.cta.thin {
  padding: 0;
  margin: 0; }
  .cta.thin *:not(.wrap-cta) {
    margin: 0; }
  .cta.thin a {
    display: block;
    padding: 1.5rem 0;
    width: 100%;
    height: 100%;
    text-align: center; }
    @media screen and (min-width: 1401px) {
      .cta.thin a {
        padding: 1.5rem 2.5rem; } }
    .cta.thin a * {
      color: #ffffff; }

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

.cta.full-width a > * {
  max-width: 1280px;
  margin: 0 auto; }

.cta.fixed {
  position: fixed;
  bottom: 0;
  margin-bottom: 0;
  z-index: 900; }

.cta.slide {
  transform: translateY(100%);
  -webkit-transform: translateY(100%); }
  .cta.slide.slide-in {
    transform: translateY(0%);
    -webkit-transform: translateY(0%); }

.cta.hide {
  display: none; }

.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 .liftups h4, .liftups .post-card h4, .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 .liftups h4, .liftups .posts header h4, .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; }

@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; } }

.posts-filter {
  overflow-y: hidden;
  padding: 0 1rem;
  max-width: 1280px;
  margin: 1rem auto;
  margin: 0 auto;
  max-height: 0;
  height: auto;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  position: relative;
  opacity: 0; }
  @media screen and (min-width: 1401px) {
    .posts-filter {
      padding-left: 0;
      padding-right: 0; } }
  .posts-filter.show {
    height: auto;
    max-height: 1000px;
    opacity: 1; }
    @media screen and (min-width: 641px) {
      .posts-filter.show {
        max-height: 600px; } }
    .posts-filter.show fieldset {
      margin-top: 1.5rem; }
  .posts-filter form {
    margin-top: 1.5rem; }
    .posts-filter form p, .posts-filter form .overlay .content ol, .overlay .content .posts-filter form ol, .posts-filter form .overlay .content ul, .overlay .content .posts-filter form ul {
      margin-bottom: 0; }
    .posts-filter form .number-of-posts {
      margin-left: 0.5rem; }
    .posts-filter form input[type="submit"], .posts-filter form .number-of-posts {
      display: inline-block;
      vertical-align: middle; }
    .posts-filter form .clear {
      display: inline-block;
      vertical-align: middle;
      float: right;
      margin: 0; }
  .posts-filter .plus {
    position: absolute;
    right: 1.75rem;
    top: 3rem; }
    @media screen and (min-width: 1401px) {
      .posts-filter .plus {
        right: 0.75rem; } }
  .posts-filter .cats-tags {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 1.5rem; }
    @media screen and (min-width: 641px) {
      .posts-filter .cats-tags {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(4, 1fr); }
        .posts-filter .cats-tags > div {
          padding-bottom: 1.5rem; } }
    .posts-filter .cats-tags > h4 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 1; }
      @media screen and (min-width: 641px) {
        .posts-filter .cats-tags > h4 {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2; } }
    .posts-filter .cats-tags > div {
      margin-bottom: 1.5rem; }
      .posts-filter .cats-tags > div .wrapper {
        column-count: 2;
        column-gap: 1.5rem; }
      .posts-filter .cats-tags > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 2; }
      .posts-filter .cats-tags > div:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 3; }
      .posts-filter .cats-tags > div:nth-of-type(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 4; }
      @media screen and (min-width: 641px) {
        .posts-filter .cats-tags > div {
          margin-bottom: 0; }
          .posts-filter .cats-tags > div:nth-of-type(1) {
            -ms-grid-column: 1;
            -ms-grid-column-span: 1;
            grid-column: 1/2;
            -ms-grid-row: 2; }
          .posts-filter .cats-tags > div:nth-of-type(2) {
            -ms-grid-column: 2;
            -ms-grid-column-span: 3;
            grid-column: 2/5;
            -ms-grid-row: 2; }
          .posts-filter .cats-tags > div:nth-of-type(3) {
            -ms-grid-column: 1;
            -ms-grid-column-span: 4;
            grid-column: 1/5;
            -ms-grid-row: 3; }
          .posts-filter .cats-tags > div.cats .wrapper {
            column-count: 1;
            column-gap: 1.5rem; }
          .posts-filter .cats-tags > div.tags .wrapper {
            column-count: 3;
            column-gap: 1.5rem; }
          .posts-filter .cats-tags > div.content-types .wrapper {
            column-count: 1; }
          .posts-filter .cats-tags > div.content-types .input-wrap {
            display: inline-block;
            margin-right: 1.5rem; } }
      .posts-filter .cats-tags > div.has-subs > div:not(:first-of-type) {
        margin-left: 0.5rem; }
  .posts-filter.on-categorypage {
    overflow-y: hidden;
    max-height: 300px;
    opacity: 1; }
    .posts-filter.on-categorypage .on-categorypage-mask {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      /* fallback/image non-cover color */
      background-color: transparent;
      /* Firefox 3.6+ */
      background-image: -moz-linear-gradient(top, transparent 20%, #000000 100%);
      /* Safari 5.1+, Chrome 10+ */
      background-image: -webkit-linear-gradient(top, transparent 20%, #000000 100%);
      /* Opera 11.10+ */
      background-image: -o-linear-gradient(top, transparent 20%, #000000 100%);
      /* IE10+ */
      background: -ms-linear-gradient(top, transparent 20%, #000000 100%);
      /* Standard */
      background: linear-gradient(to bottom, transparent 20%, #000000 100%);
      /* IE6-9 */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }
    .posts-filter.on-categorypage .cats-tags {
      display: block; }
      .posts-filter.on-categorypage .cats-tags > div {
        margin-bottom: 1.5rem;
        padding-bottom: 0; }
        .posts-filter.on-categorypage .cats-tags > div.hide {
          display: none; }
        .posts-filter.on-categorypage .cats-tags > div .wrapper {
          column-count: 2; }
        @media screen and (min-width: 641px) {
          .posts-filter.on-categorypage .cats-tags > div {
            display: block; } }
        @media screen and (min-width: 769px) {
          .posts-filter.on-categorypage .cats-tags > div .wrapper {
            column-count: 3; } }
        @media screen and (min-width: 1025px) {
          .posts-filter.on-categorypage .cats-tags > div .wrapper {
            column-count: 2; } }
    .posts-filter.on-categorypage .plus.open {
      display: none; }
      .posts-filter.on-categorypage .plus.open span {
        background: #ffffff !important; }
  .posts-filter.on-categorypage.show {
    max-height: 1500px; }
    .posts-filter.on-categorypage.show fieldset {
      margin-top: 0; }
    .posts-filter.on-categorypage.show .on-categorypage-mask {
      display: none; }
    .posts-filter.on-categorypage.show .plus.open {
      display: block;
      top: 1.5rem; }
  .posts-filter .spinner {
    display: none;
    width: 30px;
    height: 30px;
    background: transparent url("../../img/icons/spinner.svg") center center no-repeat;
      background-size: 20px 20px;
    animation: spin 2s infinite linear;
    margin-left: 0.25rem; }
    .posts-filter .spinner.show {
      display: inline-block;
      vertical-align: middle; }
  .posts-filter.on-categorypage .spinner {
    filter: invert(1); }

.posts-filter-wrapper #toggle-filter {
  position: relative;
  z-index: 1001;
  display: inline-block;
  margin-top: 0.75rem; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .on-the-side {
    margin: 0 1rem 1rem; } }

@media screen and (min-width: 421px) {
  .post-thumbs .on-the-side {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4; } }

@media screen and (min-width: 769px) {
  .post-thumbs .on-the-side {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3; } }

@media screen and (min-width: 1281px) {
  .post-thumbs .on-the-side {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4; } }

.on-the-side > div {
  border: 1px solid #f2f2f2;
  padding: 1rem;
  margin: 0; }

.on-the-side .liftup {
  padding: 0 0 1.5rem 0; }
  .on-the-side .liftup > *:not(a) {
    padding: 0 1rem; }
  .on-the-side .liftup > *:last-child, .on-the-side .liftup .banner-content > *:last-child {
    margin-bottom: 0; }
  .on-the-side .liftup picture {
    display: block;
    position: relative;
    height: 160px;
    margin-bottom: 1rem; }

.on-the-side .liftup.banner {
  padding: 0;
  border: 0;
  height: auto;
  position: relative;
  height: 100%; }
  .on-the-side .liftup.banner picture {
    height: 100%;
    z-index: 1;
    margin: 0; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .on-the-side .liftup.banner picture {
        height: auto; }
        .on-the-side .liftup.banner picture img {
          height: 100%; } }
    @media all and (min-width: 769px) and (max-width: 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .on-the-side .liftup.banner picture {
        height: 300px; } }
    .on-the-side .liftup.banner picture::after {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      /* fallback/image non-cover color */
      background-color: rgba(0, 0, 0, 0.4);
      /* Firefox 3.6+ */
      background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 300%);
      /* Safari 5.1+, Chrome 10+ */
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 300%);
      /* Opera 11.10+ */
      background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 300%);
      /* IE10+ */
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 300%);
      /* Standard */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 300%);
      /* IE6-9 */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 );
      z-index: 2;
      top: 0;
      bottom: 0; }
    @media screen and (min-width: 1281px) {
      .on-the-side .liftup.banner picture {
        min-height: 500px; } }
  .on-the-side .liftup.banner a * {
    color: #ffffff; }
  .on-the-side .liftup.banner .banner-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 1rem;
    margin: 0 auto;
    color: #ffffff;
    top: 0;
    z-index: 3; }
    .on-the-side .liftup.banner .banner-content *:last-child {
      margin-bottom: 0; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .on-the-side .liftup.banner .banner-content .wrap-content {
        position: absolute;
        width: 100%;
        left: 0;
        right: 1rem;
        bottom: 25%; } }
  .on-the-side .liftup.banner picture {
    min-height: 300px; }

@supports (object-fit: cover) {
  .liftup picture img, .liftup 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%; } }

/* IE10-11 specifics */
@media all and (min-width: 769px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .post-thumbs .on-the-side {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4; } }

@media all and (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .post-thumbs .on-the-side {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2; } }

.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; }

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

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

.hero {
  display: block;
  width: 100%; }

.cta {
  display: block;
  width: 100%; }