/* 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 {
  font-family: 'Druk Cy Web', Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

.Druk-MediumItalic-Cy-Web-HeavyItalic, h1, .intro .content 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, .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, .ama-section form label span.wpcf7-not-valid-tip {
  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, .ama-section form input[type="submit"], .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, .ama-section form input:hover[type="submit"], .pagination.front a:hover, .button:focus, .cta.thin:focus, .ama-section form input:focus[type="submit"], .pagination.front a:focus {
    background-color: #a7001f;
    color: #ffffff; }
  .button.ghost, .ghost.cta.thin, .ama-section form input.ghost[type="submit"], .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, .ama-section form input.ghost:hover[type="submit"], .categories a:hover, .pagination.front a.ghost:hover, .button.ghost:focus, .ghost.cta.thin:focus, .ama-section form input.ghost:focus[type="submit"], .categories a:focus, .pagination.front a.ghost:focus {
      background-color: #e5e5e5; }
  .button.big, .big.cta.thin, .ama-section form input.big[type="submit"], .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"]: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="radio"]: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="radio"]: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;
      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, .ama-section form input[type="submit"] {
    height: 2rem;
    line-height: 2rem;
    padding-top: 0;
    padding-bottom: 0; }
    input.button:disabled, input.cta.thin:disabled, .ama-section form input:disabled[type="submit"] {
      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 {
  position: relative;
  height: auto;
  margin-bottom: 0;
  min-height: 22.5rem; }
  @media all and (-ms-high-contrast: none) and (max-width: 1024px), (-ms-high-contrast: active) and (max-width: 1024px) {
    .intro {
      height: 320px; } }
  @media all and (-ms-high-contrast: none) and (min-width: 1025px), (-ms-high-contrast: active) and (min-width: 1025px) {
    .intro {
      height: 500px; } }
  .intro picture {
    display: block;
    position: absolute;
    height: 100%;
    min-height: 22.5rem;
    width: 100%;
    z-index: 1; }
    @media screen and (min-width: 641px) {
      .intro picture {
        position: relative;
        height: auto; } }
    .single .intro picture, .page .intro picture {
      position: relative; }
    @media screen and (min-width: 1025px) {
      .intro picture {
        min-height: 26.25rem; } }
    @media screen and (min-width: 1281px) {
      .intro picture {
        min-height: 32.5rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .intro picture {
        height: 100% !important;
        min-height: 0;
        overflow: hidden; }
        .intro picture img {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          z-index: 1;
          width: 100%;
          height: auto; } }
    @media all and (max-width: 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .intro picture img {
        left: -25%;
        width: auto;
        max-width: 200%;
        min-height: 100%;
        transform: scale(1.1); } }
    @media screen and (max-width: 640px) {
      .intro picture::after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        content: "";
        /* fallback/image non-cover color */
        background-color: rgba(0, 0, 0, 0.2);
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, transparent 300%);
        /* Safari 5.1+, Chrome 10+ */
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, transparent 300%);
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, transparent 300%);
        /* IE10+ */
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, transparent 300%);
        /* Standard */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 300%);
        /* IE6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 );
        z-index: 2; } }
  .intro .content {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 4rem 1rem 4rem 1rem;
    margin: 0 auto;
    color: #ffffff;
    top: 0;
    z-index: 3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    align-items: center; }
    .intro .content h1 {
      text-transform: uppercase;
      font-size: 6.5vw;
      line-height: 0.95em; }
      @media screen and (min-width: 1281px) {
        .intro .content h1 {
          font-size: 5.5rem; } }
    @media screen and (min-width: 641px) {
      .intro .content {
        padding: 4rem 1rem 4rem 4rem;
        position: absolute; } }
    .single .intro .content, .page .intro .content {
      position: absolute; }
    @media screen and (min-width: 1281px) {
      .intro .content {
        padding: 6rem 1rem 6rem 4rem;
        justify-items: center; }
        .intro .content * {
          width: 1280px; } }
    @media screen and (min-width: 1401px) {
      .intro .content {
        padding-left: 2rem; } }
    .intro .content *:last-child, .intro .content h5 {
      margin-bottom: 0; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .intro .content {
        width: 100%;
        max-width: 1280px;
        left: 0;
        right: 0; }
        .intro .content > *:nth-child(1) {
          -ms-grid-row: 1; }
        .intro .content > *:nth-child(2) {
          -ms-grid-row: 2; }
        .intro .content > *:nth-child(3) {
          -ms-grid-row: 3; } }
    @media screen and (min-width: 1025px) {
      .intro .content p.supersized, .intro .overlay .content ol.supersized, .overlay .intro .content ol.supersized, .intro .overlay .content ul.supersized, .overlay .intro .content ul.supersized {
        font-size: 1.125rem; } }

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

/* Make intro image to shop from top down */
.single .intro picture img, .single .intro picture source {
  object-position: 50% 0%; }

