@charset "UTF-8";
/*
Theme Name: Drive To Zero
Author: Aside Project Studio
Author URI: https://asideproject.com/
Description: A responsive, semantic, HTML5, WordPress theme.
Version: 1.0
Tags: custom-menu, sticky-post, post-formats, responsive
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

/* Sections
   ========================================================================== */
body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
details {
  display: block;
}

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
template {
  display: none;
}

[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
  position: relative;
}

.radial {
  background: radial-gradient(circle, #555A5F 0%, #000 100%);
  background-color: #555A5F;
  width: 100%;
  height: 100%;
  position: absolute;
}

/*! layout elements
--------------------------------*/
/*-- flexbox --*/
/*-- MENU
--------------------------------*/
#navmain {
  transition: font-size 0.1s ease;
  display: block;
  float: left;
  width: 100%;
  -webkit-backface-visibility: hidden;
  font-family: "Montserrat", helvetica, arial, sans-serif;
}
#navmain ul {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-backface-visibility: hidden;
  overflow: visible;
}
#navmain ul li a {
  display: block;
  padding: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1;
  color: white;
}
#navmain ul li ul li a {
  text-transform: none;
  color: #004789;
}
#navmain ul li ul li:hover > a {
  text-decoration: underline;
  color: #68A319;
}
#navmain ul li.current-menu-item a, #navmain ul li.current-page-ancestor a {
  color: #68A319;
}
#navmain ul li:hover > a {
  color: #68A319;
}
#navmain ul li:hover ul li a {
  background: none;
}

.trigger {
  transition: all 0.2s ease;
  cursor: pointer;
  color: white;
  font-weight: 200;
}
.trigger path {
  transition: all 0.2s ease;
  fill: white;
}
.trigger:hover {
  color: #68A319;
}
.trigger:hover path {
  fill: #68A319;
}

@media screen and (max-width: 770px) {
  /*-- main nav
  --------------------------------*/
  #navmain,
  #branding.fixed #navmain {
    transform: translateX(100%);
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100vh;
    background-color: rgba(104, 163, 25, 0.05);
    z-index: 999999;
    width: 100%;
    margin: 0;
    padding: 0 0 30px;
    overflow: hidden;
    font-size: 125%;
    -webkit-overflow-scrolling: touch;
  }
  #navmain .menu-main-menu-container,
  #branding.fixed #navmain .menu-main-menu-container {
    position: absolute;
    height: 100%;
    overflow: scroll;
    padding-bottom: 2rem;
    width: 100%;
    padding: 5% 5% 30px;
  }
  #navmain ul,
  #branding.fixed #navmain ul {
    width: 100%;
    text-align: center;
  }
  #navmain ul li,
  #branding.fixed #navmain ul li {
    width: 100%;
  }
  #navmain ul li a,
  #branding.fixed #navmain ul li a {
    display: block;
  }
  #navmain ul li ul,
  #branding.fixed #navmain ul li ul {
    transition: all 0.2s ease;
    font-size: 75%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  #navmain ul li.open > a,
  #branding.fixed #navmain ul li.open > a {
    color: #004789;
  }
  #navmain ul li.open > ul,
  #branding.fixed #navmain ul li.open > ul {
    max-height: 1000rem;
    opacity: 1;
    padding-bottom: 1rem;
  }
  #navmain ul li:hover > a, #navmain ul li.current-menu-item > a, #navmain ul li.current-page-ancestor > a,
  #branding.fixed #navmain ul li:hover > a,
  #branding.fixed #navmain ul li.current-menu-item > a,
  #branding.fixed #navmain ul li.current-page-ancestor > a {
    color: white;
  }
  #navmain.viz,
  #branding.fixed #navmain.viz {
    transform: translateX(0);
    opacity: 1;
  }
  #slide-trigger {
    transition: all 0.2s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    float: right;
    text-align: right;
    text-decoration: none;
    margin: 0;
    color: white;
  }
  #slide-trigger span {
    float: left;
    display: inline-block;
    line-height: 30px;
  }
  #slide-trigger span.menulabel {
    display: none;
  }
  #slide-trigger:hover {
    color: #68A319;
  }
  #slide-trigger:hover svg path {
    fill: #68A319;
  }
  body.page-template-page-home #slide-trigger svg path {
    fill: white;
  }
  body.page-template-page-home #slide-trigger:hover svg path {
    fill: #68A319;
  }
  body.page-template-page-home #branding.fixed #slide-trigger svg path {
    fill: #004789;
  }
  body.page-template-page-home #branding.fixed #slide-trigger:hover svg path {
    fill: #68A319;
  }
  .trigger {
    display: block;
  }
  .bars, .closex {
    width: 30px;
    height: 30px;
    margin-left: 0.5rem;
  }
  .bars svg, .closex svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px auto;
  }
  .bars svg path, .closex svg path {
    fill: white;
  }
  .closex {
    display: block;
    float: right;
    border: none;
    position: absolute;
    top: 1rem;
    right: 5%;
    z-index: 300;
  }
  .closex:hover {
    color: white;
  }
  .closex:hover svg path {
    fill: white;
  }
  .no-js #slide-trigger {
    display: none;
  }
  .no-js .menu-main-menu-container {
    display: block;
  }
  .no-js .menu-main-menu-container ul li {
    float: none;
  }
}
@media screen and (min-width: 771px) {
  #navmain {
    width: 65.5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: auto;
    float: right;
    margin: 0;
    text-align: center;
    font-size: 80%;
  }
  #navmain ul {
    float: right;
  }
  #navmain ul li {
    display: block;
    float: left;
  }
  #navmain ul li ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    position: absolute;
    right: 0;
    top: calc(100% + 2px);
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #fafafa;
    text-align: right;
    font-size: 90%;
    width: 11rem;
    visibility: hidden;
    opacity: 0;
    z-index: 19999;
  }
  #navmain ul li ul:before {
    position: absolute;
    right: 1.5rem;
    top: -7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fafafa;
    border-left: 7px solid transparent;
    content: "";
  }
  #navmain ul li ul li {
    width: 100%;
  }
  #navmain ul li ul li a {
    line-height: 0;
    padding: 0.7rem 0.5rem;
    height: auto;
    color: #004789;
  }
  #navmain ul li ul li ul {
    transform: translateX(100%);
    position: absolute;
    top: 0;
    right: 100%;
    font-size: inherit;
    opacity: 0;
    box-shadow: none;
    border: none;
    font-size: inherit;
    left: auto;
    display: block;
    z-index: 0;
    border: 1px solid #68A319;
    visibility: hidden;
  }
  #navmain ul li ul li ul li a {
    font-weight: 500;
  }
  #navmain ul li ul li ul:before {
    display: none;
  }
  #navmain ul li ul li:hover > a {
    color: #68A319;
  }
  #navmain ul li ul li:hover ul {
    transform: none;
    opacity: 1;
  }
  #navmain ul li:hover > a {
    text-decoration: none;
  }
  #navmain ul li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
  #navmain ul li:hover > ul li a {
    line-height: 1;
    height: auto;
  }
  #navmain ul li.mobile-only {
    display: none;
  }
  body.page-template-page-home #navmain ul li.mi-home {
    display: none;
  }
  /*
  	body.page-template-page-home #branding:not(.fixed) {
  		ul#menu-main-menu {
  			>li {
  				>a {
  					color: white;
  					&:hover {
  						color: white;
  					}
  				}
  				ul {
  // 						background: transparent;
  				}
  			}
  		}
  	}
  */
  #branding.fixed #navmain ul li a {
    color: #004789;
  }
  #branding.fixed #navmain ul li ul {
    background: white;
    border-color: #68A319;
  }
  #branding.fixed #navmain ul li ul:before {
    border-bottom-color: #68A319;
  }
  #branding.fixed #navmain ul li:hover > a {
    color: #004789;
  }
  #slide-trigger,
  #menuheader,
  .closex {
    display: none;
  }
}
@media screen and (min-width: 961px) {
  #navmain {
    font-size: 87.5%;
  }
  #navmain ul li a {
    padding: 0.5rem 0.7rem;
  }
}
/* =12-column grid setup
--------------------------------------------------------------------*/
.col {
  margin: 0 1%;
  position: relative;
  display: inline-block;
  float: left;
  min-height: 1px;
}

.first {
  margin-left: 0;
}

.last {
  margin-right: 0;
}

.unit1 {
  width: 5.5%;
}

.unit2 {
  width: 13%;
}

.unit3 {
  width: 20.5%;
}

.unit4 {
  width: 28%;
}

.unit5 {
  width: 35.5%;
}

.unit6 {
  width: 43%;
}

.unit7 {
  width: 50.5%;
}

.unit8 {
  width: 58%;
}

.unit9 {
  width: 65.5%;
}

.unit10 {
  width: 73%;
}

.unit11 {
  width: 80.5%;
}

.unit12 {
  width: 100%;
  margin-right: 0;
}

.columns {
  -moz-column-gap: 2em;
       column-gap: 2em;
  -moz-column-rule: none;
       column-rule: none;
  -moz-column-width: 300px;
       column-width: 300px;
  -webkit-perspective: 1;
}
.columns div, .columns ul, .columns li, .columns p, .columns h1, .columns h2, .columns h3, .columns .collapse .collapse-heading, .collapse .columns .collapse-heading, .columns h4, .columns .event-date, .columns h5, .columns h6 {
  column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
.columns h1, .columns h2, .columns h3, .columns .collapse .collapse-heading, .collapse .columns .collapse-heading, .columns h4, .columns .event-date, .columns h5, .columns h6 {
  page-break-after: avoid;
  -moz-column-break-after: avoid-column;
       break-after: avoid-column;
  -moz-break-after: avoid-column;
}
@media screen and (min-width: 541px) {
  .columns {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.columns > *::first-of-type:last-of-type {
  display: block;
  width: 100%;
}

.full-bleed {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #eee;
}

.graphic-tiles {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 2rem 0;
  text-align: center;
}
.graphic-tiles .tile {
  display: block;
  padding: 1rem;
  background-color: #004789;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.graphic-tiles .tile * {
  color: white;
}
.graphic-tiles .tile p {
  margin-bottom: 0;
}
.graphic-tiles .tile:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  text-indent: 1111%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004789+26,77bc1f+100 */
  background: #004789; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #004789 26%, #68A319 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#004789", endColorstr="#77bc1f",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  z-index: 0;
  opacity: 0.4;
}

@media screen and (min-width: 720px) {
  .graphic-tiles {
    display: flex;
    flex-wrap: wrap;
  }
  .graphic-tiles .tile {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 1030px) {
  .graphic-tiles .tile {
    padding: 2rem;
  }
}
#hero {
  transition: all 0.1s ease;
  height: 35vh;
  min-height: 220px;
  max-height: 320px;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  align-items: center;
  background-color: black;
}
#hero .hero-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/d2z-hero-crop.jpg);
}
#hero .overlay {
  background-color: rgba(0, 71, 137, 0.3);
  z-index: 2;
}
#hero .hero-text {
  transition: all 0.2s ease;
  width: 100%;
  line-height: 1;
  color: white;
  font-size: 260%;
}
#hero .hero-text h2, #hero .hero-text h3, #hero .hero-text .collapse .collapse-heading, .collapse #hero .hero-text .collapse-heading, #hero .hero-text h4, #hero .hero-text .event-date, #hero .hero-text p {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.85);
}
#hero .hero-text h2, #hero .hero-text h3, #hero .hero-text .collapse .collapse-heading, .collapse #hero .hero-text .collapse-heading {
  font-family: "Oswald", helvetica, arial, sans-serif;
  color: white;
  margin-bottom: 0.5rem;
}
#hero .hero-text p {
  margin-bottom: 0.5rem;
  text-transform: none;
}
#hero .page-header {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
#hero .page-header h1 {
  color: white;
}
#hero .slide-title--subtitle {
  font-size: 80%;
  font-weight: 200;
  text-transform: uppercase;
}
#hero .slide-title--text {
  font-size: 2rem;
  line-height: 1.3;
}
#hero .slide-title--flags {
  display: flex;
  max-width: 500px;
  gap: 30px;
  align-items: baseline;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 2rem;
}
#hero #hero-slider {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0.5rem 0 1rem;
}
#hero #hero-slider .slide-title .slide-title--title {
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
  color: #68A319;
  color: white;
  margin-bottom: 0.5em;
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
body.page-template-page-home #hero {
  min-height: 100vh;
  max-height: none;
  height: auto;
  padding: 5rem 0 6rem;
}
body.page-template-page-zet-expo #hero, body.page-template-page-landing #hero {
  width: 100%;
  max-height: 460px;
  height: auto;
  aspect-ratio: 3.2/1;
}
#hero .hero-colophon {
  /* Fallback for sad browsers */
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  position: absolute;
  bottom: 0;
  width: 100%;
  color: white;
  text-transform: uppercase;
  color: white;
  padding: 0.5rem 1rem;
  background: #68A319;
  letter-spacing: 1px;
  font-size: 87.5%;
}
#hero .hero-colophon a {
  color: white;
  font-weight: 500;
  text-decoration: none;
}
#hero .hero-colophon a:hover {
  text-decoration: underline;
}
#hero .dual-promo {
  display: grid;
}
#hero .hero-thumb {
  font-size: 18px;
}
#hero .hero-thumb h4, #hero .hero-thumb .event-date {
  font-size: 20px;
  font-family: "Oswald", helvetica, arial, sans-serif;
  color: white;
  letter-spacing: -0.05em;
}
#hero .hero-thumbs {
  grid-column-gap: 30px;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid white;
}
#hero .hero-thumbs .hero-thumb p {
  font-size: 16px;
  font-weight: 700;
}
#hero a {
  color: white !important;
  text-decoration: none;
}

