@charset "UTF-8";
/*
Theme Name: Drive To Zero
Author: Aside Project Studio
Author URI: http://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: .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: #77bc1f; }

#navmain ul li.current-menu-item a, #navmain ul li.current-page-ancestor a { color: #77bc1f; }

#navmain ul li:hover > a { color: #77bc1f; }

#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: #77bc1f; }

.trigger:hover path { fill: #77bc1f; }

@media screen and (max-width: 770px) { /*-- main nav --------------------------------*/ #navmain, #branding.fixed #navmain { -webkit-transform: translateX(100%); transform: translateX(100%); transition: all 0.3s ease; position: fixed; top: 0; left: 0; min-height: 100vh; background-color: rgba(119, 188, 31, 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 { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } #slide-trigger { transition: all 0.2s ease; position: absolute; top: 50%; -webkit-transform: translateY(-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: #77bc1f; } #slide-trigger:hover svg path { fill: #77bc1f; } body.page-template-page-home #slide-trigger svg path { fill: white; } body.page-template-page-home #slide-trigger:hover svg path { fill: #77bc1f; } body.page-template-page-home #branding.fixed #slide-trigger svg path { fill: white; } .trigger { display: block; } .bars, .closex { width: 30px; height: 30px; margin-left: .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: 74.43182%; position: absolute; top: 50%; -webkit-transform: translateY(-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 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 0.2s ease; background: rgba(255, 255, 255, 0.9); border: 1px solid #efefef; font-size: 94%; width: 12rem; visibility: hidden; opacity: 0; top: calc( 100% + 2px); z-index: 19999; } #navmain ul li ul:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -7px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #efefef; border-left: 7px solid transparent; content: ''; } #navmain ul li ul li { width: 100%; } #navmain ul li ul li a { line-height: 0; padding: .7rem .5rem; height: auto; color: #004789; } #navmain ul li ul li ul { -webkit-transform: none; transform: none; box-shadow: none; border: none; width: 100%; font-size: 87.5%; left: auto; position: relative; display: block; background: transparent; visibility: visible; opacity: 1; top: auto; margin: -.5em 0 .5em 0; } #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: #77bc1f; } #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; } 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: #77bc1f; } #branding.fixed #navmain ul li ul:before { border-bottom-color: #77bc1f; } #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: .5rem .7rem; } }

/* =12-column grid setup
--------------------------------------------------------------------*/
.col { margin: 0 1.13636%; position: relative; display: inline-block; float: left; min-height: 1px; }

.first { margin-left: 0; }

.last { margin-right: 0; }

.unit1 { width: 6.25%; }

.unit2 { width: 14.77273%; }

.unit3 { width: 23.29545%; }

.unit4 { width: 31.81818%; }

.unit5 { width: 40.34091%; }

.unit6 { width: 48.86364%; }

.unit7 { width: 57.38636%; }

.unit8 { width: 65.90909%; }

.unit9 { width: 74.43182%; }

.unit10 { width: 82.95455%; }

.unit11 { width: 91.47727%; }

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