.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 .ama-section form input.ghost[type="submit"], .ama-section form .archive .hero-section input.ghost[type="submit"], .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 .ama-section form input.ghost:hover[type="submit"], .ama-section form .archive .hero-section input.ghost:hover[type="submit"], .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 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 {
        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; } }

/** 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; } }

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

.ama-section {
  color: #ffffff;
  margin-top: 0;
  display: block;
  background-color: #000000; }
  .ama-section .button.ghost, .ama-section .ghost.cta.thin, .ama-section form input.ghost[type="submit"], .ama-section .categories a, .categories .ama-section a, .ama-section .pagination.front a.ghost, .pagination.front .ama-section a.ghost {
    background: transparent;
    color: #ffffff; }
    .ama-section .button.ghost:hover, .ama-section .ghost.cta.thin:hover, .ama-section form input.ghost:hover[type="submit"], .ama-section .categories a:hover, .categories .ama-section a:hover, .ama-section .pagination.front a.ghost:hover, .pagination.front .ama-section a.ghost:hover {
      background: #f2f2f2;
      color: #000000; }
  .ama-section a p, .ama-section a .overlay .content ol, .overlay .content .ama-section a ol, .ama-section a .overlay .content ul, .overlay .content .ama-section a ul, .ama-section a h1, .ama-section a h2, .ama-section a h3, .ama-section a h4, .ama-section a h5 {
    color: #ffffff; }
  .ama-section .plus span, .ama-section .hamburger span {
    background: #ffffff; }
  .ama-section .js-nav-toggle > span {
    color: #ffffff; }
  .ama-section .ama-wrapper {
    padding: 0 1rem;
    max-width: 1280px;
    margin: 1rem auto;
    margin: 0 auto;
    padding: 1.5rem 1rem; }
    @media screen and (min-width: 1401px) {
      .ama-section .ama-wrapper {
        padding-left: 0;
        padding-right: 0; } }
    .ama-section .ama-wrapper > header {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1/3;
      -ms-grid-row: 1;
      margin-bottom: 1rem; }
      .ama-section .ama-wrapper > header h2 {
        margin-bottom: 0; }
    .ama-section .ama-wrapper .ama {
      padding-top: 0.75rem; }
    @media screen and (min-width: 769px) {
      .ama-section .ama-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem; }
        .ama-section .ama-wrapper picture {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2;
          -ms-grid-row: 2;
          padding-right: 0.5rem; }
        .ama-section .ama-wrapper .ama {
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2/3;
          -ms-grid-row: 2;
          padding-left: 0.5rem; } }
  .ama-section picture {
    position: relative;
    display: block; }
    @media screen and (max-width: 640px) {
      .ama-section picture {
        height: 300px;
        margin-bottom: 1rem; } }
    @media screen and (min-width: 641px) {
      .ama-section picture {
        height: auto;
        min-height: 22.5rem; } }
    @media screen and (min-width: 1281px) {
      .ama-section picture {
        min-height: 25rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .ama-section picture {
        height: auto !important; } }
  @media screen and (min-width: 769px) {
    .ama-section form {
      min-height: 13.75rem; } }
  .ama-section form p, .ama-section form .overlay .content ol, .overlay .content .ama-section form ol, .ama-section form .overlay .content ul, .overlay .content .ama-section form ul {
    margin: 0 0 0.5rem 0; }
  .ama-section form label {
    display: block;
    font-weight: 700;
    text-transform: uppercase; }
    @media screen and (min-width: 1025px) {
      .ama-section form label {
        font-size: 1.125rem; } }
    .ama-section form label span {
      display: block;
      margin: 0.5rem 0;
      width: 100%; }
      .ama-section form label span input {
        width: 100%; }
        .ama-section form label span input.wpcf7-not-valid {
          border: 2px solid #d10027; }
    .ama-section form label span.wpcf7-not-valid-tip {
      text-transform: none;
      font-weight: 400;
      color: #ffffff;
      margin: 0.5rem 0 0 0; }
  .ama-section form input[type="submit"] {
    margin-top: 1rem; }
  .ama-section form .wpcf7-response-output {
    border: none;
    margin: 1.5rem 0;
    font-weight: 700;
    padding: 0; }
    .ama-section form .wpcf7-response-output.wpcf7-validation-errors {
      color: #d10027; }

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

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

@media screen and (min-width: 421px) {
  .wrap-halfs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr); }
    .wrap-halfs > .half:nth-of-type(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .wrap-halfs > .half:nth-of-type(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1; } }

.post-thumbs.half {
  margin: 0;
  padding: 1.5rem 1rem;
  display: block;
  max-width: 156.25rem; }
  @media screen and (min-width: 421px) {
    .post-thumbs.half {
      padding: 1.5rem 0 1.5rem 1rem; } }
  .post-thumbs.half.editors {
    background: #000000;
    color: #ffffff; }
    .post-thumbs.half.editors .button.ghost, .post-thumbs.half.editors .ghost.cta.thin, .post-thumbs.half.editors .ama-section form input.ghost[type="submit"], .ama-section form .post-thumbs.half.editors input.ghost[type="submit"], .post-thumbs.half.editors .categories a, .categories .post-thumbs.half.editors a, .post-thumbs.half.editors .pagination.front a.ghost, .pagination.front .post-thumbs.half.editors a.ghost {
      background: transparent;
      color: #ffffff; }
      .post-thumbs.half.editors .button.ghost:hover, .post-thumbs.half.editors .ghost.cta.thin:hover, .post-thumbs.half.editors .ama-section form input.ghost:hover[type="submit"], .ama-section form .post-thumbs.half.editors input.ghost:hover[type="submit"], .post-thumbs.half.editors .categories a:hover, .categories .post-thumbs.half.editors a:hover, .post-thumbs.half.editors .pagination.front a.ghost:hover, .pagination.front .post-thumbs.half.editors a.ghost:hover {
        background: #f2f2f2;
        color: #000000; }
    .post-thumbs.half.editors a p, .post-thumbs.half.editors a .overlay .content ol, .overlay .content .post-thumbs.half.editors a ol, .post-thumbs.half.editors a .overlay .content ul, .overlay .content .post-thumbs.half.editors a ul, .post-thumbs.half.editors a h1, .post-thumbs.half.editors a h2, .post-thumbs.half.editors a h3, .post-thumbs.half.editors a h4, .post-thumbs.half.editors a h5 {
      color: #ffffff; }
    .post-thumbs.half.editors .plus span, .post-thumbs.half.editors .hamburger span {
      background: #ffffff; }
    .post-thumbs.half.editors .js-nav-toggle > span {
      color: #ffffff; }
    @media screen and (min-width: 421px) {
      .post-thumbs.half.editors .wrap-half {
        float: right; } }
    @media screen and (min-width: 1401px) {
      .post-thumbs.half.editors {
        padding-left: 0; } }
  .post-thumbs.half.popular {
    background: #d10027;
    color: #ffffff; }
    .post-thumbs.half.popular .button.ghost, .post-thumbs.half.popular .ghost.cta.thin, .post-thumbs.half.popular .ama-section form input.ghost[type="submit"], .ama-section form .post-thumbs.half.popular input.ghost[type="submit"], .post-thumbs.half.popular .categories a, .categories .post-thumbs.half.popular a, .post-thumbs.half.popular .pagination.front a.ghost, .pagination.front .post-thumbs.half.popular a.ghost {
      background: transparent;
      color: #ffffff; }
      .post-thumbs.half.popular .button.ghost:hover, .post-thumbs.half.popular .ghost.cta.thin:hover, .post-thumbs.half.popular .ama-section form input.ghost:hover[type="submit"], .ama-section form .post-thumbs.half.popular input.ghost:hover[type="submit"], .post-thumbs.half.popular .categories a:hover, .categories .post-thumbs.half.popular a:hover, .post-thumbs.half.popular .pagination.front a.ghost:hover, .pagination.front .post-thumbs.half.popular a.ghost:hover {
        background: #f2f2f2;
        color: #000000; }
    .post-thumbs.half.popular a p, .post-thumbs.half.popular a .overlay .content ol, .overlay .content .post-thumbs.half.popular a ol, .post-thumbs.half.popular a .overlay .content ul, .overlay .content .post-thumbs.half.popular a ul, .post-thumbs.half.popular a h1, .post-thumbs.half.popular a h2, .post-thumbs.half.popular a h3, .post-thumbs.half.popular a h4, .post-thumbs.half.popular a h5 {
      color: #ffffff; }
    .post-thumbs.half.popular .plus span, .post-thumbs.half.popular .hamburger span {
      background: #ffffff; }
    .post-thumbs.half.popular .js-nav-toggle > span {
      color: #ffffff; }
    @media screen and (min-width: 1401px) {
      .post-thumbs.half.popular {
        padding-right: 0; } }
  .post-thumbs.half .wrap-half {
    padding: 0 1rem;
    max-width: 608px;
    margin: 1rem auto;
    padding: 0;
    margin: 0;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    overflow: auto;
    flex-direction: row; }
    @media screen and (min-width: 1401px) {
      .post-thumbs.half .wrap-half {
        padding-left: 0;
        padding-right: 0; } }
    .post-thumbs.half .wrap-half .post-card {
      width: 100%;
      padding: 0 1rem 0 0; }
    .post-thumbs.half .wrap-half header {
      margin-left: 0; }
    @media screen and (min-width: 769px) {
      .post-thumbs.half .wrap-half .post-card {
        width: 50%; } }
    @media screen and (min-width: 1401px) {
      .post-thumbs.half .wrap-half {
        max-width: 624px; } }
  @media screen and (min-width: 421px) {
    .post-thumbs.half {
      padding-bottom: 3rem; } }
  @media screen and (max-width: 768px) {
    .post-thumbs.half .post-card {
      margin-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; }

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

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

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

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

.ama-section {
  display: block;
  width: 100%; }

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