body.page-template-page-zet-expo #hero .page-header,
body.page-template-page-landing #hero .page-header {
  display: none;
}
body.page-template-page-zet-expo #hero .overlay,
body.page-template-page-landing #hero .overlay {
  background-color: rgba(0, 71, 137, 0.1);
}

.cleanfade {
  animation-duration: 300ms;
  animation-delay: 10800ms;
}

@media screen and (max-height: 720px) {
  body.page-template-page-home #hero, body.page-template-page-zet-expo #hero, body.page-template-page-landing #hero {
    padding: 10rem 0 5rem !important;
  }
}
@media screen and (max-width: 540px) {
  #hero .hero-text {
    font-size: 170%;
  }
  #hero .hero-colophon {
    font-size: 75%;
  }
  #hero .hero-colophon a {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 720px) {
  #hero .slide-title--text {
    font-size: 1.5rem;
  }
  .dual-promo {
    display: grid;
    grid-row-gap: 1.5rem;
    align-items: center;
  }
  .dual-promo .hero-thumb {
    padding-top: 1.5rem;
    border-top: 1px solid white;
    font-size: 18px;
    text-transform: none;
    display: grid;
    grid-template-columns: 5fr 3fr;
    grid-column-gap: 1rem;
  }
  .dual-promo .hero-message h3, .dual-promo .hero-message .collapse .collapse-heading, .collapse .dual-promo .hero-message .collapse-heading {
    font-size: 100%;
  }
}
@media screen and (min-width: 721px) {
  .dual-promo {
    display: grid;
    grid-template-columns: 6fr 2fr;
    grid-column-gap: 2rem;
    align-items: center;
  }
  .dual-promo .hero-thumb {
    font-size: 15px;
    text-transform: none;
    padding: 1.5rem 0 1.5rem 2rem;
    border-left: 1px solid white;
  }
  .dual-promo .hero-thumb h4, .dual-promo .hero-thumb .event-date {
    font-size: 18px;
  }
}
@media screen and (max-width: 770px) {
  #hero .hero-text {
    padding-bottom: 4rem;
  }
  #hero .hero-thumbs .hero-thumb {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
  }
  #hero .hero-thumbs .hero-thumb--thumb {
    width: 33%;
    float: left;
    margin-right: 20px;
  }
  #hero .hero-thumbs .hero-thumb p {
    font-size: 14px;
  }
  #hero .hero-thumbs .hero-thumb p .button {
    font-size: 1em;
  }
}
@media screen and (min-width: 771px) {
  #hero .dual-promo {
    grid-template-columns: 8fr 4fr;
  }
  #hero .dual-promo .hero-thumb h4, #hero .dual-promo .hero-thumb .event-date {
    font-size: 22px;
  }
  #hero .hero-thumbs {
    display: grid;
    grid-column-gap: 30px;
  }
  #hero .hero-thumbs--3up {
    grid-template-columns: repeat(3, 1fr);
  }
  #hero .hero-thumbs--4up {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (orientation: landscape) and (max-height: 770px) {
  #hero .hero-text {
    padding-bottom: 5%;
    top: auto;
  }
}
/* =flex landing page blocks
--------------------------------------------------------------------*/
.flex-content {
  display: grid;
  gap: 3rem;
  margin-top: 2rem;
}

.landing-block {
  display: flex;
  align-items: center;
}
.landing-block--thumb, .landing-block--text {
  box-shadow: 0 0 10px rgba(0, 0, 20, 0.16);
  border-radius: 1rem;
  overflow: hidden;
  margin: 0;
}
.landing-block--thumb {
  aspect-ratio: 16/9;
  background-color: white;
  z-index: 2;
}
.landing-block--thumb a {
  display: block;
}
.landing-block--thumb a:hover img {
  scale: 105%;
}
.landing-block--thumb img {
  transition: all 0.2s ease;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.landing-block--text {
  padding: 2rem;
}

@media screen and (max-width: 720px) {
  .landing-block {
    display: block;
    box-shadow: 0 0 10px rgba(0, 0, 20, 0.16);
    border-radius: 1rem;
    overflow: hidden;
  }
  .landing-block--thumb {
    border-radius: 0;
  }
  .landing-block--text {
    border-radius: 0;
  }
}
@media screen and (min-width: 721px) {
  .landing-block--text {
    padding: 3rem;
    width: 60%;
  }
  .landing-block--thumb {
    width: 45%;
    align-self: start;
    margin-top: 2rem;
  }
  .landing-block:nth-of-type(odd) .landing-block--text {
    margin-left: -3rem;
    padding-left: 6rem;
    order: 2;
  }
  .landing-block:nth-of-type(odd) .landing-block--thumb {
    order: 1;
  }
  .landing-block:nth-of-type(even) .landing-block--text {
    margin-right: -3rem;
    padding-right: 6rem;
    order: 1;
  }
  .landing-block:nth-of-type(even) .landing-block--thumb {
    order: 2;
  }
}
@media screen and (min-width: 1031px) {
  .landing-block--thumb {
    width: 40%;
    align-self: unset;
    margin-top: 0;
  }
}
/* =MOU Tracker Dashboard
--------------------------------------------------------------------*/
#tracker-wheel {
  float: left;
  width: 50%;
}

#tracker-info {
  float: left;
  width: 50%;
  padding-left: 1rem;
  font-size: 90%;
}
#tracker-info .info {
  font-size: 85%;
  line-height: 1.3;
}
#tracker-info .info h3, #tracker-info .info .collapse .collapse-heading, .collapse #tracker-info .info .collapse-heading {
  font-weight: 700;
}
#tracker-info .info h4, #tracker-info .info .event-date {
  margin-bottom: 2px;
}

#wheel .section {
  cursor: pointer;
}
#wheel .section text {
  color: #111;
  font-size: 10px;
}
#wheel .section .indicator,
#wheel .section .indicator path {
  fill: transparent;
  stroke: transparent;
}
#wheel .section:hover .indicator, #wheel .section.on .indicator {
  fill: white;
  stroke: #ffd900;
  stroke: #004789;
}
#wheel .section:hover .indicator path, #wheel .section.on .indicator path {
  fill: #ffd900;
  stroke: #ffd900;
}

.key-block:hover {
  cursor: pointer;
}

.key-block:hover path {
  fill: black;
}

#tracker-key {
  margin-bottom: 1.5rem;
}

#tracker-wheel .info,
#tracker-wheel .key-text,
#tracker-info .info,
#tracker-info .key-text,
#tracker-key .info,
#tracker-key .key-text {
  display: none;
}
#tracker-wheel .st0,
#tracker-info .st0,
#tracker-key .st0 {
  fill: #ED7D31;
}
#tracker-wheel .st1, #tracker-wheel .bg,
#tracker-info .st1,
#tracker-info .bg,
#tracker-key .st1,
#tracker-key .bg {
  fill: #FFFFFF;
}
#tracker-wheel .st2,
#tracker-info .st2,
#tracker-key .st2 {
  fill: #5B9BD5;
}
#tracker-wheel .st3,
#tracker-info .st3,
#tracker-key .st3 {
  fill: #6FAD47;
}
#tracker-wheel .st4,
#tracker-info .st4,
#tracker-key .st4 {
  fill: #C00100;
}
#tracker-wheel .st5,
#tracker-info .st5,
#tracker-key .st5 {
  fill: #FFD966;
}
#tracker-wheel .st6,
#tracker-info .st6,
#tracker-key .st6 {
  fill: #F8CBAD;
}
#tracker-wheel .st7,
#tracker-info .st7,
#tracker-key .st7 {
  fill: #DDEBF7;
}
#tracker-wheel .st8,
#tracker-info .st8,
#tracker-key .st8 {
  fill: #E2EFDA;
}
#tracker-wheel .st9,
#tracker-info .st9,
#tracker-key .st9 {
  fill: #FF7C80;
}
#tracker-wheel .st10,
#tracker-info .st10,
#tracker-key .st10 {
  fill: #FFF2CC;
}
#tracker-wheel .st11,
#tracker-info .st11,
#tracker-key .st11 {
  fill: #DBDBDB;
}
#tracker-wheel .st12,
#tracker-info .st12,
#tracker-key .st12 {
  fill: #000B2B;
}
#tracker-wheel .st13,
#tracker-info .st13,
#tracker-key .st13 {
  font-family: "Oswald";
  font-weight: medium;
}
#tracker-wheel .st14,
#tracker-info .st14,
#tracker-key .st14 {
  font-size: 9.3157px;
}
#tracker-wheel .st15,
#tracker-info .st15,
#tracker-key .st15 {
  font-family: "Oswald";
  font-weight: normal;
}
#tracker-wheel .st16,
#tracker-info .st16,
#tracker-key .st16 {
  font-size: 9px;
}
#tracker-wheel .st17,
#tracker-info .st17,
#tracker-key .st17 {
  display: none;
  fill: #ED7D31;
}
#tracker-wheel .st20,
#tracker-info .st20,
#tracker-key .st20 {
  display: inline;
}
#tracker-wheel .st21,
#tracker-info .st21,
#tracker-key .st21 {
  font-family: "Montserrat";
  font-weight: normal;
}
#tracker-wheel .st22,
#tracker-info .st22,
#tracker-key .st22 {
  font-size: 7px;
}
#tracker-wheel .st23,
#tracker-info .st23,
#tracker-key .st23 {
  display: none;
  fill: #5B9BD5;
}
#tracker-wheel .st24,
#tracker-info .st24,
#tracker-key .st24 {
  display: none;
  fill: #6FAD47;
}
#tracker-wheel .st25,
#tracker-info .st25,
#tracker-key .st25 {
  display: none;
  fill: #C00100;
}
#tracker-wheel .st26,
#tracker-info .st26,
#tracker-key .st26 {
  display: none;
  fill: #FFD966;
}
#tracker-wheel .st27,
#tracker-info .st27,
#tracker-key .st27 {
  fill: #F8CBAd;
}
#tracker-wheel .st28,
#tracker-info .st28,
#tracker-key .st28 {
  fill: #DDEBF7;
}
#tracker-wheel .st29,
#tracker-info .st29,
#tracker-key .st29 {
  fill: #E2EFDA;
}
#tracker-wheel .st30,
#tracker-info .st30,
#tracker-key .st30 {
  fill: #FF7C80;
}
#tracker-wheel .st31,
#tracker-info .st31,
#tracker-key .st31 {
  fill: #FFF2CC;
}
#tracker-wheel .st32,
#tracker-info .st32,
#tracker-key .st32 {
  fill: #999999;
}
#tracker-wheel .st33,
#tracker-info .st33,
#tracker-key .st33 {
  font-family: "ArialMT";
}
#tracker-wheel .st34,
#tracker-info .st34,
#tracker-key .st34 {
  fill: #DBDBDB;
}
#tracker-wheel .st35,
#tracker-info .st35,
#tracker-key .st35 {
  font-size: 11.5841px;
}
#tracker-wheel .st36,
#tracker-info .st36,
#tracker-key .st36 {
  fill: #FFFF00;
}
#tracker-wheel .st37,
#tracker-info .st37,
#tracker-key .st37 {
  fill: #C00100;
}
#tracker-wheel .st38,
#tracker-info .st38,
#tracker-key .st38 {
  fill: #6FAD47;
}
#tracker-wheel .st39,
#tracker-info .st39,
#tracker-key .st39 {
  fill: #FFD966;
}