.columns { -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; -webkit-column-rule: none; -moz-column-rule: none; column-rule: none; -webkit-column-width: 300px; -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; -webkit-column-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 { -webkit-column-break-after: avoid; 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 { -webkit-column-count: 2; -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%, #77bc1f 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 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: .5rem; }

#hero .hero-text p { margin-bottom: .5rem; }

#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 #hero-slider { margin: 0; padding: 0; list-style: none; margin: .5rem 0 1rem; }

#hero #hero-slider .slide-title .slide-title--title { text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); color: #77bc1f; color: white; margin-bottom: .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 { height: 0; padding-top: 56.25%; width: 100%; }

#hero .hero-colophon { /* Fallback for sad browsers */ background-color: transparent; /* Mozilla Firefox */ /* Opera */ /* WebKit (Chrome 11+) */ /* WebKit (Safari 5.1+, Chrome 10+) */ /* IE10 */ /* W3C */ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); position: absolute; bottom: 0; width: 100%; color: white; z-index: 10; text-transform: uppercase; color: white; padding: .5rem 1rem; background: #77bc1f; 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; }

body.page-template-page-zet-expo #hero .page-header { display: none; }

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

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

@media screen and (max-height: 720px) { body.page-template-page-home #hero, body.page-template-page-zet-expo #hero { padding: 10rem 0 6rem; } }

@media screen and (max-width: 540px) { #hero .hero-text { font-size: 170%; } #hero .hero-colophon a { font-size: 75%; letter-spacing: 0; } }

@media screen and (max-width: 770px) { #hero .hero-text { padding-bottom: 4rem; } }

@media screen and (orientation: landscape) and (max-height: 770px) { #hero .hero-text { padding-bottom: 5%; top: auto; } }

@media screen and (orientation: portrait) { body.page-template-page-home #hero, body.page-template-page-zet-expo #hero { max-height: 70vh; } }

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

fieldset { padding: 0; border: none; }

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

input[type='text'], input[type='email'], input[type='tel'], input[type='search'], input[type='url'], textarea, select { font-family: "Montserrat", helvetica, arial, sans-serif; font-size: 100%; display: block; width: 100%; max-width: 700px; border: 1px solid #ccc; padding: .75em; height: 2.5em; }

::-webkit-input-placeholder { color: #cacac5; }

::-moz-placeholder { color: #cacac5; }

::placeholder { color: #cacac5; }

input:focus, textarea:focus, select:focus { border-color: #77bc1f; }

input[type="radio"], input[type="checkbox"] { margin-right: .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: .6em 1.5em; letter-spacing: .4px; font-family: "Oswald", helvetica, arial, sans-serif; font-weight: 600; font-size: 1rem; background: #004789; color: white !important; }

input[type='submit']:hover, input[type='button']:hover, .button:hover, button:hover { color: white !important; background: #77bc1f; }

input[type='submit'].reversed, .neg button[type='submit'], .neg input[type='submit'], .cta input[type='submit'], .poster.bg-black input[type='submit'], .poster.bg-blue-grad input[type='submit'], .poster.bg-dark input[type='submit'], .poster.bg-green input[type='submit'], input[type='button'].reversed, .neg button[type='button'], .neg input[type='button'], .cta input[type='button'], .poster.bg-black input[type='button'], .poster.bg-blue-grad input[type='button'], .poster.bg-dark input[type='button'], .poster.bg-green input[type='button'], .button.reversed, .neg .button, .cta .button, .poster.bg-black .button, .poster.bg-blue-grad .button, .poster.bg-dark .button, .poster.bg-green .button, button.reversed, .neg button, .cta button, .poster.bg-black button, .poster.bg-blue-grad button, .poster.bg-dark button, .poster.bg-green button, .neg button { background: transparent; color: white; border: 1px solid white; }

input[type='submit'].reversed:hover, .neg input[type='submit']:hover, .cta input[type='submit']:hover, .poster.bg-black input[type='submit']:hover, .poster.bg-blue-grad input[type='submit']:hover, .poster.bg-dark input[type='submit']:hover, .poster.bg-green input[type='submit']:hover, input[type='button'].reversed:hover, .neg input[type='button']:hover, .cta input[type='button']:hover, .poster.bg-black input[type='button']:hover, .poster.bg-blue-grad input[type='button']:hover, .poster.bg-dark input[type='button']:hover, .poster.bg-green input[type='button']:hover, .button.reversed:hover, .neg .button:hover, .cta .button:hover, .poster.bg-black .button:hover, .poster.bg-blue-grad .button:hover, .poster.bg-dark .button:hover, .poster.bg-green .button:hover, button.reversed:hover, .neg button:hover, .cta button:hover, .poster.bg-black button:hover, .poster.bg-blue-grad button:hover, .poster.bg-dark button:hover, .poster.bg-green button:hover { background: #77bc1f; color: white; }

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

select { width: auto; padding: 0 .75em; }

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

/*-- Gravity forms specific styles
--------------------------------*/
.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: .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 { *zoom: 1; margin-bottom: 1rem; }

.gform_wrapper .gfield:before, .gform_wrapper .gfield:after { content: " "; /* 1 */ display: table; /* 2 */ height: 0; width: 100%; }

.gform_wrapper .gfield:after { clear: both; }

.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: .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: .5rem; }

.gform_wrapper .totalfield label, .gform_wrapper .totalfield .ginput_container { display: inline-block; margin-right: .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: .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; }

.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: .5em center; padding-left: 2em; }

.gform_wrapper .ginput_container_date .ui-datepicker-trigger { margin-left: .5rem; }

#content .gform_wrapper { padding-bottom: 2rem; }

/*-- datepicker div
--------------------------------*/
div#ui-datepicker-div { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); padding: .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: .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 (min-width: 341px) { .gform_wrapper .ginput_complex span { display: block; float: left; width: 49%; } .gform_wrapper .ginput_complex span:first-of-type { margin-right: 2%; } }

@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: #2ca9e1; }

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: #2ca9e1; }

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: .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: #77bc1f; }

.sharing-module .sharing-title:hover span path { fill: #77bc1f; }

.sharing-module .positioner { float: left; min-width: 50%; height: 26px; overflow: hidden; }

.sharing-module .share-icon { display: block; }

.sharing-module .sharing-links { -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: all 0.2s ease; float: left; position: relative; left: 0; opacity: 0; }

.sharing-module.open .sharing-links { -webkit-transform: none; 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: .5rem; }

#charts-text h4, #charts-text .event-date { letter-spacing: 0; margin-bottom: .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%; -webkit-transform: translateY(-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: .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%; -webkit-transform: translateY(-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.0; }

.slick-prev:hover path, .slick-prev:focus path, .slick-next:hover path, .slick-next:focus path { fill: #77bc1f; }

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

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

#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: #77bc1f; }

#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: 65.90909%; float: left; /* position: absolute; left: 0; top: 75%; */ } #charts.full, #carousel.full { width: 100%; clear: both; } #charts .slide-text { width: 31.81818%; float: right; } #charts.full .slide-text { width: 100%; clear: both; } #charts-text { width: 31.81818%; 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: .5rem .75rem; text-decoration: none; color: #004789; font-weight: 700; }

.cat-buttons--cat--name:visited { color: #004789; }

.cat-buttons--cat--name:hover { color: #77bc1f; }

.cat-buttons--cat.current-cat { border-color: #77bc1f; }

.cat-buttons--cat.current-cat .cat-buttons--cat--name { color: #77bc1f; }

.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.27273%; 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 .entry-meta, .pubindex .card .entry-meta { color: #004789; }

.blogindex .card .entry-summary, .pubindex .card .entry-summary { flex-grow: 1; padding-bottom: .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: #77bc1f; }

.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: #77bc1f; }

.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%; -webkit-transform: translate3d(-50%, -50%, 0); 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.event-cat.cat-press-events { background-image: url(images/icons/icon-press-event.png); }

.cat-heading.post-cat.cat-workshops, .cat-heading.event-cat.cat-workshops { background-image: url(images/icons/icon-workshop.png); }

.cat-heading.post-cat.cat-multi-media, .cat-heading.event-cat.cat-multi-media { 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 .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: .75rem; text-decoration: none; }

.category-list li.current-cat a { color: #77bc1f; }

@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: 65.90909%; float: right; } .pubcats { width: 31.81818%; float: left; padding-right: 1rem; } }

/*-- Large graphic buttons
--------------------------------*/
.graphic-buttons { float: left; width: 100%; clear: both; text-align: center; }

.graphic-buttons .flex-container { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -1rem; }

.graphic-buttons.asnav { border-top: 1px solid #efefef; padding-top: 3%; }

.graphic-button { transition: all 0.2s ease; width: 47%; flex-basis: 47%; background-color: #004789; text-align: center; margin: 0 1.5% 3%; flex-grow: 1; overflow: hidden; }

.graphic-button .button-pad { transition: all 0.2s ease; background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 75%; 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 { -webkit-transform: translateY(100%); 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: #0061bc; }

.graphic-button:hover .button-pad { opacity: 0.3; }

.graphic-button.has-excerpt:hover .button-content { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.graphic-button.has-excerpt:hover .button-excerpt { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

/* =quote cards
--------------------------------------------------------------------*/
.quote-cards { clear: both; width: 100%; margin: 2rem -1.5%; display: flex; flex-wrap: wrap; }

.quote-cards--card { transition: all 0.2s ease; background-color: #004789; background: radial-gradient(circle, #0061bc 0%, #004789 100%); background-color: #0061bc; text-align: center; color: white; width: 30%; margin: 0 1.5% 3%; flex-basis: 30%; 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: #0061bc; }

@media screen and (max-width: 600px) { .graphic-button { width: 100%; flex-basis: 100%; } .graphic-button .button-pad { padding-top: 40%; } .to .graphic-button .button-pad { padding-top: 30%; } }

@media screen and (min-width: 601px) { .graphic-buttons#zet-expo .graphic-button { width: 47%; flex-basis: 47%; } .graphic-buttons#zet-expo .graphic-button:first-child { width: 100%; flex-basis: 100%; } .graphic-buttons#zet-expo .graphic-button:first-child .button-pad { padding-top: 45%; } .graphic-buttons.asnav .graphic-button { width: 47%; flex-basis: 47%; } .graphic-buttons.to .graphic-button .button-pad { padding-top: 33%; } }

@media screen and (min-width: 741px) { .graphic-buttons.asnav .graphic-button { width: 22%; flex-basis: 22%; } .graphic-buttons.threeup .graphic-button { width: 30%; flex-basis: 30%; } body.page-id-11 .graphic-buttons.threeup .graphic-button { width: 22%; flex-basis: 22%; } body.page-id-11 .graphic-buttons.threeup .graphic-button .button-pad { padding-top: 125%; } body.page-id-11 .graphic-buttons.threeup .graphic-button h3, body.page-id-11 .graphic-buttons.threeup .graphic-button .collapse .collapse-heading, .collapse body.page-id-11 .graphic-buttons.threeup .graphic-button .collapse-heading { font-size: 145%; } body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(1), body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(2) { width: 47%; flex-basis: 47%; } body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(1) .button-pad, body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(2) .button-pad { padding-top: 50%; } body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(1) h3, body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(1) .collapse .collapse-heading, .collapse body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(1) .collapse-heading, body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(2) h3, body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(2) .collapse .collapse-heading, .collapse body.page-id-11 .graphic-buttons.threeup .graphic-button:nth-of-type(2) .collapse-heading { font-size: 175%; } }

@media print { /* ============================================================================= Print Styles ========================================================================== */ * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; } body { font-size: 10pt; margin: .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: #77bc1f; font-family: "Montserrat", helvetica, arial, sans-serif; font-style: normal; font-weight: 500; font-size: 100%; line-height: 1.5; color: #66665d; }

::-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: #77bc1f; text-decoration: none; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

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

h1, h2, h3, .collapse .collapse-heading, h4, .event-date, h5, h6 { font-family: "Montserrat", helvetica, arial, sans-serif; font-style: normal; font-weight: 500; line-height: 1.1; color: #77bc1f; margin: 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: #77bc1f; }

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: #77bc1f !important; text-decoration: underline; }

.neg h1, .cta h1, .poster.bg-black h1, .poster.bg-blue-grad h1, .poster.bg-dark h1, .poster.bg-green h1, .neg h2, .cta h2, .poster.bg-black h2, .poster.bg-blue-grad h2, .poster.bg-dark h2, .poster.bg-green h2, .neg h3, .neg .collapse .collapse-heading, .collapse .neg .collapse-heading, .cta h3, .cta .collapse .collapse-heading, .collapse .cta .collapse-heading, .poster.bg-black h3, .poster.bg-black .collapse .collapse-heading, .collapse .poster.bg-black .collapse-heading, .poster.bg-blue-grad h3, .poster.bg-blue-grad .collapse .collapse-heading, .collapse .poster.bg-blue-grad .collapse-heading, .poster.bg-dark h3, .poster.bg-dark .collapse .collapse-heading, .collapse .poster.bg-dark .collapse-heading, .poster.bg-green h3, .poster.bg-green .collapse .collapse-heading, .collapse .poster.bg-green .collapse-heading, .neg h4, .neg .event-date, .cta h4, .cta .event-date, .poster.bg-black h4, .poster.bg-black .event-date, .poster.bg-blue-grad h4, .poster.bg-blue-grad .event-date, .poster.bg-dark h4, .poster.bg-dark .event-date, .poster.bg-green h4, .poster.bg-green .event-date, .neg h5, .cta h5, .poster.bg-black h5, .poster.bg-blue-grad h5, .poster.bg-dark h5, .poster.bg-green h5, .neg h6, .cta h6, .poster.bg-black h6, .poster.bg-blue-grad h6, .poster.bg-dark h6, .poster.bg-green 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: #b2b2aa; letter-spacing: .05em; }

.neg h4, .neg .event-date, .cta h4, .cta .event-date, .poster.bg-black h4, .poster.bg-black .event-date, .poster.bg-blue-grad h4, .poster.bg-blue-grad .event-date, .poster.bg-dark h4, .poster.bg-dark .event-date, .poster.bg-green h4, .poster.bg-green .event-date { color: #b2b2aa; }

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; -webkit-transform: translateX(0); transform: translateX(0); }

hr { border: 0; border-top: 1px solid #66665d; 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; font-style: italic; }

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

/*!-- 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: 100%; max-width: 1056px; clear: both; text-align: center; }

#main, .contain { margin-left: auto; margin-right: auto; position: relative; width: 90%; max-width: 1056px; 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: 75%; line-height: 1.3; }

#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 .widget_recent_entries ul li { margin-bottom: 1rem; }

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

.neg, .cta, .poster.bg-black, .poster.bg-blue-grad, .poster.bg-dark, .poster.bg-green { color: white; }

.highlight { background: radial-gradient(circle, #0061bc 0%, #004789 100%); background-color: #0061bc; padding: 2rem; color: white; width: 100%; float: left; margin-bottom: 2rem; }

.highlight img.alignleft { max-width: 33%; }

.highlight * { color: white; }

.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: .6em 1.5em; letter-spacing: .4px; font-family: "Oswald", helvetica, arial, sans-serif; font-weight: 600; font-size: 1rem; background: #004789; color: white !important; }

.highlight p:last-child a:hover { color: white !important; background: #77bc1f; }

.highlight p:last-child a.reversed, .neg .highlight p:last-child a, .cta .highlight p:last-child a, .poster.bg-black .highlight p:last-child a, .poster.bg-blue-grad .highlight p:last-child a, .poster.bg-dark .highlight p:last-child a, .poster.bg-green .highlight p:last-child a { background: transparent; color: white; border: 1px solid white; }

.highlight p:last-child a.reversed:hover, .neg .highlight p:last-child a:hover, .cta .highlight p:last-child a:hover, .poster.bg-black .highlight p:last-child a:hover, .poster.bg-blue-grad .highlight p:last-child a:hover, .poster.bg-dark .highlight p:last-child a:hover, .poster.bg-green .highlight p:last-child a:hover { background: #77bc1f; color: white; }

/*-- 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: 23.29545%; max-width: 250px; margin: 1rem 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); }

/*-- Footer
--------------------------------*/
#bottom { background: #77bc1f; padding: 1.5rem 0; color: white; }

#bottom a, #bottom a:hover { color: white; }

#bottom .logo-footer { width: 48.86364%; max-width: 240px; }

#bottom .follow-cta { width: 48.86364%; 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: .5rem; }

#bottom .follow-cta img { display: inline-block; width: 1.2em; float: left; margin-right: .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: gray; }

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

.wp-caption { text-align: center; }

.wp-caption img { margin: 0 0 .25rem 0; }

.wp-caption .wp-caption-text { margin: .5rem 0; font-size: 85%; line-height: 1.3; }

td .wp-caption { width: 100% !important; }

td .wp-caption img { width: 100% !important; }

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 gray; background: #efefef; padding: 2.27273%; margin-bottom: 2rem; }

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

.alert *, .validation_error *, .gform_confirmation_message * { color: #333; }

.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 gray; background: #ccc; padding: 2.27273%; 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: #77bc1f; }

.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: flex; flex-direction: row-reverse; background-color: #004789; background-size: cover; background-repeat: no-repeat; }

.poster--image, .poster--text { width: 50%; float: left; aspect-ratio: 16/9; }

.poster--image { float: right; 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) { flex-direction: row; }

.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: #77bc1f; }

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

.poster.centerflex { margin-top: 1rem; margin-bottom: 0; }

.poster.centerflex > .contain { display: flex; flex-wrap: wrap; min-height: 30vh; align-content: center; }

.poster.bg-green { background: #77bc1f; }

.poster.bg-green a { color: white; }

.poster.bg-dark * { color: white; }

.poster.bg-blue-grad { background: radial-gradient(circle, #004789 0%, #0061bc 100%); background-color: #004789; }

.poster.bg-blue-grad a { color: #77bc1f; }

.poster.bg-black { background: #353535; }

.poster.bg-black * { color: #efefef; }

.poster.bg-black a { color: white; }

.poster.bg-white { background: white; }

.poster.bg-gray { background: #efefef; color: #66665d; }

.poster.bg-gray a { color: #004789; }

.poster h2, .poster h2 a { color: #77bc1f; }

.poster.padded { padding: 2rem 0; }

#module-news .news-item { padding: 1rem 0; }

#module-news .news-item .card--thumb { margin-bottom: .5rem; }

#module-news .news-item--excerpt { flex-grow: 1; }

#module-news-featured .news-item { display: flex; }

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

.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: .5rem 0 .5rem 0; border-bottom: 1px solid #ccc; }

.collapse .collapse-heading, .collapse .collapse-content { padding: .5rem 0; margin: 0; }

.collapse .collapse-heading { cursor: pointer; }

.collapse .collapse-heading span { display: inline-block; }

.collapse .collapse-heading .indicator { font-size: .8em; margin-left: 1em; }

.collapse .collapse-heading:hover { color: #004789; }

.collapse .collapse-heading.open .indicator-inner { -webkit-transform: rotate(90deg); 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; }

/* =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: #77bc1f; }

/* =tables
--------------------------------------------------------------------*/
table.agenda-table, table.speaker-table { width: 100%; margin-bottom: 2rem; border-width: 1px 0; border: none; border-collapse: collapse; }

table.agenda-table tr, table.speaker-table tr { border-bottom: 1px solid #004789; background: transparent; }

table.agenda-table tr:nth-of-type(odd), table.speaker-table tr:nth-of-type(odd) { background: #efefef; }

table.agenda-table thead, table.agenda-table th, table.agenda-table thead tr, table.speaker-table thead, table.speaker-table th, table.speaker-table thead tr { background: white; }

table.agenda-table th, table.speaker-table th { text-align: left; color: #004789; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #004789; }

table.agenda-table td, table.agenda-table th, table.speaker-table td, table.speaker-table th { padding: .75em; vertical-align: top; }

table.agenda-table td ul:last-child, table.agenda-table td p:last-child, table.speaker-table td ul:last-child, table.speaker-table td p:last-child { margin-bottom: 0; }

table.agenda-table h3, table.agenda-table .collapse .collapse-heading, .collapse table.agenda-table .collapse-heading, table.speaker-table h3, table.speaker-table .collapse .collapse-heading, .collapse table.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 td { padding: .5rem; vertical-align: top; }

.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 #0061bc; }

.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%; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.2s ease; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); bottom: 0; background: #0061bc; 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%; -webkit-transform: translateX(-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: .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 .5rem; position: relative; cursor: pointer; }

.info_icon:hover .tooltip { width: 20rem; bottom: 130%; }

.mou-flags, .mou-logos { display: flex; flex-wrap: wrap; margin: 0 -1.25% 1rem; justify-content: center; }

.mou-flags div, .mou-flags p { display: block; margin: 0 1.25% 2.5%; width: 22.5%; text-align: center; font-size: 75%; line-height: 1.2; }

.mou-flags img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); display: inline-block; width: 100%; }

.mou-logos { align-items: center; }

.mou-logos img { width: 16%; margin: 0 1.25% 2.5%; max-width: 150px; }

/* =MOU Tracker Dashboard
--------------------------------------------------------------------*/
#tracker-wheel { float: left; width: 55%; }

#tracker-info { float: left; width: 45%; 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; }

.section .indicator path { fill: white; }

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

.section:hover .indicator path { fill: #ffd900; stroke: #ffd900; }

.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-info .st1, #tracker-key .st1 { fill: #FFFFFF; }

#tracker-wheel .st2, #tracker-info .st2, #tracker-key .st2 { fill: #5B9BD5; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st3, #tracker-info .st3, #tracker-key .st3 { fill: #6FAD47; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st4, #tracker-info .st4, #tracker-key .st4 { fill: #C00100; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st5, #tracker-info .st5, #tracker-key .st5 { fill: #FFD966; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st6, #tracker-info .st6, #tracker-key .st6 { fill: #F8CBAD; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st7, #tracker-info .st7, #tracker-key .st7 { fill: #DDEBF7; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st8, #tracker-info .st8, #tracker-key .st8 { fill: #E2EFDA; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st9, #tracker-info .st9, #tracker-key .st9 { fill: #FF7C80; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st10, #tracker-info .st10, #tracker-key .st10 { fill: #FFF2CC; stroke: #FFFFFF; stroke-miterlimit: 10; }

#tracker-wheel .st11, #tracker-info .st11, #tracker-key .st11 { fill: #DBDBDB; stroke: #FFFFFF; stroke-miterlimit: 10; }

#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: 8.1513px; }

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

/* =media queries
--------------------------------------------------------------------*/
@media screen and (max-width: 540px) { body { font-size: 90%; } h1 { font-size: 185%; } h2 { font-size: 160%; } #branding #logo { width: 57.38636%; max-width: 250px; } #branding #logo a { background-image: url(images/logos/d2z-logo-horizontal-inverse.svg); padding-top: 10%; } #branding.fixed { padding: .75rem 0; } #branding.fixed #logo { margin: 0; width: 23.29545%; } .poster { flex-wrap: wrap; } .poster .poster--image, .poster .poster--text { width: 100%; clear: both; } .poster .poster--image { padding-top: 50%; } img.size-medium { width: 100%; clear: both; margin: 0 0 1rem 0; } }

@media screen and (min-width: 541px) { .poster .poster--image, .poster .poster--text { flex-basis: 50vw; } article#post-74 { width: 65%; float: left; } .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%; } }

@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; } #bottom { text-align: center; } #bottom p { margin: 0 auto 1em; } .mou-flags div, .mou-flags p { width: 30%; } .mou-logos img { width: 22.5%; } }

@media screen and (min-width: 771px) { #primary.has-sidebar { float: left; width: 65.90909%; margin: 0; } #sidebar { float: right; width: 31.81818%; padding-top: 2rem; } .event-index .event-promo .poster--text { width: 65.90909%; } .event-index .event-promo .poster--image { width: 31.81818%; 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: 31.81818%; } .page-id-13 .contact-form { float: right; width: 57.38636%; } }

@media (orientation: landscape) and (max-height: 650px) { #branding #logo { max-width: 200px; } }
/*# sourceMappingURL=style.css.map */