/*Base & Reset*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
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,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
}
/* 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;
}
/* TODO to define visible focus styles!
:focus {
	outline: ?????;
}
*/
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
/* EOF */
:root {
  --white: #ffffff;
  --black: #000000;
  --grey: #D8D8D8;
  --primary: #000000;
  --secondary: #E20000;
  --tertiary: #4A4A4A;
}
/* EOF */
:root{
  will-change: font-size;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  box-sizing: border-box;
  transition: 0s !important;
  will-change: font-size !important;
}
html,
body {
  width: 100%;
  /* max-width: 100%; */
  /* min-height: 100%; */
  margin: 0;
  font-size: 62.5%;
  background: #fff;
  color: #000000;
  color: var(--primary);
  /* overflow-x: hidden; */
  /* -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
  text-rendering: optimizeLegibility;
  /* color:--var(secondary); */
}
body {
  /* min-height: 100vh; */
  padding: 0;
  margin: 0;
  font-size: 1.8rem;
  /* -webkit-overflow-scrolling: touch; */
}
/* No Image larger than full width */
img,
svg {
  /* width: 100%; */
  min-width: 1px;
  max-width: 100%;
  height: auto;
}
figure{
  width: auto;
}
a:link,
a:active,
a:hover,
a:visited,
a:focus {
  transition: 0s;
  color: #000000;
  color: var(--primary);
  touch-action: manipulation;
}
a:link,
a:visited {
  color: inherit;
  text-decoration: none;
  /* text-decoration: underline; */
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}
a:visited {
  /* color: color-mod(var(--primary) tint(20%)); */
}
a:hover,
a:active,
a:focus {
  /* opacity: .7; */
  text-shadow: none;
  box-shadow: none;
  outline: medium none invert;
  outline: initial;
  color: #E20000;
  color: var(--secondary);
  /* outline: 1px dotted currentColor; */
}
/* @media print {
  a[href^="http"]:after {
    content: " (" attr(href) ")";
  }
} */
body{
  display: flex;
  overflow-x: hidden;
  /*overflow-y: scroll;*/
  flex-direction: column
}
body main{
    flex-grow: 1;
    padding-top: 5.2rem;
  }
main {
  padding-right: 2rem;
  padding-left: 2rem;
  flex-grow: 1
}
@media (max-width: 768px) {
main {
    flex-grow: initial
}
  }
/* figure{
  position: relative;
  top: 0;
  left: 0;
  &:before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    top: calc(50% - .5rem);
    left: calc(50% - .5rem);
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    text-indent: -9999em;
    border-top: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-bottom: .1rem solid transparent;
    border-left: .1rem solid var(--primary);
    animation: load8 1.1s infinite linear;
    z-index: -1;
  }
} */
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.skip {
  position: absolute;
  z-index: -999;
  top: auto;
  left: -999px;

  overflow: hidden;

  width: 1px;
  height: 1px;
}
.skip:hover,
.skip:focus,
.skip:active {
  display: block;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 1rem;

  overflow: auto;

  width: auto;
  height: auto;

  text-align: center;
  background-color: #ffffff;
  background-color: var(--white);
  text-align: center;
}
[hidden] {
  display: none;
}
.vh,
.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding:0 !important;
  border:0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