/*-- form elements
--------------------------------*/
form {
  display: block;
}

fieldset {
  padding: 0;
  border: none;
}

legend, label {
  display: block;
  margin-bottom: 0.2em;
  font-weight: 700;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=search],
input[type=url],
input[type=number],
textarea,
select {
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-size: 100%;
  display: block;
  width: 100%;
  max-width: 700px;
  border: 1px solid #ccc;
  padding: 0.75em;
  height: 2.5em;
}
input[type=text].medium,
input[type=email].medium,
input[type=tel].medium,
input[type=search].medium,
input[type=url].medium,
input[type=number].medium,
textarea.medium,
select.medium {
  max-width: 200px;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=number]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #999 !important;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=search]::placeholder,
input[type=url]::placeholder,
input[type=number]::placeholder,
textarea::placeholder,
select::placeholder {
  color: #999 !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #68A319;
}

input[type=radio],
input[type=checkbox] {
  margin-right: 0.5rem;
}

input[type=submit],
input[type=button],
.button,
button {
  display: inline-block;
  transition: all 0.2s ease;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
  padding: 0.6em 1.4em;
  letter-spacing: 0.4px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  background: #004789;
  color: white;
}
input[type=submit]:visited, input[type=submit]:hover,
input[type=button]:visited,
input[type=button]:hover,
.button:visited,
.button:hover,
button:visited,
button:hover {
  color: white;
}
input[type=submit]:hover,
input[type=button]:hover,
.button:hover,
button:hover {
  background: #68A319;
  cursor: pointer;
}
input[type=submit].reversed, .neg input[type=submit], .cta input[type=submit], .bg-black input[type=submit], .bg-blue-grad input[type=submit], .bg-dark input[type=submit], .bg-green input[type=submit], .bg-blue input[type=submit],
input[type=button].reversed,
.neg input[type=button],
.cta input[type=button],
.bg-black input[type=button],
.bg-blue-grad input[type=button],
.bg-dark input[type=button],
.bg-green input[type=button],
.bg-blue input[type=button],
.button.reversed,
.neg .button,
.cta .button,
.bg-black .button,
.bg-blue-grad .button,
.bg-dark .button,
.bg-green .button,
.bg-blue .button,
button.reversed,
.neg button,
.cta button,
.bg-black button,
.bg-blue-grad button,
.bg-dark button,
.bg-green button,
.bg-blue button,
.neg button {
  background: transparent !important;
  color: white;
  border: 1px solid white;
}
input[type=submit].reversed:hover, .neg input[type=submit]:hover, .cta input[type=submit]:hover, .bg-black input[type=submit]:hover, .bg-blue-grad input[type=submit]:hover, .bg-dark input[type=submit]:hover, .bg-green input[type=submit]:hover, .bg-blue input[type=submit]:hover,
input[type=button].reversed:hover,
.neg input[type=button]:hover,
.cta input[type=button]:hover,
.bg-black input[type=button]:hover,
.bg-blue-grad input[type=button]:hover,
.bg-dark input[type=button]:hover,
.bg-green input[type=button]:hover,
.bg-blue input[type=button]:hover,
.button.reversed:hover,
.neg .button:hover,
.cta .button:hover,
.bg-black .button:hover,
.bg-blue-grad .button:hover,
.bg-dark .button:hover,
.bg-green .button:hover,
.bg-blue .button:hover,
button.reversed:hover,
.neg button:hover,
.cta button:hover,
.bg-black button:hover,
.bg-blue-grad button:hover,
.bg-dark button:hover,
.bg-green button:hover,
.bg-blue button:hover {
  background: #68A319 !important;
  color: white;
}
input[type=submit].pill,
input[type=button].pill,
.button.pill,
button.pill {
  border: 1px solid #004789;
  background-color: white;
  color: #004789;
}
input[type=submit].pill:hover,
input[type=button].pill:hover,
.button.pill:hover,
button.pill:hover {
  background-color: #68A319;
  color: white;
}
input[type=submit].pill.active,
input[type=button].pill.active,
.button.pill.active,
button.pill.active {
  background-color: #004789;
  color: white;
}

textarea {
  max-width: none;
  height: auto;
}

select {
  width: auto;
  padding: 0 0.75em;
}

.checkbox-group label {
  font-weight: 500 !important;
}

/*-- Gravity forms specific styles
--------------------------------*/
.gform-theme--foundation .gform_fields {
  row-gap: 1em !important;
}

.gform_wrapper {
  /* Class for labelling required form items */
  /*-- datepicker input
  --------------------------------*/
}
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox label,
.gform_wrapper .ginput_container_consent label {
  display: inline-block;
  clear: right;
  margin-left: 0.5em;
  font-weight: initial;
  max-width: 90%;
}
.gform_wrapper input.small {
  width: 20%;
  min-width: 20px;
  max-width: 100px;
}
.gform_wrapper .zipcode input {
  min-width: 60px;
  max-width: 100px;
}
.gform_wrapper .gform_fields,
.gform_wrapper .gfield_radio,
.gform_wrapper .gfield_checkbox {
  list-style: none;
  padding: 0;
}
.gform_wrapper .gfield.gfield_visibility_hidden,
.gform_wrapper .gfield .ginput_container_name label {
  display: none;
}
.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_checkbox li {
  margin-bottom: 0;
}
.gform_wrapper .gfield_description {
  margin-top: 0.5rem;
}
.gform_wrapper .reqtxt, .gform_wrapper .emailreqtxt {
  font-size: 90%;
  color: #bd071a;
  font-style: italic;
}
.gform_wrapper .totalfield {
  display: inline-block;
  border: 2px solid #ccc;
  padding: 0.5rem;
}
.gform_wrapper .totalfield label, .gform_wrapper .totalfield .ginput_container {
  display: inline-block;
  margin-right: 0.5rem;
}
.gform_wrapper .totalfield .ginput_container {
  font-weight: 700;
}
.gform_wrapper .required, .gform_wrapper .validation_error {
  color: #bd071a;
}
.gform_wrapper .required,
.gform_wrapper .gfield_required {
  font-weight: 200;
  color: #c03;
  font-style: italic;
}
.gform_wrapper .required .gfield_required_text,
.gform_wrapper .gfield_required .gfield_required_text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.gform_wrapper .required::before,
.gform_wrapper .gfield_required::before {
  content: "*";
  color: #c03;
}
.gform_wrapper .validation_error, .gform_wrapper .validation_message,
.gform_wrapper .gform_confirmation_message {
  background: rgba(202, 10, 55, 0.1);
  padding: 1rem;
  border-left: 3px solid #c03;
  margin-bottom: 1rem;
  width: 100%;
  clear: both;
}
.gform_wrapper .gform_fileupload_rules {
  display: block;
  margin: 5px 0;
  font-style: italic;
}
.gform_wrapper div.gform_confirmation_message {
  color: #3e754d;
  background: rgba(62, 117, 77, 0.1);
  border-color: #3e754d;
}
.gform_wrapper div.validation_message {
  font-size: 75%;
  padding: 0.5rem 1rem;
  font-style: italic;
  color: #3e754d;
}
.gform_wrapper div.validation_message.validation_message--hidden-on-empty {
  visibility: hidden;
}
.gform_wrapper .ginput_complex span {
  display: block;
}
.gform_wrapper .ginput_complex span label {
  font-weight: 500;
}
.gform_wrapper .ginput_complex.ginput_container_address span.address_state select {
  width: 100%;
}
.gform_wrapper .ginput_complex.ginput_container_address span.address_zip {
  width: 17%;
  min-width: 120px;
}
#module-signup .gform_wrapper .ginput_complex label, #module-signup .gform_wrapper .ginput_complex legend {
  color: white;
}
.gform_wrapper .ginput_container_date input.datepicker,
.gform_wrapper .ginput_container_date .ui-datepicker-trigger {
  display: inline-block;
}
.gform_wrapper .ginput_container_date input.datepicker {
  max-width: 200px;
  background-image: url(images/icons/calendar-alt.svg);
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.5em center;
  padding-left: 2em;
}
.gform_wrapper .ginput_container_date .ui-datepicker-trigger {
  margin-left: 0.5rem;
}
#content .gform_wrapper {
  padding-bottom: 2rem;
}
.gform_wrapper .gfield_header_item {
  font-style: italic;
  font-size: 13px;
}

/*-- datepicker div
--------------------------------*/
div#ui-datepicker-div {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border: 1px solid #ccc;
  background: rgba(255, 255, 255, 0.9);
  width: 200px;
  font-size: 87%;
}
div#ui-datepicker-div a {
  text-decoration: none;
}
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-month,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-year {
  float: left;
  width: auto;
  max-width: 50%;
  text-transform: uppercase;
}
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  width: 100%;
  float: left;
  border: 1px solid #ccc;
  border-width: 1px 0;
  padding: 0.5rem 0;
}
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-year {
  float: right;
  text-align: right;
  clear: right;
}
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-month,
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-year {
  text-transform: none;
}
div#ui-datepicker-div table.ui-datepicker-calendar {
  width: 100%;
}
div#ui-datepicker-div table.ui-datepicker-calendar td {
  text-align: center;
}

@media screen and (max-width: 540px) {
  .gform_wrapper .ginput_complex span {
    margin-bottom: 0.5rem;
  }
  .gform_wrapper select {
    width: 100%;
  }
}
@media screen and (min-width: 541px) {
  .gform_wrapper .gfield_list_header,
  .gform_wrapper .gfield_list_group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 770px) {
  .gform_wrapper .ginput_complex span.address_city, .gform_wrapper .ginput_complex span.address_state {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (min-width: 771px) {
  .gform_wrapper .ginput_complex.ginput_container_address span.address_city {
    clear: left;
    margin-right: 2%;
  }
  .gform_wrapper .ginput_complex.ginput_container_address span.address_state {
    width: 30%;
    margin-right: 2%;
  }
}
/*-- Social links, etc
--------------------------------*/
ul.socials, ul.sharing-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.socials li, ul.sharing-links li {
  display: block;
  overflow: hidden;
  float: left;
}
ul.socials li a, ul.sharing-links li a {
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
}
ul.socials li svg, ul.sharing-links li svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
ul.socials li path, ul.sharing-links li path {
  fill: white;
}

.share-icon {
  width: 26px;
  height: 26px;
  display: block;
}

ul.socials {
  font-size: 16px;
}
ul.socials li {
  background-color: transparent;
}
ul.socials li.share-facebook:hover a {
  background-color: #3b5998;
}
ul.socials li.share-google-plus:hover a {
  background-color: #cc0000;
}
ul.socials li.share-linkedin:hover a {
  background-color: #0073a5;
}
ul.socials li.share-pinterest:hover a {
  background-color: #d43638;
}
ul.socials li.share-tumblr:hover a {
  background-color: #2c4762;
}
ul.socials li.share-twitter:hover a {
  background-color: #000;
}
ul.socials li.share-youtube:hover a {
  background-color: #bf0900;
}
ul.socials li.share-email:hover a {
  background-color: #666;
}

ul.sharing-links li.share-facebook a {
  background-color: #3b5998;
}
ul.sharing-links li.share-google-plus a {
  background-color: #cc0000;
}
ul.sharing-links li.share-linkedin a {
  background-color: #0073a5;
}
ul.sharing-links li.share-pinterest a {
  background-color: #d43638;
}
ul.sharing-links li.share-tumblr a {
  background-color: #2c4762;
}
ul.sharing-links li.share-twitter a {
  background-color: #000;
}
ul.sharing-links li.share-youtube a {
  background-color: #bf0900;
}
ul.sharing-links li.share-email a {
  background-color: #004789;
}

.sharing-module {
  *zoom: 1;
}
.sharing-module:before, .sharing-module:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  height: 0;
  width: 100%;
}
.sharing-module:after {
  clear: both;
}
.sharing-module .sharing-title {
  display: block;
  cursor: pointer;
  margin: 0;
  float: left;
  font-size: 1rem;
  line-height: 26px;
}
.sharing-module .sharing-title span {
  display: inline-block;
  float: left;
  margin-right: 0.5em;
  color: #004789;
}
.sharing-module .sharing-title span path {
  fill: #004789;
}
.sharing-module .sharing-title span.share-icon {
  width: 1em;
  line-height: 32px;
}
.sharing-module .sharing-title:hover span {
  color: #68A319;
}
.sharing-module .sharing-title:hover span path {
  fill: #68A319;
}
.sharing-module .positioner {
  float: left;
  min-width: 50%;
  height: 26px;
  overflow: hidden;
}
.sharing-module .share-icon {
  display: block;
}
.sharing-module .sharing-links {
  transform: translateX(-100%);
  transition: all 0.2s ease;
  float: left;
  position: relative;
  left: 0;
  opacity: 0;
}
.sharing-module.open .sharing-links {
  transform: none;
  opacity: 1;
}

/* Slider */
#charts {
  margin-bottom: 1rem;
}
#charts .slide-image {
  border: 1px solid #ccc;
}

#charts-text {
  font-size: 87.5%;
  line-height: 1.4;
}
#charts-text h2 {
  margin-bottom: 0.5rem;
}
#charts-text h4, #charts-text .event-date {
  letter-spacing: 0;
  margin-bottom: 0.5rem;
}

#slider {
  padding: 0;
  list-style: none;
  overflow: hidden;
  position: relative;
}
#slider .slide-content {
  height: 0;
  width: 100%;
  padding-bottom: 50%;
  overflow: hidden;
  position: relative;
}
#slider .slide-content img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}
#slider .slide-content .slide-text {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.5em;
  color: #fff;
}

.slick-loading .slick-list {
  background: #fff url("images/ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  height: 30px;
  width: 25px;
  line-height: 0px;
  cursor: pointer;
  background: transparent;
  padding: 0;
  border: none;
  outline: none;
  opacity: 0.7;
  z-index: 1001;
  color: white;
}
.slick-prev path,
.slick-next path {
  fill: #ccc;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  opacity: 1;
}
.slick-prev:hover path, .slick-prev:focus path,
.slick-next:hover path,
.slick-next:focus path {
  fill: #68A319;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.7;
}

.slick-prev {
  left: 5px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 5px;
}

.slick-next {
  right: 5px;
}
[dir=rtl] .slick-next {
  left: 5px;
  right: auto;
}

/* Dots */
.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  border-color: white;
  opacity: 1;
}
.slick-dots li button:before {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  background-color: black;
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 2px solid black;
}
.slick-dots li.slick-active button:before {
  background-color: white;
  opacity: 1;
}

#carousel {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  margin-bottom: 1rem;
}
#carousel li {
  display: inline-block;
  width: 150px;
  height: auto;
  cursor: pointer;
  padding: 6px;
}
#carousel li img {
  border: 1px solid #ccc;
  display: block;
  opacity: 0.8;
}
#carousel li:hover img, #carousel li.slick-current img {
  opacity: 1;
  border-color: #68A319;
}
#carousel li:focus {
  outline: none;
}

@media screen and (min-width: 771px) {
  .carousel-container {
    /*
    width: 100%;
    position: absolute;
    padding-top: 40%;
    top: 0;
    */
  }
  #charts,
  #carousel {
    width: 58%;
    float: left;
    /*
    		position: absolute;
    		left: 0;
    		top: 75%;
    */
  }
  #charts.full,
  #carousel.full {
    width: 100%;
    clear: both;
  }
  #charts .slide-text {
    width: 28%;
    float: right;
  }
  #charts.full .slide-text {
    width: 100%;
    clear: both;
  }
  #charts-text {
    width: 28%;
    float: right;
  }
  #charts-text.full {
    width: 100%;
  }
  .slick-prev {
    left: 5px;
  }
  [dir=rtl] .slick-prev {
    left: auto;
    right: 5px;
  }
  .slick-next {
    right: 5px;
  }
  [dir=rtl] .slick-next {
    left: 5px;
    right: auto;
  }
}
@media screen and (min-width: 1031px) {
  .slick-prev, .slick-next {
    top: 200px;
  }
}
/*-- custom google map
--------------------------------*/
.map_container {
  height: 0;
  padding-bottom: 65%;
  border: #efefef solid 1px;
  position: relative;
}
.map_container iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
}

.acf-map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

/*-- BLOG
--------------------------------*/
.news-header {
  padding: 0 1rem;
}

.blogsearch {
  margin-bottom: 2rem;
}
.blogsearch input.search-field {
  border: 1px solid #004789;
  width: 100%;
  max-width: 100%;
  height: 44px;
}
.blogsearch button.search-submit {
  height: 44px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.blogsearch button.search-submit img {
  height: 20px;
  width: auto;
}

.cat-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 100%;
  clear: both;
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}
.cat-buttons--cat {
  width: auto;
  text-transform: uppercase;
  border: 1px solid transparent;
}
.cat-buttons--cat--name {
  display: block;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  color: #004789;
  font-weight: 700;
}
.cat-buttons--cat--name:visited {
  color: #004789;
}
.cat-buttons--cat--name:hover {
  color: #68A319;
}
.cat-buttons--cat.current-cat {
  border-color: #68A319;
}
.cat-buttons--cat.current-cat .cat-buttons--cat--name {
  color: #68A319;
}
.cat-buttons .flex-container {
  display: flex;
}