hr, .hr{
  border:none;
  height: 1px;
  background-color: none;
  margin-bottom: 3rem;
  margin-top: 3rem;
  border-bottom: 1px solid #D8D8D8;
  border-bottom: 1px solid var(--grey);
}
.center{
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
/* @supports (display:grid){
  body{
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: [full-start] 2rem [main-start] 1fr [main-end] 2rem [full-end];
    & header{
      grid-column: full;
    }
    & main{
      grid-column: main;
    }
    & footer{
      grid-column: full;
    }
  }
} */
/* EOF */
/* Typographic styles and vertical rhythm pulled from http:www.gridlover.net/app/ */
@font-face {
  font-family: 'Book';
  src: url('../webfonts/book/SurveyorDisplay-Book.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/book/SurveyorDisplay-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../webfonts/book/SurveyorDisplay-Book.woff') format('woff'), /* Modern Browsers */
  url('../webfonts/book/SurveyorDisplay-Book.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../webfonts/book/SurveyorDisplay-Book.svg#SurveyorDisplay-Book') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'Medium';
  src: url('../webfonts/medium/SurveyorText-Medium.eot');
  /* IE9 Compat Modes */
  src: url('../webfonts/medium/SurveyorText-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../webfonts/medium/SurveyorText-Medium.woff') format('woff'), /* Modern Browsers */
  url('../webfonts/medium/SurveyorText-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../webfonts/medium/SurveyorText-Medium.svg#SurveyorText-Medium') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
}
:root {
  /* These values are the minimum and maximum viewport sizes to apply the font scaling */
  --minwidth: 480;
  --maxwidth: 2400;
  /* These values represent the range of fon-tsize to apply */
  /* These values effect the base font-size, headings and other elements will scale proportionally */
  --minfont: 12;
  --maxfont: 18;
  --serif: 'Book', serif;
  --serifmedium: 'Medium', Georgia, serif;
  --sans-serif: Helvetica, Arial, sans-serif;
}
:root {
  font-size: calc(12 * 1px);
  font-size: calc(var(--minfont) * 1px); line-height:0vw ;
}
@media (min-width: 480px) and (max-width: 2400px) {
  :root {
    font-size: calc((12 * 1px) + (18 - 12) * ((100vw - calc(480 * 1px)) / (2400 - 480)));
    font-size: calc((var(--minfont) * 1px) + (var(--maxfont) - var(--minfont)) * ((100vw - calc(var(--minwidth) * 1px)) / (var(--maxwidth) - var(--minwidth)))); line-height:0vw ;
  }
}
@media (min-width: 2400px) {
  :root {
    font-size: calc(18 * 1px);
    font-size: calc(var(--maxfont) * 1px); line-height:0vw ;
  }
}
body {
  font-family: Helvetica, Arial, sans-serif;
  font-family: Helvetica, Arial, sans-serif;
  font-family: var(--sans-serif);
  font-size: inherit;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  line-height: 160%;
  letter-spacing: .01rem;
  -webkit-text-size-adjust: 100% !important;
     -moz-text-size-adjust: 100% !important;
          text-size-adjust: 100% !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-family: 'Book', serif;
  font-family: 'Book', serif;
  font-family: var(--serif);
}
h1,
.h1 {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-size: 4.25rem;
  line-height: 1em;
}
h2,
.h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2.625rem;
  line-height: 1em;
}
h3,
.h3 {
  margin-top: 0rem;
  margin-bottom: 2rem;
  font-size: 1.625rem;
  line-height: 1em;
}
h4,
.h4 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1em;
}
h5,
.h5 {
  margin-top: 0;
  margin-bottom: 0rem;
  font-size: 1rem;
  line-height: 1em;
}
p,
ul,
ol,
pre,
table,
blockquote {
  margin-top: 0rem;
  margin-bottom: 1.5rem;
  -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               page-break-inside: avoid;
               break-inside: avoid;
}
ul,
ol {
  margin-left: 2rem;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
li {
  font-size: inherit;
  line-height: 1.5rem;
  list-style-type: disc;
}
hr,
.hr {
  margin: -1px 0;
  border: 1px solid;
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
strong,
b {
  font-weight: 700 !important;
}
i,
em {
  font-style: italic !important;
}
/* EOF */
form {
  width: 100%;
}
form:not(#mongo-form) input,
  form:not(#mongo-form) textarea,
  form:not(#mongo-form) select {
    overflow: visible;

    width: 100%;
    /* height: 2.5rem; */
    margin: 0;
    padding: 0.5rem 1rem;

    font-size: inherit;
    line-height: inherit;
    vertical-align: bottom;

    color: #ffffff;

    color: var(--white);
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    box-shadow: none;

    -webkit-appearance: none;

            appearance: none;
    text-fill-color: #ffffff;
    text-fill-color: var(--white);
  }
form:not(#mongo-form) input,
  form:not(#mongo-form) textarea,
  form:not(#mongo-form) select {
    color: inherit;
    border: 1px solid currentColor;
  }
form:not(#mongo-form) input:-webkit-autofill,
  form:not(#mongo-form) textarea:-webkit-autofill,
  form:not(#mongo-form) select:-webkit-autofill {
    color: inherit;
    background: #ffffff !important;
    background: var(--white) !important;
    box-shadow: 0 0 0 1000px #ffffff inset;
            box-shadow: 0 0 0 1000px var(--white) inset;

    -webkit-text-fill-color: currentColor;
            text-fill-color: currentColor;
  }
form:not(#mongo-form) input:-moz-focus-inner,
  form:not(#mongo-form) select:-moz-focus-inner,
  form:not(#mongo-form) *:focus-inner {
    padding: 0;

    border: none;
  }
form:not(#mongo-form) ::-webkit-input-placeholder {
    color: currentColor;
  }
form:not(#mongo-form) :-moz-placeholder {
    color: currentColor;
  }
form:not(#mongo-form) ::-moz-placeholder {
    color: currentColor;
  }
form:not(#mongo-form) :-ms-input-placeholder {
    color: currentColor;
  }
/* EOF */
/* External */
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: white;
  cursor: pointer;
}
.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}
.flickity-button-icon {
  fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
/* Modules */
.Header {
  position: fixed;
  z-index: 2;

  display: flex;
  justify-content: space-between;
  align-items: center;

  width: 100%;
  padding: 1rem;

  vertical-align: middle;

  border-bottom: 1px solid #D8D8D8;

  border-bottom: 1px solid var(--grey);
  background-color: #ffffff;
  background-color: var(--white)
}
.Header .Header__logo {
    margin: 0;

    font-size: 2rem;
    text-transform: uppercase
  }
.Header .Header__logo a {
      display: inline-block;

      padding: .8rem 1rem 1rem
    }
.Header .Header__logo a:hover,
      .Header .Header__logo a:active,
      .Header .Header__logo a:focus {
        color: #4A4A4A;
        color: var(--tertiary);
      }
.Nav {
  position: relative;
  z-index: 1;

  display: inline-block
}
.Nav .Nav__menu,
  .Nav .Nav__search {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;

    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 2rem;

    color: rgba(255,255,255,0.78);
    background-color: rgba(0,0,0,0.87)
  }
.Nav .Nav__menu.Nav--open, .Nav .Nav__search.Nav--open {
      display: flex;
    }
.Nav .Nav__menu a:hover,
      .Nav .Nav__menu a:active,
      .Nav .Nav__menu a:focus,
      .Nav .Nav__search a:hover,
      .Nav .Nav__search a:active,
      .Nav .Nav__search a:focus {
        color: #ffffff;
        color: var(--white);
      }
.Nav .Nav__close {
    position: absolute;
    top: 1.4rem;
    right: 1rem;

    color: #ffffff;

    color: var(--white);
  }
.Nav .Nav__container {
    overflow-y: scroll;
    overflow-x: hidden
  }
.Nav .Nav__container > ul {
      margin-right: -5rem;
      margin-bottom: 3rem;
      margin-left: -1rem;

      list-style: none;

      font-family: 'Book', serif;

      font-family: var(--serif);
      font-size: 1.6rem;
      font-weight: 100;
      text-transform: uppercase;

      -webkit-column-count: 2;

              column-count: 2
    }
.Nav .Nav__container > ul a {
        display: inline-block;

        padding: 0.5rem 1rem;

        line-height: 100%;
      }
.Nav .Nav__search form {
      display: flex;

      max-width: 50rem;

      font-size: 1.6rem;
      line-height: 100%
    }
.Nav .Nav__search form [type='text'] {
        border-right: none !important;
      }
.Nav .Nav__search form [type='submit'] {
        position: relative;

        margin-left: -1px;

        border-left: none !important;
      }
.Nav .Nav__search svg {
      max-width: 1.6rem !important;
    }
.Nav > .Social {
    margin-right: 2rem;
  }
.Nav > .Button__subscribe {
    display: none;
    /* position: fixed;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    color: var(--black) !important;
    background-color: var(--white) !important; */
  }
.Nav .Nav__menu .Button__subscribe {
    position: relative;

    display: block;
    // top: -4rem;

    margin-bottom: 3rem;
  }
.Nav li {
    margin: 0;
    padding: 0;

    list-style: none !important;
  }
@media (min-width:480px) {
      nav .Nav__container > ul, .Nav .Nav__container > ul {
        font-size: 3rem
      }
        nav .Nav__container > ul a, .Nav .Nav__container > ul a {
          padding: 1rem;
        }
      nav .Nav__search form, .Nav .Nav__search form {
        font-size: 3rem;
      }
      nav .Nav__search svg, .Nav .Nav__search svg {
        max-width: 2.2rem !important;
      }
    nav > .Button__subscribe, .Nav > .Button__subscribe {
      display: inline-block;
    }
    nav .Nav__menu .Button__subscribe, .Nav .Nav__menu .Button__subscribe {
      display: none;
    }
}
/* @supports (display:grid) {
  nav,
  .Nav {
    & .Nav__container {
      column-count: 1;
      & > ul {
        display: grid;

        gap: 0 3rem;
        grid-template-columns: min-content min-content;
        & li:nth-child(even) {
          grid-column: 2;
        }
      }
    }
  }
  @media (min-width:480px) {
    nav,
    .Nav {
      & .Nav__container {
        & > ul {
          gap: 0 5rem;
        }
      }
    }
  }
} */
.Banner {
  position: relative;

  width: auto;
  margin-right: -2rem;
  margin-left: -2rem
}
.Banner img {
    display: block;

    width: 100%;
    min-height: 40rem;
    max-height: 80vh;

    -o-object-fit: cover;

       object-fit: cover;
  }
.Banner figcaption {
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
    padding-right: 2rem;
    padding-left: 2rem;

    text-align: center;

    color: #ffffff;

    color: var(--white);
    background-color: rgba(0,0,0,0.4);
  }
.Banner p {
    text-transform: uppercase;
  }
.Banner h2 {
    font-size: 4rem;
    line-height: 120%;
  }
.Slider {
  position: relative;
  margin-right: -2rem;
  margin-left: -2rem;
  width:100vw;
  min-width: 100%
}
.Slider .Banner{
    width: 100% !important;
    margin-right: 0rem;
    margin-left: 0rem;
  }
.Slider ol{
    position: absolute;
    bottom: 1rem;
  }
.Slider .dot{
    background-color: #fff;
  }
button,
.Button {
  display: inline-block;

  margin: 0;
  padding: .5rem 2rem .45rem;

  cursor: pointer;
  /* transition: .2s */

  font-size: .9em;
  font-weight: inherit;
  line-height: inherit;
  vertical-align: middle;
  text-decoration: none !important;
  letter-spacing: .1rem;
  text-transform: uppercase;

  color: #000000;

  color: var(--primary);
  background-color: inherit;
  border: 1px solid transparent;
  border-radius: 0;
  outline: none;
  background: none;
  box-shadow: none;

  -webkit-appearance: none;

          appearance: none;
  text-fill-color: #ffffff;
  text-fill-color: var(--white)
}
button:hover,
  button:active,
  button:focus,
  .Button:hover,
  .Button:active,
  .Button:focus {
    /* opacity: .8; */
    /* color: color-mod(var(--primary) alpha(80%)); */
    color: #E20000;
    color: var(--secondary);
    /* background-color: var(--tertiary); */
    /* box-shadow: 0 0 .5rem color-mod(var(--primary) alpha(80%)); */
    /* outline: 1px dotted currentColor; */
  }
button::-moz-focus-inner, .Button::-moz-focus-inner {
    padding: 0;

    border: none;
  }
button.Button__subscribe, .Button.Button__subscribe {
    color: #ffffff;
    color: var(--white);
    background-color: #E20000;
    background-color: var(--secondary)
  }
button.Button__subscribe:hover,
    button.Button__subscribe:active,
    button.Button__subscribe:focus,
    .Button.Button__subscribe:hover,
    .Button.Button__subscribe:active,
    .Button.Button__subscribe:focus {
      background-color: #4A4A4A;
      background-color: var(--tertiary);
    }
button.Button--outline, .Button.Button--outline {
    color: currentColor;
    border: 1px solid currentColor
  }
button.Button--outline:hover,
    button.Button--outline:active,
    button.Button--outline:focus,
    .Button.Button--outline:hover,
    .Button.Button--outline:active,
    .Button.Button--outline:focus {
      color: #000000;
      color: var(--black);
      background-color: #ffffff;
      background-color: var(--white)
    }
button.Button--outline:hover img,
      button.Button--outline:hover svg,
      button.Button--outline:active img,
      button.Button--outline:active svg,
      button.Button--outline:focus img,
      button.Button--outline:focus svg,
      .Button.Button--outline:hover img,
      .Button.Button--outline:hover svg,
      .Button.Button--outline:active img,
      .Button.Button--outline:active svg,
      .Button.Button--outline:focus img,
      .Button.Button--outline:focus svg {
        -webkit-filter: invert(0%);
                filter: invert(0%);
      }
button.Button--black, .Button.Button--black {
    color: #ffffff;
    color: var(--white);
    border: 1px solid #000000;
    border: 1px solid var(--black);
    background-color: #000000;
    background-color: var(--black)
  }
button.Button--black:hover,
    button.Button--black:active,
    button.Button--black:focus,
    .Button.Button--black:hover,
    .Button.Button--black:active,
    .Button.Button--black:focus {
      border: 1px solid #4A4A4A;
      border: 1px solid var(--tertiary);
      background-color: #4A4A4A;
      background-color: var(--tertiary);
    }
button.Button--white, .Button.Button--white {
    color: #000000;
    color: var(--black);
    border: 1px solid #ffffff;
    border: 1px solid var(--white);
    background-color: #ffffff;
    background-color: var(--white)

  }
button.Button--white:hover,
    button.Button--white:active,
    button.Button--white:focus,
    .Button.Button--white:hover,
    .Button.Button--white:active,
    .Button.Button--white:focus {
      color: #ffffff;
      color: var(--white);
      background-color: #4A4A4A;
      background-color: var(--tertiary);
    }
button.Button--icon, .Button.Button--icon {
    padding: .5rem 1rem
  }
button.Button--icon img,
    button.Button--icon svg,
    .Button.Button--icon img,
    .Button.Button--icon svg {
      display: block;

      width: auto;
      max-width: 1.8em;
      height: 1.8em;

      vertical-align: middle;

      fill: currentColor !important;
    }
button.Button--icon:hover img,
      button.Button--icon:hover svg,
      button.Button--icon:active img,
      button.Button--icon:active svg,
      button.Button--icon:focus img,
      button.Button--icon:focus svg,
      .Button.Button--icon:hover img,
      .Button.Button--icon:hover svg,
      .Button.Button--icon:active img,
      .Button.Button--icon:active svg,
      .Button.Button--icon:focus img,
      .Button.Button--icon:focus svg {
        fill: var(--seconday);
        fill: var(--seconday);
      }
button.Button--small,.Button.Button--small{
    padding: .2rem 1rem;
    font-size: 0.7rem;
  }
/* EOF */
.Connect {
  width: 100%;
  max-width: 20rem
}
.Connect h3 {
    width: 100%;
    margin-bottom: 2rem;

    text-transform: uppercase;
  }
.Connect form {
    display: flex;

    margin-bottom: 2rem
    /* flex-wrap: wrap; */
  }
.Connect form input {
      width: auto;
      width: 100%;
    }
.Connect form [type='submit'] {
      width: 4rem;
      margin-left: -1px;

      font-size: 0;
      position: relative
    }
.Connect form [type='submit']:after {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        content: '';
        pointer-events: none;

        background-image: url(../images/icon_arrow.svg);
        background-repeat: no-repeat;
        background-position: center center;

        -webkit-filter: invert(100%);

                filter: invert(100%);
      }
.Connect form .ctct-form-field-submit {
      position: relative
    }
.Connect form .ctct-form-field-submit:after {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        content: '';
        pointer-events: none;

        background-image: url(../images/icon_arrow.svg);
        background-repeat: no-repeat;
        background-position: center center;

        -webkit-filter: invert(100%);

                filter: invert(100%);
      }
.Connect form .button.ctct-button{
      display: none !important;
    }
.Connect form .ctct-form-field{
      width: 100% !important;
    }
.Connect form .ctct-form-field-submit{
      width: auto !important;
    }
.Connect {
  /* Stupid CC Form */
}
.Connect .ctct-disclosure,
  .Connect .ctct-form-field-email label {
    position: absolute;

    visibility: hidden;
    overflow: hidden;

    width: 0;
    height: 0;
  }
.Social {
  display: inline-block;

  margin: 0;
  margin-bottom: 0;
  margin-right: -0.5rem;
  margin-left: -0.5rem;


  list-style: none
}
.Social li {
    display: inline-block;

    margin: 0;
    padding: 0;

    list-style: none;
  }
.Social a {
    display: inline-block;

    padding: .7rem .5rem;

    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: middle;

    border: 1px solid transparent
  }
.Social a:hover,
    .Social a:active,
    .Social a:focus {
      /* opacity: .8; */
      /* color: color-mod(var(--primary) alpha(80%)); */
      /* box-shadow: 0 0 .5rem color-mod(var(--primary) alpha(80%)); */
    }
.Social img,
  .Social svg {
    display: block;

    width: auto;
    max-width: 1.8em;
    height: 1.4em;

    vertical-align: middle;

    fill: currentColor !important;
  }
.Nav > .Social {
  display: none;
}
@media (min-width:480px) {
  .Nav__menu .Social {
    display: none;
  }
}
@media (min-width:768px) {
  .Nav > .Social {
    display: inline-block;
  }
}
.Subscribe {
  position: fixed;
  z-index: 2;
  top: -19rem;
  left: 0;

  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  width: 100%;
  height: 100%;
  padding: 2rem;

  background-color: #D8D8D8;

  background-color: var(--grey)
}
.Subscribe.Subscribe--open {
    top: 0;

    display: flex;
  }
.Subscribe .Subscribe__close {
    position: absolute;
    z-index: 1;
    top: 1.5rem;
    right: 1.2rem;


    color: #000000;


    color: var(--black);
  }
.Subscribe .Subscribe__content {
    margin-bottom: 3rem;
  }
.Subscribe h2{
    margin-bottom: 1.5rem;
    line-height: inherit;
  }
.Subscribe figure {
    height: auto
  }
.Subscribe figure img {
      display: block;

      width: 90%;
      max-height: 100%;
      /* margin-right: auto; */
      /* margin-left: auto; */

      box-shadow: 0 .5rem 1.5rem rgba(0,0,0,0.25);
    }
@media (min-width: 480px) {
  body {
    /* margin-top: 10rem; */
    transition: 1s !important
  }
    body.slide {
      padding-top: 19rem;
    }
  .Subscribe {
    position: fixed;
    /* top: auto; */
    bottom: 100%;
    /* order: -1; */

    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: initial;

    width: 100%;
    height: 19rem;

    transition: 1s !important;
    z-index: 1
  }
    .Subscribe.Subscribe--open {
      /* top: auto; */
      top: 0;

      display: flex;
    }
    .Subscribe .Subscribe__content {
      margin-right: 3rem;
      margin-bottom: 0
    }
      .Subscribe .Subscribe__content p:last-child {
        margin-bottom: 0;
      }
    .Subscribe figure {
      height: 100%
    }
      .Subscribe figure img {
        width: auto;
      }
}
.Listings {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  max-width: 100rem;
  margin-right: auto;
  /* margin-bottom: 4rem; */
  margin-left: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;

  border-bottom: 1px solid #D8D8D8;

  border-bottom: 1px solid var(--grey)
}
.Listings h2 {
    width: 100%;
    margin-bottom: 0rem;
  }
.Listings .Listings__parent{
    /* color: var(--grey) */
    font-family: Helvetica, Arial, sans-serif;
    font-family: var(--sans-serif);
    font-size: .8rem;
    text-transform: uppercase;
    /* margin-bottom: 2rem; */
    display: block;
  }
.Listings .Listings__cta {
    width: 100%;
    margin-bottom: 4rem;

    text-align: center;

    color: #000000;

    color: var(--black);
  }
.Listings .Listing {
    padding: 0 1rem;
    width: 100%;
  }
.Listings .Listing:nth-of-type(n+3) {
    /* display:none; */
  }
@media(min-width:480px) {
    .Listings .Listing {
      width: 50%;
    }
}
@media(min-width:768px) {
    .Listings .Listing {
      width: 25%;
    }
}
@supports (display:grid) {
  .Listings {
    display: grid;

    /* padding-right: 2rem; */
    /* padding-left: 2rem; */

    grid-template-columns: repeat(4, calc(25% - 2.3rem));
    grid-gap: 0 3rem;
    gap: 0 3rem
  }
    .Listings h2 {
      /* margin-bottom: 3rem; */
      position: -webkit-sticky;
      position: sticky;
      z-index: 1;
      top: 5rem;

      width: auto;
      min-width: 100%;
      margin-right: -2rem;
      margin-left: -2rem;
      padding: .5rem 2rem;

      line-height: 150%;

      background-color: #ffffff;

      background-color: var(--white);

      grid-column: 1 / -1;
      /* border-bottom: 1px solid var(--grey); */
    }
    .Listings .Listing {
      width: 100%;
      padding: 0;
      grid-column: span 4;
    }
    .Listings .Listings__cta {
      grid-column: 1 / -1;
    }
    .Listings .Listings__index{
      display: block;
      margin-bottom: 2rem;
      grid-column: span 4;
    }
  @media(min-width:480px) {
      .Listings .Listing {
        grid-column: span 2;
      }
      .Listings figure {
        margin-right: 0;
        margin-left: 0;
      }
  }
  @media(min-width:768px) {
      .Listings .Listing {
        grid-column: span 1;
      }
      .Listings h2{
        margin-bottom: 3rem;
        /* position: relative; */
      }
      .Listings .Listings__index{
        position: absolute;
        top: 4.5rem;
        right: 0;
        z-index: 1;
      }
  }
}
.Listing {
  margin-bottom: 3rem
}
.Listing h3 {
    margin-bottom: .5rem;

    font-family: Helvetica, Arial, sans-serif;

    font-family: var(--sans-serif);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
  }
.Listing h4 {
    margin-bottom: 1rem;

    font-size: 1.8rem;
    line-height: 2rem;
  }
.Listing article {
    width: 100%;
    margin-bottom: 2rem;
    padding-right: 1rem;
    padding-left: 1rem
  }
.Listing article a {
      display: block;
    }
.Listing img {
    display: block;

    width: 100%;
    /* opacity: .95; */
  }
.Listing p {
    overflow: hidden;

    max-height: 15.5em;

    text-overflow: ellipsis;
  }
.Listing figure {
    margin-right: -2rem;
    margin-bottom: 1rem;
    margin-left: -2rem;
  }
.Listing figure ~ p {
    overflow: hidden;

    max-height: 4.5em;

    text-overflow: ellipsis;
  }
.Listing .Listings__author {
    font-size: .9rem;
    text-transform: uppercase;
  }
.Listing a:hover p,.Listing a:active p,.Listing a:focus p{
      color: #000000 !important;
      color: var(--black) !important
    }
.Listing .program_id{
    font-size: .8em;
  }
@media(min-width:480px) {
    .Listing figure {
      margin-right: 0;
      margin-left: 0;
    }
}
.Entry {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /* justify-content: center; */

  width: 90rem;
  max-width: 100%;
  margin-right: auto;
  /* margin-bottom: 4rem; */
  margin-left: auto;
  padding-top: 4rem;
  padding-bottom: 4rem
}
.Entry .Entry__header {
    margin-bottom: 2rem;

    line-height: 150%;
  }
.Entry .Entry__section {
    font-family: Helvetica, Arial, sans-serif;
    font-family: var(--sans-serif);
    /* margin-bottom: 0rem; */
    font-size: 1rem;
    line-height: 150%;
    text-transform: uppercase;
  }
.Entry .Entry__title {
    margin-bottom: 2rem;

    line-height: 120%;
  }
.Entry .Entry__intro {
    max-width: 30rem;
    margin-right: auto;
    margin-bottom: 1.2rem;
    margin-left: auto;

    font-family: Helvetica, Arial, sans-serif;

    font-family: var(--sans-serif);
    line-height: 150%;
  }
.Entry .Entry__author {
    margin-bottom: 1rem;

    font-family: Helvetica, Arial, sans-serif;

    font-family: var(--sans-serif);
    font-size: 0.9rem;
    line-height: 150%;
    text-transform: uppercase;
  }
.Entry .Hero {
    margin-right: -2rem;
    margin-left: -2rem;
  }
.Entry .Hero--narrow {
    min-width: 50ch;
    max-width: 100ch;

    jusitfy-self: start;
  }
.Entry .Entry__header {
    text-align: center;
  }
.Entry .Entry__content a {
      text-decoration: underline;
    }
.Entry .Entry__k8{
    font-size: 0.8rem;
    text-transform: uppercase
  }
.Entry .Entry__k8 svg{
      max-height: 1em;
      width: auto;
    }
@media (min-width: 480px) {
    .Entry .Hero {
      margin-right: auto;
      margin-left: auto;
    }
    .Entry .Entry__content {
      min-width: 1px;
      max-width: 60%;
      margin-right: 2rem;
      margin-left: 2rem;
      padding-top: 0;
    }
    .Entry .Aside {
      min-width: 0;
      max-width: 25%;
      margin-right: 2rem;
      margin-left: 2rem;
    }
}
@supports (display:grid) {
  .Entry {
    display: grid;

    grid-template-columns: [full-start] 1fr [main-start] minmax(40ch, 100ch) [main-end aside-start] minmax(auto, -webkit-max-content) [aside-end] 1fr [full-end];

    grid-template-columns: [full-start] 1fr [main-start] minmax(40ch, 100ch) [main-end aside-start] minmax(auto, max-content) [aside-end] 1fr [full-end];
    grid-template-rows: auto auto 1fr
    /* gap: 0 2rem; */
  }
    .Entry .Entry__header {
      grid-column: full;
    }
    .Entry .Hero {
      grid-column: full;
    }
    .Entry .Entry__content {
      max-width: 100%;

      grid-column: full;
    }
    .Entry .Aside {
      max-width: 100%;

      grid-column: full
    }
      .Entry .Aside:empty,
      .Entry .Aside:blank {
        display: none;
      }
  @media (min-width:480px) {
      .Entry .Entry__header {
        grid-column: full;
      }
      .Entry .Hero {
        grid-column: full;
      }
      .Entry .Hero--narrow {
        margin-right: 2rem;
        margin-left: 2rem;

        grid-column: main;
      }
      .Entry .Hero--narrow ~ .Aside {
        grid-row: 2 / span 2
      }
        .Entry .Hero--narrow ~ .Aside:empty,
        .Entry .Hero--narrow ~ .Aside:blank {
          display: none;
        }
      .Entry .Entry__content {
        margin-right: 2rem;
        margin-left: 2rem;

        grid-column: main;
      }
      .Entry .Aside {
        max-width: 20rem;
        margin-right: 2rem;
        margin-left: 2rem;

        grid-column: aside
      }
        .Entry .Aside:empty,
        .Entry .Aside:blank {
          display: none;
        }
  }
  @media (min-width:768px) {
      .Entry .Hero--narrow {
        margin-right: 4rem;
        margin-left: 4rem;
      }
      .Entry .Entry__content {
        margin-right: 4rem;
        margin-left: 4rem;
      }
      .Entry .Aside {
        margin-right: 4rem;
        margin-left: 4rem
      }
        .Entry .Aside:empty,
        .Entry .Aside:blank {
          display: none;
        }
  }
}
.Share {

  margin: 0;
  margin-bottom: 0;
  padding: 0 1rem;

  list-style: none
}
.Share li {
    display: inline-block;

    margin: 0;
    padding: 0;

    list-style: none;
  }
.Share a {
    display: inline-block;

    padding: .7rem .5rem;

    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: middle;

    border: 1px solid transparent
  }
.Share a:hover,
    .Share a:active,
    .Share a:focus {
      /* opacity: .8; */
      /* color: color-mod(var(--primary) alpha(80%)); */
      /* box-shadow: 0 0 .5rem color-mod(var(--primary) alpha(80%)); */
    }
.Share img,
  .Share svg {
    display: block;

    width: auto;
    max-width: 1.8em;
    height: 1.4em;

    vertical-align: middle;

    fill: currentColor !important;
  }
.Hero {
  position: relative;

  margin-bottom: 2rem
}
.Hero img {
    display: block;

    margin-right: auto;
    margin-left: auto;
  }
.Hero figcaption {
    padding-right: 2rem;
    padding-left: 2rem;

    font-size: 0.8rem;
    line-height: 150%;
  }
.Hero .Hero__credit {
    margin-bottom: 0.1rem;

    text-align: right;
    text-transform: uppercase;
  }
.Hero .Hero__caption {
    max-width: 70rem;
  }
@media (min-width:768px) {
    .Hero figcaption {
      padding-right: 0;
      padding-left: 0;
    }
}
blockquote,
.Blockquote {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid #D8D8D8;
  border-top: 1px solid var(--grey);
  border-bottom: 1px solid #D8D8D8;
  border-bottom: 1px solid var(--grey);
  font-family: 'Book', serif;
  font-family: var(--serif);
  font-size: 2rem;
  line-height: 150%
}
blockquote p:last-child,.Blockquote p:last-child{
    margin-bottom: 0;
  }
@media (min-width:480px) {

}
.Aside {
  /* max-width: 22rem; */
  border-top: 1px solid #D8D8D8;
  border-top: 1px solid var(--grey);
  padding-top: 2rem
}
.Aside:empty,
  .Aside:blank{
    display: none;
  }
.Aside .Aside__section{
  padding-top: 0;
  padding-bottom: 2rem;
  margin-bottom: 2rem
}
.Aside .Aside__section p{
    margin-bottom: .5rem;
  }
.Aside .Aside__section p:last-child{
    margin-bottom: 0;
  }
.Aside :where(.Aside__k8, .Aside__fullArticle) a{
    text-decoration: underline;
  }
.Aside  .Aside__icon{
  max-height: 1em;
  width: auto;
  vertical-align: middle;
}
.Cta {
  position: relative;

  dsisplay: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  max-width: 100rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;

  border-bottom: 1px solid #D8D8D8;

  border-bottom: 1px solid var(--grey)
}
.Cta img {
    display: block;

    width: 100%;
  }
.Cta .Button {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);
  }
.Feature {
  position: relative;

  display: flex;
  flex-wrap: wrap;

  max-width: 100rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;

  border-bottom: 1px solid #D8D8D8;

  border-bottom: 1px solid var(--grey)
}
.Feature figcaption {
    font-size: 0.8rem;
  }
.Feature .Feature__index {}
.Feature .Feature__parent {
    display: block;

    margin-bottom: 2rem;
    text-transform: uppercase;
    /* color: var(--grey) */

    font-family: Helvetica, Arial, sans-serif;

    font-family: var(--sans-serif);
    font-size: 0.8rem;
  }
.Feature h2 {
    margin-top: 3rem;
  }
.Feature .Feature__content {
    order: -1;
  }
.Feature .Feature__gallery {
    /* margin-right: -2rem; */
    /* margin-left: -2rem; */
    order: 1
  }
.Feature .Feature__gallery img {
      display: block;

      width: 100%;
    }
.Feature .Feature__gallery figure {
      margin-bottom: 1rem;
    }
.Feature .Feature__thumbs {
    display: flex;

    margin-right: -0.5rem;
    margin-left: -0.5rem

    /* justify-content: space-between; */
  }
.Feature .Feature__thumbs a {
      display: block;

      max-width: calc((100% / 4) - 1rem);
      margin-right: 0.5rem;
      margin-bottom: 1rem;
      margin-left: 0.5rem;
    }
.Feature .Feature__form {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  width: 100%;
  /* max-width: max-content; */
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  grid-gap: 0 1rem;
  gap: 0 1rem;
  margin-bottom: 1rem
}
.Feature .Feature__form label {
    grid-column: 1 / -1;
    margin-bottom: 0;
    text-transform: uppercase;
  }
.Feature .Feature__form input {
    margin-bottom: 1rem;
  }
@media (min-width:768px) {
  .Feature {
    position: relative;

    display: flex;
    /* flex-direction: row-reverse; */
    justify-content: space-between;

    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;

    border-bottom: 1px solid #D8D8D8;

    border-bottom: 1px solid var(--grey)
  }

    .Feature .Feature__content {

      order: -1;
      max-width: 40%;
    }

    .Feature .Feature__gallery {
      max-width: 50%;
      margin-right: 0;
      margin-left: 0;
      padding-top: 3.5rem;
    }
}
.Partners {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  max-width: 100rem;
  margin-right: auto;
  /* margin-bottom: 4rem; */
  margin-left: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;

  border-bottom: 1px solid #D8D8D8;

  border-bottom: 1px solid var(--grey)
}
.Partners h2 {
    width: 100%;
    margin-bottom: 3rem;
  }
.Partners a {
    /* padding: 0 1rem; */
    width: auto;
    margin-right: -2rem;
    margin-bottom: 1rem;
    margin-left: -2rem;
  }
.Partners figure {
    position: relative
  }
.Partners figure:before {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;

      display: block;

      width: 100%;
      height: 100%;

      content: '';

      background-color: rgba(0,0,0,0.6);
    }
.Partners img {
    display: block;
  }
.Partners figcaption {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    color: #ffffff;

    color: var(--white);
  }
@media(min-width:480px) {
    .Partners a {
      width: calc(50% - 1.5rem);
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 3rem;
    }
}
.Main section {
    max-width: 90rem;
    margin-right: auto;
    /* margin-bottom: 4rem; */
    margin-left: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;

    border-bottom: 1px solid #D8D8D8;

    border-bottom: 1px solid var(--grey)
  }
.Main section:last-of-type{
      /* border-bottom: none; */
    }
.Main .Main--small {
    max-width: 50rem;
  }
.Main .Main__intro h2 {
      font-family: var(--san-serif);
      font-family: var(--san-serif);
      font-size: .8rem;
      text-transform: uppercase;
    }
.Main .Main__intro .Main__content {
      font-family: 'Book', serif;
      font-family: var(--serif);
      font-size: 3em;
      line-height: 150%;
    }
.Main .Main__columns {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
.Main .Main__columns h2 {
      width: 100%;
      grid-column: 1 / -1;
    }
.Main .Main__column {
    -webkit-column-count:1;
            column-count:1;
  }
.Main__notification{
  background: rgb(16,92,111);
    color: #ffffff;
    color: var(--white);
    font-family: 'Book', serif;
    font-family: var(--serif);
    font-size: 1.6rem;
    text-align: center;
    margin-right: -2rem;
    margin-left: -2rem;
    padding: 2rem 1.5rem 1.5rem
}
.Main__notification p:last-of-type{
      margin-bottom: 0;
    }
.Main__notification a{
      text-decoration: underline
    }
.Main__notification a:hover{
        opacity: 0.8;
      }
@media (min-width: 480px) {
    .Main .Main__column--small {
      max-width: 100%;
      width: 100%;

      -webkit-column-count: 2;

              column-count: 2;
      grid-column-gap: 3em;
      -webkit-column-gap: 3em;
              column-gap: 3em;
      -webkit-column-fill: auto;
              column-fill: auto;
    }
    .Main .Main__column--large {
      max-width: 100%;
      width: 100%;

      -webkit-column-count: 2;

              column-count: 2;
      grid-column-gap: 3em;
      -webkit-column-gap: 3em;
              column-gap: 3em;
      /* column-fill: auto; */
    }
}
@media (min-width: 768px) {
    .Main .Main__column {
      max-width: 60%;
      flex-basis: 45%;
    }
    .Main .Main__column--small {
      -webkit-column-count: 3;
              column-count: 3;
      max-width: 75%;
      flex-basis: 75%;
    }
    .Main .Main__column--large {
      -webkit-column-count: 3;
              column-count: 3;
      max-width: 100%;
      flex-basis: 100%;
    }
}
@supports (display: asdfadsf) {
  @media (min-width: 480px) {
      .Main .Main__columns {
        display: grid;

        grid-template-columns: repeat(2, auto);
        grid-gap: 0 5rem;
        gap: 0 5rem;
      }
      .Main .Main__column{
        width:100%;
        max-width: 100%;
      }
  }
}
.Covers {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  max-width: 90rem;
  margin-right: auto;
  /* margin-bottom: 4rem; */
  margin-left: auto;
  padding-top: 3rem;
  padding-bottom: 3rem
}
.Covers h2 {
    width: 100%;
  }
.Covers a {
    display: block;

    width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
.Covers img {
    width: 100%;
  }
@media (min-width: 480px) {
    .Covers a {
      width: calc(25% - 1.5rem);
    }
}
@media (min-width: 768px) {
    .Covers a {
      width: calc(20% - 2.8rem);
    }
}
@supports (display: grid) {
  .Covers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 3rem;
    gap: 0 3rem
  }
    .Covers h2 {
      grid-column: 1 / -1;
    }
    .Covers a {
      width: 100%;
    }

  @media (min-width: 480px) {
    .Covers {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  @media (min-width: 768px) {
    .Covers {
      grid-template-columns: repeat(5, 1fr);
    }
  }
}
.Pagination {
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  width: 100%;
  max-width: 50rem;
  margin-right: auto;
  margin-left: auto;
  padding: 2rem 0rem;

  font-family: 'Book', serif;

  font-family: var(--serif);
  font-size: 2rem;
  text-align: center;

  grid-column: 1 / -1
}
.Pagination a {
    display: block;

    padding: 1rem
    /* white-space: nowrap; */
  }
.Pagination a:hover svg, .Pagination a:active svg, .Pagination a:focus svg {
        /* color: var(--secondar); */
        fill: currentColor;
      }
.Pagination .next {
    position: absolute;
    right: 0;

    padding-right: 3rem
  }
.Pagination .next:after {
      right: 0;
    }
.Pagination .prev {
    position: absolute;
    left: 0;

    padding-left: 3rem
  }
.Pagination .prev:after {
      left: 0;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }
@media (min-width:768px) {
    .Pagination a {
      /* margin */
    }
}
.Zoom {
  position: relative;

  display: block;

  max-width: 100%;
  max-width: -webkit-max-content;
  max-width: max-content;
  margin-right: auto;
  margin-left: auto;

  cursor: pointer
}
.Zoom img{
    display: block;
  }
.Zoom:after {
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 2rem;
    height: 2rem;

    content: '';

    background-color: #D8D8D8;

    background-color: var(--grey);
    background-image: url('../images/icon_search.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50% 50%;
  }
.Lightbox {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;

  display: flex;
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;

  transition: opacity 1s !important ;

  opacity: 0;
  background-color: rgba(0,0,0,0.8)
}
.Lightbox.Lightbox--active {
    visibility: visible;

    opacity: 1;
  }
.Lightbox .Lightbox__wrapper {
    display: inline-block;
    max-width: 95vw;
    max-height: 95vh;
  }
.Lightbox .Lightbox__image {
    max-width: 100%;
    max-height: 100%;
  }
.Results article {
    clear: both;

    margin-bottom: 3rem
  }
.Results article:after {
      display: table;
      clear: both;

      content: '';
    }
.Results h3 {
    margin-bottom: 1rem;

    font-size: 1.6rem;
    line-height: 2rem;
  }
.Results h4 {
    margin-bottom: 1rem;

    font-family: Helvetica, Arial, sans-serif;

    font-family: var(--sans-serif);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;

    color: #D8D8D8;

    color: var(--grey);
  }
.Results figure {
    margin-bottom: 1rem;
  }
@media (min-width:500px) {
    .Results figure {
      float: left;

      max-width: 20rem;
      margin-right: 2.5rem;
      margin-bottom: 0.5rem;
    }
}
.Table{
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  font-size: .9rem
}
.Table td{
    padding: .5rem;
    /* border-bottom: 1px solid var(--grey); */
    border-top: 1px solid #D8D8D8;
    border-top: 1px solid var(--grey);
  }
.Table tr>td:first-child{
    white-space: nowrap;
  }
.Table a{
    text-decoration: underline;
  }
.Footer {
  position: relative;
  z-index: 1;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;

  margin-top: 5rem;
  padding: 5rem 2rem;

  text-align: center;
  vertical-align: middle;

  color: #ffffff;

  color: var(--white);
  background-color: #000000;
  background-color: var(--black)
}
.Footer a {
    color: #ffffff;
    color: var(--white)
  }
.Footer a:hover,
    .Footer a:active,
    .Footer a:focus {
      color: #ffffff;
      color: var(--white);
    }
.Footer .small {
    margin-bottom: 1.5rem;

    font-size: 1rem;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
  }
.Footer h3 {
    margin-bottom: 1rem;
  }
.Footer p {
    margin-bottom: 0;
  }
.Footer section {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem;
  }
.Footer nav {
    width: 100%;
    margin-bottom: 2rem;

    font-family: 'Book', serif;

    font-family: var(--serif);
    font-size: 1.625rem;
    line-height: inherit;
    text-transform: uppercase
  }
.Footer nav ul {
      margin: 0;
    }
.Footer nav li {
      list-style: none;
    }
.Footer nav a {
      display: inline-block;

      padding: 0 0 1rem;
    }
.Footer nav:nth-of-type(2) a {
      font-family: Helvetica, Arial, sans-serif;
      font-family: var(--sans-serif);
      font-size: 1rem;
      text-transform: capitalize;
    }
.Footer .Footer__lefh img,
    .Footer .Footer__lefh svg {
      max-width: 15rem;
      max-height: 15rem;

      -webkit-filter: invert(100%);

              filter: invert(100%);
    }
.Footer .Footer__copyright {
    width: 100%;
    margin-top: 2rem;

    align-self: center;
    justify-self: flex-start;
  }
.Footer .Footer__la {
    width: 5rem;
    margin-top: 2rem;

    align-self: flex-end;
    justify-self: flex-end
  }
.Footer .Footer__la img,
    .Footer .Footer__la svg {
      max-width: 3rem;
      max-height: 3rem;

      -webkit-filter: invert(100%);

              filter: invert(100%);
    }
@media (min-width: 480px) {
  .Footer {
    text-align: left
  }
    .Footer a {
      color: rgba(255,255,255,0.8);
    }
    .Footer section,
    .Footer nav {
      max-width: 50%;
    }
    .Footer .Footer__copyright {
      width: calc(100% - 5rem);
    }
}
@media (min-width: 768px) {
    .Footer section,
    .Footer nav {
      max-width: 20%;
      max-width: -webkit-max-content;
      max-width: max-content;

      flex-basis: 20%;
    }
}
.Pagetype-advertise .Main__columns > h2{
    display: none;
  }
.TextListings {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 2.3rem));
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin: 0 0 4rem 0;
  padding: 0;
  list-style: none;
  grid-column-start: 1;
  grid-column-end: -1;
  grid-gap: 2rem;
  gap: 2rem;
}
.TextListings li {
  margin: 0;
  padding: 0;
  list-style: none;
}
li.TextListings__letter {
  position: relative;
  grid-column: span 2;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: 'Book', serif;
  font-family: 'Book', serif;
  font-family: var(--serif);
  font-size: 2rem;
  line-height: 1em;
  scroll-margin-top: 2rem
}
li.TextListings__letter a {
    position: relative;
    top: -6rem;
    display: block;
    margin-bottom: -6rem;
    padding-top: 6rem;
  }
.TextListings__alphabet {
  display: flex;
  grid-column: span 4;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0;
  padding: 0
}
.TextListings__alphabet li {
    margin: 0;
    padding: 0.5rem;
    list-style: none;
  }
@media(min-width:765px) {
  .TextListings {
    grid-template-columns: repeat(4, 1fr);
  }

  li.TextListings__letter {
    grid-column: span 4;
  }
}
/* lame first paragraph letter */
.su-dropcap,
.su-dropcap-style-flat {
  float: left;

  padding: 0 0.7rem 0.5rem;

  font-family: 'Book';
  /* font-size: inherit !important; */
  font-size: 4em !important;
  line-height: 2.5rem;

  color: black;
  overflow: visible !important;
}
/* currently used image placement in the rich text editor */
.wp-caption {
  width: auto;
  max-width: 100%;

  font-size: 0.8rem;
  line-height: 150%
  /* text-transform: uppercase; */
}
.wp-caption img {
    width: 100%;
  }
.alignnone,
.aligncenter {
  display: block;

  width: 100% !important;
  width: -webkit-max-content !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-right: auto;
  margin-left: auto
}
.alignnone img, .aligncenter img {
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
.alignleft {
  display: inline-block;

  width: 100%;
  margin-bottom: 3rem;
}
.alignright {
  display: inline-block;

  width: 100%;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .alignleft {
    float: left;

    max-width: 50%;
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
  .alignright {
    float: right;

    max-width: 50%;
    margin-bottom: 2rem;
    margin-left: 2rem;
  }
}
/* Fucking iframe embeds */
iframe {
  /* posa */
  /* width: 100%; */
  display: block !important;

  margin-right: auto;
  margin-bottom: 1.5rem;
  margin-left: auto;
  max-width: 100% !important;
  /* height: 0; */
  /* padding-bottom:77%; */
}
/* Dealing with willfully ignorant people that put tables in the main content area */
table{
  width: auto !important;
  max-width: 100% !important;
}
@media (max-width:768px) {
  table {
    width: auto !important;
    max-width: 100% !important
  }
    table th,
    table tbody,
    table tr,
    table td {
      display: block !important;
      width: auto !important;
      height: auto !important;
      margin-bottom: 1rem;
    }
}
@media print {
  .Header,
  .Subscribe,
  .Footer,
  .Aside {
    display: none !important;
  }
  .Entry{
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* EOF */