.blogindex,
.pubindex {
  margin-bottom: 2em;
}
.blogindex .page-header,
.pubindex .page-header {
  margin-bottom: 1rem;
}
.blogindex .flexwrapper,
.pubindex .flexwrapper {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.blogindex .card,
.pubindex .card {
  transition: all 0.2s ease;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.7);
  margin-bottom: 2%;
  border: 1px solid white;
  color: #004789;
  flex-grow: 0;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.blogindex .card .entry-header,
.pubindex .card .entry-header {
  flex-grow: 0;
}
.blogindex .card .featured-img,
.pubindex .card .featured-img {
  border: 1px solid #ccc;
}
.blogindex .card .featured-img img,
.pubindex .card .featured-img img {
  display: block;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogindex .card .entry-title,
.pubindex .card .entry-title {
  margin-top: 0.5rem;
}
.blogindex .card .entry-meta,
.pubindex .card .entry-meta {
  color: #004789;
}
.blogindex .card .entry-summary,
.pubindex .card .entry-summary {
  flex-grow: 1;
  padding-bottom: 0.5rem;
}
.blogindex .card p:last-child,
.pubindex .card p:last-child {
  margin-bottom: 0;
}
.blogindex .card h3, .blogindex .card .collapse .collapse-heading, .collapse .blogindex .card .collapse-heading,
.pubindex .card h3,
.pubindex .card .collapse .collapse-heading,
.collapse .pubindex .card .collapse-heading {
  font-weight: 700;
}
.blogindex .card h3 a, .blogindex .card .collapse .collapse-heading a, .collapse .blogindex .card .collapse-heading a, .blogindex .card h3 a:visited,
.pubindex .card h3 a,
.pubindex .card .collapse .collapse-heading a,
.collapse .pubindex .card .collapse-heading a,
.pubindex .card h3 a:visited {
  color: #004789;
}
.blogindex .card h3 a:hover, .blogindex .card .collapse .collapse-heading a:hover, .collapse .blogindex .card .collapse-heading a:hover, .blogindex .card h3 a:visited:hover,
.pubindex .card h3 a:hover,
.pubindex .card .collapse .collapse-heading a:hover,
.collapse .pubindex .card .collapse-heading a:hover,
.pubindex .card h3 a:visited:hover {
  text-decoration: underline;
}
.blogindex .card:hover,
.pubindex .card:hover {
  border-color: #68A319;
}
.blogindex .card:hover h3, .blogindex .card:hover .collapse .collapse-heading, .collapse .blogindex .card:hover .collapse-heading, .blogindex .card:hover h3 a, .blogindex .card:hover .collapse .collapse-heading a, .collapse .blogindex .card:hover .collapse-heading a,
.pubindex .card:hover h3,
.pubindex .card:hover .collapse .collapse-heading,
.collapse .pubindex .card:hover .collapse-heading,
.pubindex .card:hover h3 a,
.pubindex .card:hover .collapse .collapse-heading a,
.collapse .pubindex .card:hover .collapse-heading a {
  color: #68A319;
}

.pubindex .card {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  border: none !important;
}

.post .entry-header {
  margin-bottom: 1rem;
}
.post .featured-img {
  background-color: #004789;
  clear: both;
  margin-bottom: 1.5rem;
  width: 100%;
  height: 0;
  padding-top: 65%;
  overflow: hidden;
}
.post .featured-img a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.post .featured-img a, .post .featured-img img {
  display: block;
}
.post .featured-img img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.post .featured-img:hover img {
  opacity: 0.7;
}
.post a.continue {
  font-size: 88%;
  text-transform: uppercase;
}

.cat-heading,
.date-heading {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #004789 !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.cat-heading.post-cat,
.cat-heading.event-cat {
  padding-left: 24px;
}
.cat-heading.post-cat.cat-blog,
.cat-heading.event-cat.cat-blog {
  background-image: url(images/icons/icon-blog.png);
}
.cat-heading.post-cat.cat-in-the-news,
.cat-heading.event-cat.cat-in-the-news {
  background-image: url(images/icons/icon-news.png);
}
.cat-heading.post-cat.cat-newsletters,
.cat-heading.event-cat.cat-newsletters {
  background-image: url(images/icons/icon-nl.png);
}
.cat-heading.post-cat.cat-press-releases,
.cat-heading.event-cat.cat-press-releases {
  background-image: url(images/icons/icon-pr.png);
}
.cat-heading.post-cat.cat-digital-dialogues,
.cat-heading.event-cat.cat-digital-dialogues {
  background-image: url(images/icons/icon-dd.png);
}
.cat-heading.post-cat.cat-press-events, .cat-heading.post-cat.cat-conferences,
.cat-heading.event-cat.cat-press-events,
.cat-heading.event-cat.cat-conferences {
  background-image: url(images/icons/icon-press-event.png);
}
.cat-heading.post-cat.cat-workshops, .cat-heading.post-cat.cat-zevwise, .cat-heading.post-cat.cat-webinars-workshops,
.cat-heading.event-cat.cat-workshops,
.cat-heading.event-cat.cat-zevwise,
.cat-heading.event-cat.cat-webinars-workshops {
  background-image: url(images/icons/icon-workshop.png);
}
.cat-heading.post-cat.cat-multi-media, .cat-heading.post-cat.cat-webinars,
.cat-heading.event-cat.cat-multi-media,
.cat-heading.event-cat.cat-webinars {
  background-image: url(images/icons/icon-multimedia.png);
}

.pag_links {
  *zoom: 1;
  margin: 2rem auto;
  text-align: center;
  width: 100%;
  color: #004789;
}
.pag_links:before, .pag_links:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  height: 0;
  width: 100%;
}
.pag_links:after {
  clear: both;
}
.pag_links .page-numbers {
  display: inline-block;
  margin: 0 0.5rem;
}
.pag_links .page-numbers.next::after {
  display: inline-block;
  content: "►";
}
.pag_links .page-numbers.prev::before {
  display: inline-block;
  content: "◄";
}

.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.category-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 75%;
  text-transform: uppercase;
  border-top: 1px solid #004789;
}
.category-list li {
  border-bottom: 1px solid #004789;
}
.category-list li a {
  display: block;
  padding: 0.75rem;
  text-decoration: none;
}
.category-list li.current-cat a {
  color: #68A319;
}

@media screen and (max-width: 540px) {
  .cat-buttons {
    font-size: 85%;
  }
}
@media screen and (min-width: 541px) {
  .blogindex .flexwrapper,
  .pubindex .flexwrapper {
    display: flex;
  }
  .blogindex .card,
  .pubindex .card {
    width: 49%;
    flex-basis: 49%;
    float: left;
  }
}
@media screen and (min-width: 741px) {
  .blogindex .card {
    width: 33%;
    flex-basis: 33%;
    padding: 1rem;
  }
  .pubindex {
    width: 58%;
    float: right;
  }
  .pubcats {
    width: 28%;
    float: left;
    padding-right: 1rem;
  }
  .page-header .page-title {
    max-width: 85%;
  }
}
/*-- Large graphic buttons
--------------------------------*/
.graphic-buttons {
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}
.graphic-buttons.asnav {
  border-top: 1px solid #fafafa;
  padding-top: 3%;
}

.graphic-button {
  transition: all 0.2s ease;
  background-color: #004789;
  text-align: center;
  overflow: hidden;
  grid-column: span 4;
}
.graphic-button .button-pad {
  transition: all 0.2s ease;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 3/2;
  opacity: 0.6;
}
.graphic-button a {
  display: block;
}
.graphic-button .button-content,
.graphic-button .button-excerpt {
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 1rem;
  flex-wrap: wrap;
}
.graphic-button .button-title {
  width: 100%;
  text-transform: uppercase;
  font-size: 175%;
  line-height: 1;
}
.graphic-button .button-title a {
  color: white;
}
.graphic-button .button-excerpt {
  transform: translateY(100%);
  opacity: 0;
  color: white;
  font-size: 87.5%;
  line-height: 1.2;
}
.graphic-button h3.button-title, .graphic-button .collapse .button-title.collapse-heading, .collapse .graphic-button .button-title.collapse-heading {
  margin: 0;
  color: white;
  font-family: "Oswald", helvetica, arial, sans-serif;
  padding: 0 1rem;
}
.graphic-button:hover {
  background-color: rgb(0, 97.4306569343, 188);
}
.graphic-button:hover .button-pad {
  opacity: 0.3;
}
.graphic-button.has-excerpt:hover .button-content {
  transform: translateY(-100%);
}
.graphic-button.has-excerpt:hover .button-excerpt {
  opacity: 1;
  transform: translateY(0);
}

/* =quote cards
--------------------------------------------------------------------*/
.quote-cards {
  clear: both;
  width: 100%;
  margin: 2rem -1.5%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.quote-cards--card {
  transition: all 0.2s ease;
  background-color: #004789;
  background: radial-gradient(circle, rgb(0, 97.4306569343, 188) 0%, #004789 100%);
  background-color: rgb(0, 97.4306569343, 188);
  grid-column: span 4;
  text-align: center;
  color: white;
  padding: 1.5rem;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  flex-grow: 1;
}
.quote-cards--card p {
  margin-bottom: 0;
}
.quote-cards--card a {
  color: white;
}
.quote-cards--card a:hover {
  color: white;
}
.quote-cards--card:hover {
  background: rgb(0, 97.4306569343, 188);
}

/* =consent popup
--------------------------------------------------------------------*/
.consent-banner {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  right: 10%;
  width: 80%;
  max-width: 400px;
  padding: 1.5rem;
  background-color: white;
  color: #333;
  border-radius: 11px;
  box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.1);
  font-size: 87.5%;
  z-index: 100;
}

.close-x {
  height: 20px;
  background: none;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}

.consent-close-x {
  width: 42px;
  border: none;
  color: #666;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 26px;
  padding: 6px;
}

.consent-close-x:hover {
  background: none;
  color: #004789;
}

@media screen and (max-width: 600px) {
  .graphic-buttons {
    grid-template-columns: repeat(1, 12fr);
  }
  .graphic-button .button-pad {
    aspect-ratio: 4/3;
  }
  .to .graphic-button .button-pad {
    aspect-ratio: 16/9;
  }
}
@media screen and (min-width: 601px) {
  .graphic-buttons {
    grid-template-columns: repeat(2, 6fr);
  }
  .graphic-buttons#zet-expo {
    grid-template-columns: repeat(2, 12fr);
  }
  .graphic-buttons.asnav {
    grid-template-columns: repeat(2, 12fr);
  }
  .graphic-buttons.to .graphic-button .button-pad {
    aspect-ratio: 3.3/1;
  }
}
@media screen and (min-width: 769px) {
  .graphic-buttons.threeup {
    grid-template-columns: repeat(12, 1fr);
  }
  .graphic-buttons.threeup .graphic-button {
    grid-column: span 4;
  }
  .graphic-buttons.threeup .graphic-button h3, .graphic-buttons.threeup .graphic-button .collapse .collapse-heading, .collapse .graphic-buttons.threeup .graphic-button .collapse-heading {
    font-size: 135%;
  }
  .graphic-buttons.count-5 .graphic-button:nth-child(1),
  .graphic-buttons.count-5 .graphic-button:nth-child(2), .graphic-buttons.cont-10 .graphic-button:nth-child(1),
  .graphic-buttons.cont-10 .graphic-button:nth-child(2) {
    grid-column: span 6;
    aspect-ratio: 3/2;
  }
}
@media screen and (min-width: 1001px) {
  body.page-id-11 .graphic-buttons.threeup .graphic-button .button-pad {
    padding-top: 75%;
  }
}
@media print {
  /* =============================================================================
     Print Styles
     ========================================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  body {
    font-size: 10pt;
    margin: 0.5in;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  } /* Don't show links for images, or javascript/internal links */
  pre, block quote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3, .collapse .collapse-heading {
    orphans: 3;
    widows: 3;
  }
  h2, h3, .collapse .collapse-heading {
    page-break-after: avoid;
  }
  #branding {
    position: relative !important;
    padding: 1rem 0;
    border-bottom: 1pt solid #ccc;
    height: auto !important;
    background: white;
  }
  #branding #logo {
    width: auto;
    max-width: 2in;
  }
  #branding #logo a {
    text-indent: 0 !important;
    padding: 0 !important;
    height: auto !important;
    color: #999;
    font-weight: 700;
  }
  #branding #logo a img {
    width: 100%;
    display: block;
  }
  #branding #logo a:after {
    display: none;
  }
  #primary {
    float: left;
    padding: 0;
  }
  #shim {
    height: 0 !important;
  }
  nav,
  #slide-trigger,
  .sharing-module {
    display: none !important;
  }
  h2, h3, .collapse .collapse-heading {
    page-break-after: avoid;
  }
  article {
    page-break-before: always;
  }
  ul, img {
    page-break-inside: avoid;
  }
}
/* HTML definitions */
body {
  margin: 0;
  padding: 0;
  background: #68A319;
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 100%;
  line-height: 1.5;
  color: rgb(102, 102, 93);
}

::-moz-selection {
  background: #004789;
  color: white;
  text-shadow: none;
}

::selection {
  background: #004789;
  color: white;
  text-shadow: none;
}

a {
  transition: all 0.2s ease;
  color: #004789;
  font-weight: 700;
  text-decoration: underline;
}
a:visited {
  color: #004789;
}
a:hover {
  color: #68A319;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

path, span {
  transition: all 0.2s ease;
}

a, b, strong, i, em {
  display: contents;
}

h1, h2, h3, .collapse .collapse-heading, h4, .event-date, h5, h6 {
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  color: #68A319;
  margin: 0 0 0.8em 0;
}
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, .collapse .collapse-heading a, h3 a:visited, h4 a, .event-date a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited {
  text-decoration: none;
  font-weight: inherit;
  color: #68A319;
}
h1 a:hover, h2 a:hover, h3 a:hover, .collapse .collapse-heading a:hover, h4 a:hover, .event-date a:hover, h5 a:hover, h6 a:hover {
  color: #68A319 !important;
  text-decoration: underline;
}
.neg h1, .cta h1, .bg-black h1, .bg-blue-grad h1, .bg-dark h1, .bg-green h1, .bg-blue h1, .neg h2, .cta h2, .bg-black h2, .bg-blue-grad h2, .bg-dark h2, .bg-green h2, .bg-blue h2, .neg h3, .neg .collapse .collapse-heading, .collapse .neg .collapse-heading, .cta h3, .cta .collapse .collapse-heading, .collapse .cta .collapse-heading, .bg-black h3, .bg-black .collapse .collapse-heading, .collapse .bg-black .collapse-heading, .bg-blue-grad h3, .bg-blue-grad .collapse .collapse-heading, .collapse .bg-blue-grad .collapse-heading, .bg-dark h3, .bg-dark .collapse .collapse-heading, .collapse .bg-dark .collapse-heading, .bg-green h3, .bg-green .collapse .collapse-heading, .collapse .bg-green .collapse-heading, .bg-blue h3, .bg-blue .collapse .collapse-heading, .collapse .bg-blue .collapse-heading, .neg h4, .neg .event-date, .cta h4, .cta .event-date, .bg-black h4, .bg-black .event-date, .bg-blue-grad h4, .bg-blue-grad .event-date, .bg-dark h4, .bg-dark .event-date, .bg-green h4, .bg-green .event-date, .bg-blue h4, .bg-blue .event-date, .neg h5, .cta h5, .bg-black h5, .bg-blue-grad h5, .bg-dark h5, .bg-green h5, .bg-blue h5, .neg h6, .cta h6, .bg-black h6, .bg-blue-grad h6, .bg-dark h6, .bg-green h6, .bg-blue h6 {
  color: white;
}

h1, h2 {
  font-family: "Oswald", helvetica, arial, sans-serif;
  font-size: 210%;
  font-weight: 500;
  text-transform: uppercase;
}
h1.entry-title, h2.entry-title {
  font-size: 150%;
}

h2 {
  font-size: 170%;
}

h3, .collapse .collapse-heading {
  font-size: 125%;
}

h4, .event-date {
  font-size: 110%;
  text-transform: uppercase;
  color: rgb(177.7384615385, 177.7384615385, 170.2615384615);
  letter-spacing: 0.05em;
}
.neg h4, .neg .event-date, .cta h4, .cta .event-date, .bg-black h4, .bg-black .event-date, .bg-blue-grad h4, .bg-blue-grad .event-date, .bg-dark h4, .bg-dark .event-date, .bg-green h4, .bg-green .event-date, .bg-blue h4, .bg-blue .event-date {
  color: rgb(177.7384615385, 177.7384615385, 170.2615384615);
}

h5 {
  font-size: 106.25%;
}

h6 {
  font-size: 100%;
}

p, ul, ol, hr {
  margin: 0 0 1.5em 0;
}

ul {
  padding-left: 2em;
  overflow: hidden;
  transform: translateX(0);
}

hr {
  border: 0;
  border-top: 1px solid rgb(102, 102, 93);
  clear: both;
  width: 100%;
}
hr.clr {
  *zoom: 1;
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
  border: 0;
}
hr.clr:before, hr.clr:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  height: 0;
  width: 100%;
}
hr.clr:after {
  clear: both;
}
hr.shadow {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #eee;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.1);
  display: block;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  border-top: none;
  height: 2rem;
  background: white;
}

iframe {
  width: 100%;
  border: none;
}

blockquote {
  font-size: 112.5%;
  color: #004789;
  margin: 1.5rem 0;
  padding: 0 2rem;
}
blockquote p:first-child {
  text-indent: -0.45em;
}
blockquote p:last-child {
  font-size: 80%;
  font-style: italic;
}

img {
  max-width: 100%;
  height: auto;
}
.image-pair {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.image-pair img {
  display: block;
  width: 50%;
}
@media (max-width: 640px) {
  .image-pair img {
    width: 100%;
  }
}

/*!-- STRUCTURE
--------------------------------*/
#page, #branding, #bottom, #main,
#colophon, .aligncenter, .band {
  *zoom: 1;
}
#page:before, #page:after, #branding:before, #branding:after, #bottom:before, #bottom:after, #main:before, #main:after,
#colophon:before,
#colophon:after, .aligncenter:before, .aligncenter:after, .band:before, .band:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  height: 0;
  width: 100%;
}
#page:after, #branding:after, #bottom:after, #main:after,
#colophon:after, .aligncenter:after, .band:after {
  clear: both;
}

#page, #branding, #bottom {
  width: 100%;
  margin: 0;
  padding: 0;
  clear: both;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: auto;
  max-width: 1200px;
  clear: both;
  text-align: center;
}

img.aligncenter {
  width: auto;
  max-width: 100% !important;
}

.contain {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 90%;
  max-width: 1200px;
  clear: both;
}

#page {
  background: white;
  overflow: hidden;
}

#primary {
  padding: 2rem 0;
}
#primary ul {
  overflow: hidden;
}
#primary.full-width {
  width: 100%;
}

#content {
  width: 100%;
}

#bottom,
#sidebar,
.footnotes {
  font-size: 87.5%;
  line-height: 1.3;
}

#sidebar {
  line-height: 1.2;
}
#sidebar #tertiary,
#sidebar .widget {
  border-bottom: 0;
  margin-bottom: 1rem;
}
#sidebar #tertiary:last-child,
#sidebar .widget:last-child {
  margin-right: 0;
}
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sidebar ul li {
  margin-bottom: 3px;
}
#sidebar ul li.current > a {
  color: #68A319;
}
#sidebar ul ul {
  font-size: 90%;
  padding-left: 1em;
  padding-top: 5px;
}
#sidebar ul ul a {
  color: #004789;
  text-decoration: none;
  font-weight: 500;
}
#sidebar ul ul a:hover, #sidebar ul ul a.current {
  color: #68A319;
}
#sidebar .widget_recent_entries ul li {
  margin-bottom: 1rem;
}

/*-- Block elements
	-----------------------_*/
.band.padded {
  padding: 2rem 0;
}

.neg, .cta, .bg-black, .bg-blue-grad, .bg-dark, .bg-green, .bg-blue {
  color: white;
}
.highlight {
  background: radial-gradient(circle, rgb(0, 97.4306569343, 188) 0%, #004789 100%);
  background-color: rgb(0, 97.4306569343, 188);
  border-radius: 3px;
  padding: 2rem;
  width: 100%;
  float: left;
  margin-bottom: 2rem;
  font-size: 90%;
}
.highlight img.alignleft,
.highlight img.alignright {
  max-width: 33%;
}
.highlight p:last-child a {
  display: inline-block;
  transition: all 0.2s ease;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
  padding: 0.6em 1.4em;
  letter-spacing: 0.4px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  background: #004789;
  color: white;
}
.highlight p:last-child a:visited, .highlight p:last-child a:hover {
  color: white;
}
.highlight p:last-child a:hover {
  background: #68A319;
  cursor: pointer;
}
.highlight p:last-child a.reversed, .highlight p:last-child .neg a.button, .highlight p:last-child .cta a.button, .highlight p:last-child .bg-black a.button, .highlight p:last-child .bg-blue-grad a.button, .highlight p:last-child .bg-dark a.button, .highlight p:last-child .bg-green a.button, .highlight p:last-child .bg-blue a.button, .neg .highlight p:last-child a, .cta .highlight p:last-child a, .bg-black .highlight p:last-child a, .bg-blue-grad .highlight p:last-child a, .bg-dark .highlight p:last-child a, .bg-green .highlight p:last-child a, .bg-blue .highlight p:last-child a {
  background: transparent !important;
  color: white;
  border: 1px solid white;
}
.highlight p:last-child a.reversed:hover, .highlight p:last-child .neg a.button:hover, .highlight p:last-child .cta a.button:hover, .highlight p:last-child .bg-black a.button:hover, .highlight p:last-child .bg-blue-grad a.button:hover, .highlight p:last-child .bg-dark a.button:hover, .highlight p:last-child .bg-green a.button:hover, .highlight p:last-child .bg-blue a.button:hover, .neg .highlight p:last-child a:hover, .cta .highlight p:last-child a:hover, .bg-black .highlight p:last-child a:hover, .bg-blue-grad .highlight p:last-child a:hover, .bg-dark .highlight p:last-child a:hover, .bg-green .highlight p:last-child a:hover, .bg-blue .highlight p:last-child a:hover {
  background: #68A319 !important;
  color: white;
}
.highlight p:last-child a.pill {
  border: 1px solid #004789;
  background-color: white;
  color: #004789;
}
.highlight p:last-child a.pill:hover {
  background-color: #68A319;
  color: white;
}
.highlight p:last-child a.pill.active {
  background-color: #004789;
  color: white;
}
.highlight.white {
  background: white;
  border: 1px solid #ccc;
}
.highlight:not(.white) {
  color: white;
}
.highlight:not(.white) * {
  color: white;
}
.highlight:not(.white) a, .highlight:not(.white) a:visited {
  color: white;
}

.parallax {
  overflow: hidden;
}

/*-- HEADER
--------------------------------*/
#branding {
  transition: all 0.2s ease;
  position: fixed;
  width: 100%;
  background: transparent;
  border: none;
  z-index: 10000;
}
#branding > .contain {
  *zoom: 1;
}
#branding > .contain:before, #branding > .contain:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  height: 0;
  width: 100%;
}
#branding > .contain:after {
  clear: both;
}
#branding #logo {
  transition: all 0.2s ease;
  width: 20.5%;
  max-width: 250px;
  margin: 1.5rem 0;
  float: left;
}
#branding #logo a {
  transition: padding 0.2s ease;
  text-indent: 1111%;
  white-space: nowrap;
  overflow: hidden;
  height: 0;
  display: block;
  padding-top: 45%;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(images/logos/d2z-logo-inverse.svg);
}
#branding #logo img {
  width: 100%;
  height: auto;
}
#branding.fixed {
  background: white;
  position: fixed;
}
#branding.fixed #logo a {
  padding-top: 14%;
  background-image: url(images/logos/d2z-logo-symbol.svg);
}
.page-template-page-zet-expo #branding {
  /* Fallback for sad browsers */
  background-color: transparent;
  background-image: linear-gradient(180deg, #004789, rgba(0, 71, 137, 0));
}
.page-template-page-zet-expo #branding.fixed {
  background: white;
}

/*-- Footer
--------------------------------*/
#bottom {
  background: #518014;
  padding: 1.5rem 0;
  color: white;
}
#bottom a, #bottom a:hover {
  color: white;
}
#bottom .logo-footer {
  width: 43%;
  max-width: 240px;
}
#bottom .follow-cta {
  width: 43%;
  font-family: "Montserrat", helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 150%;
  text-transform: uppercase;
}
#bottom .follow-cta a {
  text-decoration: none;
  display: block;
  margin-bottom: 0.5rem;
}
#bottom .follow-cta img {
  display: inline-block;
  width: 1.2em;
  float: left;
  margin-right: 0.5rem;
}

#footnav ul {
  list-style: none;
  margin-right: 0;
  padding: 0;
  float: right;
}
#footnav ul li {
  display: inline;
  margin: 0;
}
#footnav ul li:after {
  content: "  |  ";
}
#footnav ul li:last-child:after {
  content: "" !important;
}

/*-- headers and overlays
--------------------------------*/
.overlink {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  text-indent: 1111%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
}

.overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  text-indent: 1111%;
  white-space: nowrap;
  overflow: hidden;
  content: "";
}

/*-- Content
--------------------------------*/
/* Add " (PDF)" text after links that go to PDFs */
/* If file size specified as data attribute, use that too */
.post {
  margin: 0 0 1rem;
  padding: 0 0 1rem 0;
  border-bottom: 2px solid #efefef;
}

.entry-meta {
  clear: both;
  display: block;
  font-size: 75%;
  margin-bottom: 1rem;
  color: rgb(127.5, 127.5, 127.5);
}

#content nav {
  display: block;
  overflow: hidden;
}
#content nav.nav-previous {
  float: left;
  width: 50%;
}
#content nav.nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
#content nav #nav-above {
  display: none;
}
#content nav #nav-below {
  margin: 1rem 0;
}
#content nav article.last-child,
#content nav .single .post {
  border: 0;
}

.paged #content #nav-above,
.single #content #nav-above {
  display: block;
}

/* Image Attachments */
.image-attachment div.entry-meta {
  float: left;
}
.image-attachment nav {
  float: right;
  margin: 0 0 1rem 0;
}
.image-attachment .entry-content {
  clear: both;
}
.image-attachment .entry-content .entry-attachment {
  background: #ccc;
  margin: 0 0 1rem;
  padding: 1rem;
  text-align: center;
}
.image-attachment .entry-content .attachment {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* Images */
p img {
  margin-bottom: 0.5rem;
}

p.full-bleed img {
  margin: 0;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
  max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.alignleft {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

img.alignright {
  margin-left: 1rem;
}

img.alignnone {
  vertical-align: middle;
}

.wp-caption {
  text-align: left;
  margin-bottom: 1rem;
}
.wp-caption-text {
  margin: 0.5rem 0 1.5rem;
  font-size: 85%;
  line-height: 1.3;
}
.wp-caption img {
  margin: 0 0 0.25rem 0;
}
td .wp-caption {
  width: 100% !important;
}
td .wp-caption img {
  width: 100% !important;
}
.wp-caption .wp-caption-text {
  margin-bottom: 0.5rem;
}

img.bordered {
  border: 1px solid #ccc;
}

/*-- Alignment
--------------------------------*/
.alignleft, .alignright {
  display: inline;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

/*-- alerts
--------------------------------*/
.alert, .validation_error,
.gform_confirmation_message {
  *zoom: 1;
  border-radius: 7px;
  border: 1px solid rgb(127.5, 127.5, 127.5);
  background: #fafafa;
  padding: 2%;
  margin-bottom: 2rem;
  color: #333;
}
.alert:before, .alert:after, .validation_error:before, .validation_error:after,
.gform_confirmation_message:before,
.gform_confirmation_message:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  height: 0;
  width: 100%;
}
.alert:after, .validation_error:after,
.gform_confirmation_message:after {
  clear: both;
}
.warning, .validation_error {
  background: #f2dede;
  border-color: #bd071a;
}

.ok,
.gform_confirmation_message {
  background: #dff0d9;
  border-color: #3e754d;
  color: #3e754d;
}
.ok *,
.gform_confirmation_message * {
  color: #3e754d;
}

.validation_message {
  font-weight: 700;
  color: #a00;
}

.fluid-width-video-wrapper {
  padding-top: 56.25% !important;
}
.tableauPlaceholder .fluid-width-video-wrapper {
  padding-top: 0 !important;
}
.fluid-width-video-wrapper > .fluid-width-video-wrapper {
  padding: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mejs-inner,
.mejs-layers {
  display: block;
  height: 100%;
}

/*-- Accessibility
--------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*-- alert boxes
--------------------------------*/
.alert {
  *zoom: 1;
  border-radius: 7px;
  border: 1px solid #004789;
  background: #ccc;
  padding: 2%;
  margin-bottom: 2rem;
}
.alert:before, .alert:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  height: 0;
  width: 100%;
}
.alert:after {
  clear: both;
}
.alert.callout {
  background: white;
  border-color: #68A319;
}
.alert p:last-child {
  margin-bottom: 0;
}

.warning {
  background: #f2dede;
  border-color: #bd071a;
}

.ok {
  background: #dff0d9;
  border-color: #3e754d;
}

/*-- Widgets
--------------------------------*/
.widget {
  display: block;
  margin-bottom: 1rem;
}

.widget-area .widget_search {
  overflow: hidden;
}
.widget-area .widget_search input {
  float: left;
}

/*-- Banners
------------------------------*/
.poster {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #eee;
  display: grid;
  flex-direction: row-reverse;
  grid-template-columns: 1fr 1fr;
  background-color: #004789;
  background-size: cover;
  background-repeat: no-repeat;
}
.poster--text {
  aspect-ratio: 16/9;
}
.poster--image {
  margin: 0;
  overflow: hidden;
  background-color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.poster--image a {
  display: block;
}
.poster--image img {
  width: 100%;
}
.poster--text {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 5%;
  flex-grow: 1;
}
.poster--text > div {
  width: 100%;
}
.poster:nth-of-type(even) .poster--image {
  float: left;
}
.poster:nth-of-type(even) .poster--text {
  float: right;
}
.poster#module-program, .poster#module-signup {
  margin-bottom: 0;
  background-blend-mode: multiply;
  background-position: center;
  background-size: cover;
  display: flex;
  min-height: 40vh;
  align-items: center;
}
.poster#module-program a, .poster#module-signup a {
  color: #68A319;
}
.poster#module-about {
  margin-top: 0;
}
.poster#module-program {
  background-image: url(images/bg-shipping-containers-k.jpg);
}
.poster#module-signup {
  background-image: url(images/bg-clouds-k.jpg);
  color: white;
}
.poster.centerflex {
  margin-top: 1rem;
  margin-bottom: 0;
}
.poster.centerflex > .contain {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  min-height: 30vh;
  align-content: center;
}
.poster h2, .poster h2 a {
  color: #68A319;
}
.poster.padded {
  padding: 2rem 0;
}

.bg-blue {
  background: #004789;
}
.bg-blue a:not(.button) {
  color: white;
}

.bg-green {
  background: #518014;
}
.bg-green a:not(.button) {
  color: white;
}

.bg-dark * {
  color: white;
}

.bg-blue-grad {
  background: radial-gradient(circle, #004789 0%, rgb(0, 97.4306569343, 188) 100%);
  background-color: #004789;
}
.bg-blue-grad a:not(.button) {
  color: #68A319;
}

.bg-black {
  background: #353535;
}
.bg-black * {
  color: #fafafa;
}
.bg-black a {
  color: white;
}

.bg-white {
  background: white;
}

.bg-gray {
  background: #fafafa;
  color: rgb(102, 102, 93);
}
.bg-gray a:not(.button) {
  color: #004789;
}

#module-news .news-item {
  padding: 1rem 0;
}
#module-news .news-item .card--thumb {
  margin-bottom: 0.5rem;
}
#module-news .news-item .card--thumb img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#module-news .news-item--excerpt {
  flex-grow: 1;
}

#module-news-featured .news-item {
  display: flex;
  flex-wrap: wrap;
}
#module-news-featured .news-item .card--thumb {
  margin-bottom: 2rem;
}

.cta {
  background: #004789;
  padding: 2rem;
}
.cta.cta_module {
  float: left;
}

/* =publications
--------------------------------------------------------------------*/
.publication-info {
  border-bottom: 1px solid #ccc;
  padding: 0 0 1rem;
  margin-bottom: 1.5rem;
}

/* =icons
--------------------------------------------------------------------*/
.tco_icons {
  text-align: center;
}

.video-icon > a {
  display: block;
  text-align: center;
}
.video-icon > a img {
  width: 34px;
  height: auto;
}

/* events
	-------------------*/
.event-promo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.event-promo .event-date .date {
  display: inline-block;
  color: white;
}
.poster .event-promo {
  display: flex;
  flex-direction: row-reverse;
}

.event-index {
  margin: 2rem 0;
}
.event-index .event-promo {
  *zoom: 1;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
.event-index .event-promo:before, .event-index .event-promo:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  height: 0;
  width: 100%;
}
.event-index .event-promo:after {
  clear: both;
}

/* =collapsible div
--------------------------------------------------------------------*/
.collapse {
  opacity: 1 !important;
  padding: 0.5rem 0 0.5rem 0;
  border-bottom: 1px solid #ccc;
  clear: both;
}
.collapse .collapse-heading,
.collapse .collapse-content {
  padding: 0.5rem 0;
  margin: 0;
}
.collapse .collapse-heading {
  color: rgb(127.5, 127.5, 127.5);
  cursor: pointer;
  display: flex;
}
.collapse .collapse-heading .indicator {
  font-size: 0.8em;
  margin: 0.2em 0.5em 0 0.25em;
}
.collapse .collapse-heading:hover {
  color: #004789;
}
.collapse .collapse-heading.open .indicator-inner {
  transform: rotate(90deg);
}
.collapse .collapse-content {
  opacity: 1 !important;
}
.collapse .collapse-content .collapse-content-inner {
  opacity: 1 !important;
}
.collapse .collapse-content .collapse-content-inner * {
  opacity: 1 !important;
}
.collapse:first-of-type {
  border-top: 1px solid #ccc;
}
.collapse:last-child, .collapse:last-of-type {
  margin-bottom: 1.5rem;
}
td .collapse .collapse-heading {
  font-size: unset !important;
}

/* =calculator
--------------------------------------------------------------------*/
.child-iframe {
  border: 20px solid #90c1d0;
}

/* =specifics
--------------------------------------------------------------------*/
.page-id-75 .content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* =thickbox
--------------------------------------------------------------------*/
div#TB_window {
  max-width: 92%;
  padding: 0;
  background: none;
}
div#TB_window img#TB_Image {
  width: 100%;
  height: auto;
  border: 0;
  margin: 0;
}
div#TB_window #TB_closeWindow {
  top: 0;
  right: -30px;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  background: transparent;
  display: block;
}
div#TB_window #TB_closeWindow #TB_closeWindowButton {
  width: 30px;
  height: 30px;
  background: transparent;
}
div#TB_window #TB_closeWindow #TB_closeWindowButton span.tb-close-icon {
  color: white;
}
div#TB_window #TB_closeWindow #TB_closeWindowButton:hover {
  background: #68A319;
}

/* =tables
--------------------------------------------------------------------*/
.agenda-table,
.speaker-table {
  width: 100%;
  margin-bottom: 2rem;
  border-width: 1px 0;
  border: none;
  border-collapse: collapse;
}
.agenda-table tr,
.speaker-table tr {
  border-bottom: 1px solid #004789;
  background: transparent;
}
.agenda-table tr:nth-of-type(odd),
.speaker-table tr:nth-of-type(odd) {
  background: #fafafa;
}
.agenda-table thead, .agenda-table th, .agenda-table thead tr,
.speaker-table thead,
.speaker-table th,
.speaker-table thead tr {
  background: white;
}
.agenda-table th,
.speaker-table th {
  text-align: left;
  color: #004789;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid #004789;
}
.agenda-table th:first-child,
.speaker-table th:first-child {
  width: 10%;
  min-width: 14em;
}
.agenda-table td, .agenda-table th,
.speaker-table td,
.speaker-table th {
  padding: 0.75em;
  vertical-align: top;
}
.agenda-table td ul:last-child,
.agenda-table td p:last-child,
.speaker-table td ul:last-child,
.speaker-table td p:last-child {
  margin-bottom: 0;
}
.agenda-table h3, .agenda-table .collapse .collapse-heading, .collapse .agenda-table .collapse-heading,
.speaker-table h3,
.speaker-table .collapse .collapse-heading,
.collapse .speaker-table .collapse-heading {
  font-size: 112.5%;
}

table.speaker-table tr {
  background: transparent;
}
table.speaker-table tr:nth-of-type(odd) {
  background: transparent;
}

table.newslist {
  width: 100%;
}
table.newslist td {
  padding: 5px;
  vertical-align: top;
}
table.newslist td:first-child {
  width: 130px;
  max-width: 25%;
  padding-right: 20px;
}

table.gallery {
  width: 100%;
  display: table;
}
table.gallery td {
  padding: 0.5rem;
  vertical-align: top;
  font-size: 90%;
}
table.gallery td img {
  margin-bottom: 0.5rem;
}

.gallery {
  display: grid;
  gap: 20px;
  margin-bottom: 2rem;
}
.gallery br {
  display: none;
}
.gallery .gallery-item {
  float: none;
  margin: 0 !important;
  width: 100% !important;
}
.gallery .gallery-item img {
  border: 1px solid #004789 !important;
}

.tooltip-viz, .info_icon:hover .tooltip, .mfr-table .mfr:hover .tooltip, .oem-matrix td:hover .tooltip {
  opacity: 1;
  max-height: 100em;
  bottom: 85%;
  overflow: visible;
}

.oem-matrix {
  width: 100%;
  border-collapse: collapse;
}
.oem-matrix col, .oem-matrix th, .oem-matrix td {
  width: 16.66%;
  text-align: center;
}
.oem-matrix th, .oem-matrix td {
  border-right: 1px solid rgb(0, 97.4306569343, 188);
}
.oem-matrix th:last-child, .oem-matrix td:last-child {
  border-right: none;
}
.oem-matrix td {
  padding: 10px 20px;
  vertical-align: middle;
}
.oem-matrix td:hover {
  cursor: help;
}
.oem-matrix th {
  padding: 10px;
}
.oem-matrix thead {
  border-bottom: 1px solid #004789;
}
.oem-matrix tfoot {
  border-top: 1px solid #004789;
}
.oem-matrix img {
  width: 100%;
  max-width: 100% !important;
}

.tooltip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.2s ease;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  bottom: 0;
  background: rgb(0, 97.4306569343, 188);
  border: 1px solid #004789;
  position: absolute;
  color: white;
  padding: 1rem;
  line-height: 1;
  opacity: 0;
  width: 100%;
  max-width: 40vw;
  max-height: 0;
  overflow: hidden;
  font-size: 75%;
}
.tooltip a, .tooltip a:visited, .tooltip a:hover {
  color: white;
}
.tooltip::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -7px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-top: 7px solid #004789;
  border-left: 7px solid transparent;
  content: "";
}

.mfr-table {
  display: flex;
  margin: 0 0 2rem;
  flex-wrap: wrap;
  justify-content: center;
}
.mfr-table .mfr {
  text-align: center;
  width: 16%;
  padding: 1rem;
}
.mfr-table .mfr:hover {
  cursor: help;
}
table.tracker-matrix {
  width: 100%;
}
table.tracker-matrix th, table.tracker-matrix td {
  padding: 0.5rem;
  font-size: 87.5%;
  line-height: 1.3;
}
table.tracker-matrix td {
  font-size: 75%;
}
table.tracker-matrix th {
  font-family: "Oswald", helvetica, arial, sans-serif;
  text-transform: uppercase;
  color: white;
  text-align: left;
  background: #004789;
}
/* =info icons and tooltips
--------------------------------------------------------------------*/
.info_icon {
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  cursor: pointer;
}
.info_icon:hover .tooltip {
  width: 20rem;
  bottom: 130%;
}

.mou-flags,
.mou-logos {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-column-gap: 2%;
  grid-row-gap: 1rem;
  margin-bottom: 1.5rem;
}

.mou-flags {
  grid-template-columns: repeat(4, 1fr);
  align-items: end;
}
.mou-flags div, .mou-flags p {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 75%;
  line-height: 1.2;
}
.mou-flags b, .mou-flags strong, .mou-flags img {
  display: block;
}
.mou-flags img {
  width: 100%;
  aspect-ratio: 3/2;
}

.mou-logos {
  grid-template-columns: repeat(6, 1fr);
}
.mou-logos img {
  aspect-ratio: 4/3;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  align-items: center;
}

/* =policy suite
--------------------------------------------------------------------*/
#policy-suite-nav {
  width: 100%;
  background: #004789;
  color: white;
  z-index: 1000;
  padding: 1rem 0;
}
#policy-suite-nav h4, #policy-suite-nav .event-date, #policy-suite-nav ul {
  display: inline-flex;
  margin-bottom: 0.5rem;
}
#policy-suite-nav h4, #policy-suite-nav .event-date {
  margin-right: 1rem;
}
#policy-suite-nav ul {
  padding: 0;
}
#policy-suite-nav ul li {
  display: inline-block;
}
#policy-suite-nav ul li:after {
  display: inline-block;
  margin: 0 0.5rem;
  content: "|";
}
#policy-suite-nav ul li:last-child:after {
  content: "";
}
#policy-suite-nav a {
  color: white;
}

/* =content switching
--------------------------------------------------------------------*/
.content-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 2rem;
  display: flex;
}
.content-switcher li {
  display: inline-flex;
}
.content-switcher li button {
  padding: 0.6em 1.2em;
}
.content-switcher li:first-child button {
  border-radius: 13px 0 0 13px;
  border-right: none;
}
.content-switcher li:last-child button {
  border-radius: 0 13px 13px 0;
}

.content-panel.visible {
  display: block;
}

.lower-content {
  padding-top: 2rem;
}

/* =flexible layouts for case studies
--------------------------------------------------------------------*/
.layout.photo_spread {
  display: flex;
  flex-wrap: wrap;
}
.layout.photo_spread--photo {
  margin: 0;
  padding: 0;
  display: flex;
  animation-duration: 650ms;
  opacity: 0;
}
.layout.photo_spread--photo img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.layout.photo_spread--photo:nth-of-type(odd) {
  animation-delay: 100ms;
}
.layout.photo_spread--photo:nth-of-type(even) {
  animation-delay: 400ms;
}
.layout.timeline ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.layout.timeline ul li h3, .layout.timeline ul li .collapse .collapse-heading, .collapse .layout.timeline ul li .collapse-heading {
  font-family: "Montserrat", helvetica, arial, sans-serif;
}
.layout.tech-specs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 30px;
}
.layout.tech-specs ul li {
  border: 1px solid white;
  border-radius: 1em;
  padding: 1rem;
  opacity: 0;
}
.layout.tech-specs ul li h4, .layout.tech-specs ul li .event-date {
  opacity: 0.9;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.layout.tech-specs ul li p, .layout.tech-specs ul li div {
  font-size: 87.5%;
}
.layout.tech-specs ul li p:last-child, .layout.tech-specs ul li div:last-child {
  margin-bottom: 0;
}
.layout.tech-specs ul li .figure {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}
.layout.tech-specs ul li:nth-child(2) {
  animation-delay: 0.2s;
}
.layout.tech-specs ul li:nth-child(3) {
  animation-delay: 0.3s;
}
.layout.tech-specs ul li:nth-child(4) {
  animation-delay: 0.4s;
}
.layout.tech-specs ul li:nth-child(5) {
  animation-delay: 0.5s;
}
.layout.tech-specs ul li:nth-child(6) {
  animation-delay: 0.6s;
}
.layout.lessons ul, .layout.icon-blocks ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 30px;
}
.layout.lessons ul li, .layout.icon-blocks ul li {
  border: 1px solid white;
  border-radius: 1em;
  padding: 1.5rem;
  display: grid;
  gap: 20px;
}
.layout.lessons ul li figure, .layout.icon-blocks ul li figure {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: center;
}
.layout.lessons ul li figure i, .layout.icon-blocks ul li figure i {
  font-size: 3vw;
}
.layout.lessons ul li img, .layout.icon-blocks ul li img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
  width: 100%;
  padding: 10px;
  max-width: 200px;
  margin: 0 auto;
}
.layout.lessons ul li p:last-child, .layout.icon-blocks ul li p:last-child {
  margin-bottom: 0;
}
.layout.partners ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 40px;
}
.layout.partners ul li img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  margin-bottom: 1rem;
}

/* =case study index
--------------------------------------------------------------------*/
.cs-index {
  display: grid;
  gap: 30px;
}

.cs-card {
  display: grid;
  gap: 0;
  border-radius: 9px;
  overflow: hidden;
}
.cs-card--thumb {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0;
  display: flex;
}
.cs-card--thumb img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.cs-card--text {
  padding: 1.5rem;
}

/* =media queries
--------------------------------------------------------------------*/
@media screen and (max-width: 720px) {
  h1 {
    font-size: 185%;
  }
  h2 {
    font-size: 160%;
  }
  #branding #logo {
    width: 50.5%;
    max-width: 250px;
  }
  #branding #logo a {
    background-image: url(images/logos/d2z-logo-horizontal-inverse.svg);
    padding-top: 10%;
  }
  #branding.fixed {
    padding: 0.75rem 0;
  }
  #branding.fixed #logo {
    margin: 0;
    width: 20.5%;
  }
  .poster--image, .poster--text {
    width: 100%;
    clear: both;
  }
  .poster--image {
    order: 1;
  }
  .poster.event-promo {
    grid-template-columns: 1fr;
  }
  img.size-medium {
    width: 100%;
    clear: both;
    margin: 0 0 1rem 0;
  }
  #bottom .follow-cta {
    width: 100%;
  }
  flex-wrap:wrap .layout.photo_spred--photo {
    width: 100%;
  }
  .layout.timeline ul li {
    padding: 1rem 0 0;
    border: 0;
    border-bottom: 1px solid #ccc;
  }
  .layout.timeline ul li h3, .layout.timeline ul li .collapse .collapse-heading, .collapse .layout.timeline ul li .collapse-heading {
    font-size: 150%;
    margin-bottom: 10px;
  }
  .layout.timeline ul li p {
    padding-left: 1rem;
  }
  .layout.lessons ul li figure, .layout.icon-blocks ul li figure {
    aspect-ratio: unset;
  }
  .layout.lessons ul li figure i, .layout.icon-blocks ul li figure i {
    font-size: 25vw;
  }
  .agenda-table thead, .agenda-table th {
    display: none;
  }
  .agenda-table td {
    display: block;
    width: 100% !important;
  }
  .agenda-table td:first-child {
    border-bottom: 1px dotted #999;
    color: #004789;
    font-weight: 700;
  }
  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-height: 800px) {
  #policy-suite-nav {
    position: relative !important;
    margin: 2rem 0;
  }
  #sidebar-content {
    line-height: 1.2;
  }
}
@media screen and (min-height: 801px) {
  #policy-suite-nav.fixed {
    position: fixed;
    bottom: 0;
    z-index: 500;
  }
  #sidebar-content {
    overflow: scroll;
  }
}
@media screen and (min-width: 721px) {
  .poster {
    display: flex;
  }
  .poster.event-promo {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .poster.event-promo .poster--image,
  .poster.event-promo .poster--text {
    width: 100%;
  }
  .poster .poster--image,
  .poster .poster--text {
    flex-basis: 50vw;
    flex-direction: row;
  }
  .pledge-cta-sidebar {
    float: right !important;
    width: 30%;
  }
  #module-news .contain, #module-news .articles {
    display: flex;
    flex-wrap: wrap;
  }
  #module-news .articles {
    justify-content: space-between;
  }
  #module-news h2 {
    clear: both;
    width: 100%;
  }
  #module-news .news-item {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
    flex-basis: 50%;
    flex-grow: 1;
  }
  #module-news .news-item--excerpt {
    flex-grow: 1;
  }
  p img.size-medium {
    max-width: calc(50% - 1rem);
  }
  #module-news-featured .news-item {
    align-items: center;
    justify-content: space-between;
  }
  #module-news-featured .news-item .card--thumb, #module-news-featured .news-item--excerpt {
    width: 45%;
  }
  #module-news-featured .news-item--excerpt h3 a, #module-news-featured .news-item--excerpt .collapse .collapse-heading a, .collapse #module-news-featured .news-item--excerpt .collapse-heading a {
    font-weight: 700;
    font-size: 110%;
  }
  .layout.photo_spread--photo {
    width: 50%;
  }
  .layout.timeline ul li {
    display: grid;
    grid-template-columns: 5fr 7fr;
    align-items: center;
    grid-column-gap: 20px;
  }
  .layout.timeline ul li h3, .layout.timeline ul li .collapse .collapse-heading, .collapse .layout.timeline ul li .collapse-heading, .layout.timeline ul li p {
    margin: 0;
    padding: 30px 0;
    height: 100%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
  }
  .layout.timeline ul li h3, .layout.timeline ul li .collapse .collapse-heading, .collapse .layout.timeline ul li .collapse-heading {
    border-right: 1px solid #68A319;
    text-align: right;
    font-size: 270%;
    padding-right: 20px;
    justify-content: flex-end;
  }
  .layout.timeline ul li h3::after, .layout.timeline ul li .collapse .collapse-heading::after, .collapse .layout.timeline ul li .collapse-heading::after {
    content: "";
    width: 16px;
    border-top: 1px solid #68A319;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -8px;
  }
  .layout.tech-specs ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .layout.tech-specs ul li {
    text-align: center;
  }
  .layout.lessons ul li, .layout.icon-blocks ul li {
    grid-template-columns: 10vw 1fr;
    align-items: center;
  }
  .layout.lessons ul li figure, .layout.icon-blocks ul li figure {
    aspect-ratio: 1/1;
  }
  .layout.lessons ul li figure i, .layout.icon-blocks ul li figure i {
    font-size: 6vw;
  }
  .gallery {
    grid-template-columns: repeat(4, 1fr);
  }
  .gallery-size-medium {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 770px) {
  body {
    transition: all 0.3s ease;
    width: 100%;
    font-size: 1rem;
  }
  body.dropped {
    margin-left: -100%;
  }
  #primary, #sidebar {
    width: 100% !important;
    clear: both;
    padding-top: 2rem;
  }
  #sidebar-content {
    position: relative !important;
    top: auto !important;
  }
  #bottom p {
    margin: 0 auto 1em;
  }
  .mou-flags {
    grid-template-columns: repeat(3, 1fr);
  }
  .mou-logos {
    grid-template-columns: repeat(4, 1fr);
  }
  .layout.partners ul {
    gap: 30px;
  }
  .layout.partners ul li {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
    align-items: center;
  }
  .layout.partners ul li img {
    aspect-ratio: 1/1;
    margin: 0;
  }
  .layout.partners ul li img + br {
    display: none;
  }
  .layout.photo_spread--photo {
    width: 100%;
  }
  .layout.photo_spread--photo img {
    aspect-ratio: 16/9;
  }
  .cs-card--thumb img {
    aspect-ratio: 16/9;
  }
}
@media screen and (min-width: 771px) {
  #primary.has-sidebar {
    float: left;
    width: 58%;
    margin: 0;
  }
  #sidebar {
    float: right;
    width: 28%;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  .event-index .event-promo .poster--text {
    width: 58%;
  }
  .event-index .event-promo .poster--image {
    width: 28%;
    float: right;
  }
  #bottom p {
    margin-bottom: 0;
  }
  #bottom .logo-footer,
  #bottom .follow-cta {
    float: left;
  }
  #bottom .copyright {
    float: right;
    text-align: right;
  }
  #module-news .news-item {
    flex-basis: 28%;
    flex-grow: 0;
  }
  .page-id-13 .contact-intro {
    float: left;
    width: 28%;
  }
  .page-id-13 .contact-form {
    float: right;
    width: 50.5%;
  }
  .layout.partners ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .layout.partners ul li {
    overflow: hidden;
    text-align: center;
  }
  .layout.partners ul li img {
    aspect-ratio: 3/2;
    width: 100%;
    margin: 0;
    display: block;
    padding: 1rem;
  }
  .layout.partners ul li div {
    transition: all 0.2s ease;
    font-size: 87.5%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transform: translateY(100%);
    opacity: 0;
    background: rgba(0, 71, 137, 0.92);
    padding: 1.5rem;
    color: white;
  }
  .layout.partners ul li:hover div {
    transform: none;
    opacity: 1;
  }
  .layout.photo_spread--photo {
    flex-basis: 50%;
    flex-grow: 1;
  }
  .layout.photo_spread--photo img {
    aspect-ratio: 3/2;
  }
  .cs-card {
    grid-template-columns: 1fr 2fr;
  }
  .cs-card--text {
    padding: 2.5rem;
  }
}
@media screen and (max-width: 1030px) {
  #bottom .follow-cta {
    font-size: 110%;
  }
}
@media screen and (min-width: 1031px) {
  .layout.timeline ul li {
    grid-template-columns: 3fr 9fr;
  }
  .layout.tech-specs ul {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (orientation: landscape) and (max-height: 650px) {
  #branding #logo {
    max-width: 200px;
  }
}

/*# sourceMappingURL=style.css.map */