/*
Theme Name: Wisconsin Policy Forum
Theme URI: http://wispolicyforum.org
Author: Foresite Group
Author URI: https://foresitegrp.com
Description: Child theme of Twenty Seventeen
Version: 1.0

400 - OpenSans-Regular
600 - OpenSans-SemiBold
700 - OpenSans-Bold
800 - OpenSans-ExtraBold

font-family: 'Open Sans', sans-serif;
font-family: 'Geometos', sans-serif;

#1C305B - blue
#24A9E0 - light blue
#FE7004 - orange
#FF5555 - red
*/

@font-face {
  font-family: 'Geometos';
  src:url('inc/fonts/Geometos.ttf.woff') format('woff'),
      url('inc/fonts/Geometos.ttf.svg#Geometos') format('svg'),
      url('inc/fonts/Geometos.ttf.eot'),
      url('inc/fonts/Geometos.ttf.eot?#iefix') format('embedded-opentype'); 
  font-weight: normal;
  font-style: normal;
}

BODY {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: #474747;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4em;
}

IMG { border: 0; }

HR {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000000;
  margin: 1em 0;
  padding: 0;
}

A:link, A:visited {
  color: #24A9E0;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

A:hover, A:active {
  color: #1C305B;
  text-decoration: none;
}

P { margin: 0 0 1.5em; }

LABEL {
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1em;
}

INPUT[type="text"],
INPUT[type="email"],
INPUT[type="tel"],
INPUT[type="number"] {
  outline: 0;
  border: 2px solid #CCCCCC;
  background: #FFFFFF;
  color: #5B5B5B;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  padding: 6px 8px;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.select,
.wpf-select .nf-field-element {
  position: relative;
  border: 2px solid #CCCCCC;
  background: #FFFFFF;
  display: inline-block;
  margin-left: 0.5em;
}

.select::before,
.wpf-select .nf-field-element::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
  font-size: 25px;
  position: absolute;
  top: -2px;
  right: -2px;
  width: 35px;
  height: 35px;
  border: 2px solid rgba(204,204,204,0.5);
  border-left-color: #1C305B;
  box-sizing: border-box;
  padding-top: 3px;
  background: #1C305B;
  color: #FFFFFF;
  text-align: center;
}

.wpf-select .nf-field-element::before { padding-top: 2px; }

.select SELECT,
.wpf-select .nf-field-element SELECT {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0 41px 0 8px;
  height: 31px;
  background: transparent;
  color: #5B5B5B;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.wpf-select .nf-field-element SELECT { font-size: 14px; }

.select SELECT { color: #424242; }

.select SELECT::-ms-expand,
.wpf-select .nf-field-element SELECT::-ms-expand { display: none; }

.select SELECT OPTION,
.wpf-select .nf-field-element SELECT OPTION { text-transform: none; }

INPUT:focus::-webkit-input-placeholder { color: transparent; }
INPUT:focus:-moz-placeholder { color: transparent; }
INPUT:focus::-moz-placeholder { color: transparent; }
INPUT:focus:-ms-input-placeholder { color: transparent; }

INPUT[type="radio"] { display: none; }

INPUT[type="radio"] + LABEL {
  margin: 0 25px;
  position: relative;
}

INPUT[type="radio"] + LABEL:last-of-type { margin-right: 0; }

INPUT[type="radio"] + LABEL:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
  display: inline-block;
  border: 4px solid #FFFFFF;
  border-radius: 50%;
  background: #FFFFFF;
  height: 12px;
  width: 12px;
}

INPUT[type="radio"]:checked + LABEL:before {
  background: #24A9E0;
}

INPUT[type="button"] {
  display: inline-block;
  outline: 0;
  border: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 1em 1em 0.75em;
  background: #1C305B;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1em;
  cursor: pointer;
  -webkit-appearance: none;
}

.field-wrap INPUT[type="button"] { width: 100% !important; }

.print { display: none; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
 
.video iframe,
.video object,
.video embed,
.video .fb-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.video .fb-video SPAN {
  width: 100% !important;
  height: 100% !important;
}

.site-width {
  width: 1100px;
  margin: 0 auto;
}

.site-width:after,
.cf:after {
  content: "";
  display: table;
  clear: both;
}

HEADER {
  box-sizing: border-box;
  height: 127px;
  padding: 26px 0;
}

#logo { display: inline-block; margin: 5px 0; height: 65px; }

#logo IMG {
  max-height: 100%;
  width: auto;
}

#header-right { float: right; width: 30.18%; }

#header-right UL,
FOOTER .left .footer-buttons UL {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

FOOTER .left .footer-buttons UL { margin: 1.1em 0; }

FOOTER .left .footer-buttons UL:after { content: ""; display: table; clear: both; }

#header-right UL LI { float: left; width: 66.26%; }
#header-right UL LI.join { float: right; width: 28.61%; }
#header-right UL LI.event { width: 100%; margin-top: 0.5em; }

FOOTER .left .footer-buttons UL LI { float: left; width: 58.71%; }
FOOTER .left .footer-buttons UL LI.join { float: right; width: 33.33%; }

#header-right A:link, #header-right A:visited,
FOOTER .left .footer-buttons A:link,
FOOTER .left .footer-buttons A:visited {
  background: #24A9E0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-size: 13.79px;
  line-height: 1em;
  text-transform: uppercase;
  padding: 0.8em 0 0.5em;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  display: block;
}

#header-right A:link, #header-right A:visited { background: #1C305B; }
#header-right .join A:link, #header-right .join A:visited { background: #1275BB; }
#header-right .event A:link, #header-right .event A:visited { background: #24A9E0; }

FOOTER .left .footer-buttons A:link,
FOOTER .left .footer-buttons A:visited {
  font-size: 16px;
  line-height: 1em;
}

FOOTER .left .footer-buttons UL LI.join A:link,
FOOTER .left .footer-buttons UL LI.join A:visited { background: #FE7004; }

#header-right A:hover, #header-right A:active,
#header-right .join A:hover, #header-right .join A:active,
#header-right .event A:hover, #header-right .event A:active,
FOOTER .left .footer-buttons A:hover, FOOTER .left .footer-buttons A:active,
FOOTER .left .footer-buttons UL LI.join A:hover,
FOOTER .left .footer-buttons UL LI.join A:active {
  background: #B5B5B5;
}

#toggle-menu,
LABEL[for="toggle-menu"] { display: none; }

#headnav {
  background: #1C305B;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1em;
}

#headnav UL {
  text-align: right;
  padding: 0;
  list-style-type: none;
}

#headnav UL LI {
  display: inline-block;
  position: relative;
  z-index: 1099;
}

#headnav UL LI:hover { background: #24A9E0; }

#headnav UL LI A:link, #headnav UL LI A:visited,
#headnav UL LI:hover A, #headnav UL LI:active A,
#headnav UL LI UL LI A:link, #headnav UL LI UL LI A:visited,
#headnav UL LI UL LI A:hover, #headnav UL LI UL LI A:active {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 1.9em 1em 1.55em;
}

#headnav UL LI UL {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 1em 0;
  background: #24A9E0;
  text-align: center;
  font-size: 16px;
  line-height: 1em;
  box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2), -10px 10px 15px 0px rgba(0,0,0,0.2);
}

#headnav UL LI.columns UL {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  text-transform: none;
}

#headnav UL LI:hover UL,
#headnav UL LI UL LI { display: block; }

#headnav UL LI UL LI:hover { background: #1C305B; }

#headnav UL LI.columns UL LI {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

#headnav UL LI.columns UL LI:hover { background: transparent; }

#headnav UL LI UL LI A:link, #headnav UL LI UL LI A:visited,
#headnav UL LI UL LI A:hover, #headnav UL LI UL LI A:active {
  padding: 1.5em 2em 1.15em;
  white-space: nowrap;
}

#headnav UL LI.columns UL LI A:link, #headnav UL LI.columns UL LI A:visited,
#headnav UL LI.columns UL LI A:hover, #headnav UL LI.columns UL LI A:active {
  padding: 1.3em 0 1.3em 2em;
}

#headnav UL LI.columns UL LI A:hover, #headnav UL LI.columns UL LI A:active {
  color: #1C305B;
}

#headnav UL LI.columns UL LI A:after {
  content: "\00bb";
  margin-left: 0.5em;
  color: #1C305B;
}

#headnav UL LI.columns UL LI.menu-item-type-post_type_archive A { text-transform: uppercase; }
#headnav UL LI.columns UL LI.menu-item-type-post_type_archive A:after { content: ""; }

FOOTER {
  background: #464646;
  color: #FFFFFF;
  font-size: 15px;
  padding: 95px 0;
}

FOOTER .left {
  display: inline-block;
  width: 35.45%;
  text-align: center;
}

FOOTER .left IMG {
  max-width: 100%;
  height: auto;
}

FOOTER .social UL { margin: 0; padding: 0; list-style-type: none; }

FOOTER .social UL LI { display: inline-block; margin: 0 3%; }
FOOTER .social UL LI:first-of-type { margin-left: 0; }
FOOTER .social UL LI:last-of-type { margin-right: 0; }

FOOTER .social LI A:before {
  display: block;
  font-family: "Font Awesome 5 Brands";
  font-size: 21px;
  line-height: 1em;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

FOOTER .social LI.facebook A:before { content: "\f39e"; }
FOOTER .social LI.flickr A:before { content: "\f16e"; }
FOOTER .social LI.instagram A:before { content: "\f16d"; }
FOOTER .social LI.twitter A:before { content: "\f099"; }
FOOTER .social LI.linkedin A:before { content: "\f0e1"; }
FOOTER .social LI.youtube A:before { content: "\f167"; }

FOOTER .social A:link, FOOTER .social A:visited {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 2px solid #B5B5B5;
  border-radius: 50%;
  color: #B5B5B5;
  font-size: 0;
  line-height: 1em;
}

FOOTER .social A:hover, FOOTER .social A:active {
  border-color: #24A9E0;
  color: #24A9E0;
}

FOOTER #footnav {
  float: right;
  width: 60%;
  text-align: right;
}

FOOTER #footnav UL {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 70px;
  -moz-column-gap: 70px;
  column-gap: 70px;
}

FOOTER #footnav UL LI {
  text-align: left;
  padding: 0.8em 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

FOOTER #footnav UL LI A:link, FOOTER #footnav UL LI A:visited {
  color: #FFFFFF;
}

FOOTER #footnav UL LI A:hover, FOOTER #footnav UL LI A:active {
  color: #24A9E0;
}

FOOTER #footnav UL LI A:after {
  content: "\00bb";
  margin-left: 0.5em;
  color: #24A9E0;
}

#copyright {
  padding: 42px 0;
  background: #252525;
  color: #B5B5B5;
  text-align: center;
  font-weight: 800;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}

.title-banner {
  background: #1275BB;
  color: #FFFFFF;
  padding: 4em 0 3em;
}

.title-banner H1 {
  margin: 0 auto;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 1em;
  text-transform: uppercase;
}

.bars {
  padding: 4em 0;
  background: url(images/bars-left.png) no-repeat left 4em;
}


/********/
/* TABS */
/********/
#tabs {
  background: #1275BB;
  text-align: center;
}

#tabs > INPUT,
#tabs INPUT[type="radio"] + LABEL:before,
#staff, #board,
#join, #renew,
#general, #presentation { display: none; }

#tabs > LABEL,
#tabs.insights-tabs A:link,
#tabs.insights-tabs A:visited {
  display: inline-block;
  box-sizing: border-box;
  min-width: 26.56%;
  margin: 0 3.5625%;
  padding: 0.8em 1.5em 0.45em;
  background: #1C305B;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
}

#tabs.insights-tabs > LABEL { cursor: default; }

#tabs > INPUT:checked + LABEL,
#tabs.insights-tabs > LABEL {
  background: #FFFFFF;
  color: #1C305B;
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}

#tab1:checked ~ DIV DIV #staff,
#tab2:checked ~ DIV DIV #board,
#tab1:checked ~ DIV DIV #join,
#tab2:checked ~ DIV DIV #renew,
#tab1:checked ~ DIV DIV #general,
#tab2:checked ~ DIV DIV #presentation { display: block; }

#tabs .bars {
  padding: 5em 0 7em;
  background-color: #FFFFFF;
  background-position: left 85px;
  text-align: left;
  position: relative;
  z-index: 3;
}

.insights-tabs + .bars {
  background-color: #FFFFFF;
  position: relative;
  z-index: 3;
}


/*********/
/* MODAL */
/*********/
.featherlight:last-of-type {
  background: rgba(28,48,91,0.85) !important;
}

.featherlight .featherlight-content {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  max-width: 1100px;
  overflow-x: hidden !important;
}

.featherlight .featherlight-close-icon {
  background: transparent !important;
  color: #9B9B9B !important;
  font-size: 25px;
  margin: 20px 20px 0 0;
  outline: none;
}

.modal { display: none; }
.modal .site-width { display: flex; }

.modal .sidebar {
  background: #1275BB;
  color: #FFFFFF;
  width: 37.63%;
  box-sizing: border-box;
  padding: 36px 34px 30px;
  box-shadow: 5px 0px 30px 0px rgba(0,0,0,0.5);
}

.modal .content {
  width: 62.37%;
  box-sizing: border-box;
  padding: 60px 82px 60px 52px;
  color: #353535;
  font-size: 12px;
  line-height: 1.8em;
}


/**********/
/* SEARCH */
/**********/
#search > DIV {
  display: inline-block;
  margin-left: 0.5em;
  width: calc(100% - 5.5em);
  position: relative;
}

#search-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  border-radius: 0;
  border: 2px solid #CCCCCC;
  border-right: 0;
  margin: 0;
  padding: 0 10px;
  height: 35px;
  width: 100%;
  background: #FFFFFF;
  color: #424242;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
}

#search-button {
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
  border: 2px solid rgba(204,204,204,0.5);
  border-left-color: #1C305B;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  background: #1C305B;
  color: #FFFFFF;
  font-size: 16px;
  cursor: pointer;
}


/********/
/* HOME */
/********/
.cycle-slideshow:before {
  content: "";
  display: block;
  padding-top: 41.43%;
}

.cycle-slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 4;
}

.cycle-slide .box {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  background-image: linear-gradient(105deg, #1C305B 56%, transparent 56%);
  color: #FFFFFF;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.8em;
}

.cycle-slide .box-text {
  padding: 3.5em 0;
  width: 51%;
}

.cycle-slide .box-text H1 {
  margin: 0 0 0.1em;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 329%;
  line-height: 1.2em;
}

.cycle-slide .box-text H1 SPAN { color: #24A9E0; }

.cycle-slide .box-text .button:link,
.cycle-slide .box-text .button:visited {
  margin-top: 0.5em;
  display: inline-block;
  background: #24A9E0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 164%;
  line-height: 1em;
  padding: 1em 1em 0.75em;
}

.cycle-slide .box-text .button:hover,
.cycle-slide .box-text .button:active {
  background: #FFFFFF;
  color: #24A9E0;
}

#ep-header {
  background-image: linear-gradient(to right, #24A9E0 33%, #1C305B 33%);
  box-shadow: 0px 0px 49px 0px rgba(0,0,0,0.6);
  position: relative;
  z-index: 3;
}

#ep-header .site-width {
  background-image: linear-gradient(105deg, #24A9E0 calc(41.18%), #1C305B calc(41.18%));
}

#ep-header H1 {
  float: left;
  margin: 0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 1em;
  text-transform: uppercase;
  padding: 1.2em 0 0.95em;
}

#ep-header H1.left { width: 44.27%; }

#ep-header H1.left SPAN { color: #1C305B; }
#ep-header H1.right SPAN { color: #24A9E0; }

#ep { display: flex; }

#ep #events {
  width: 44.27%;
  position: relative;
  left: -50px;
  background: #1C305B;
  color: #D6D6D6;
  font-size: 12px;
  line-height: 1.3em;
}

#ep #events .event {
  padding: 25px 50px;
  display: flex;
  justify-content: space-between;
  color: #D6D6D6;
}

#ep #events .event:first-of-type { padding-top: 40px; }

#ep #events .event.pinned {
  background: #243D92;
}

#ep #events .event.pinnedlast {
  padding-bottom: 40px;
  margin-bottom: 15px;
}

#ep #events .event .date-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ep #events .event .date {
  padding: 3.52em 3.52em 0 0;
  border: 3px solid #B7B7B7;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 200.66%;
  line-height: 1em;
  position: relative;
}

#ep #events .event .date > DIV {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-42%);
  -ms-transform: translate(-50%,-42%);
  transform: translate(-50%,-42%);
  text-align: center;
}

#ep #events .event .date > DIV H3 {
  margin: 0;
  color: #FFFFFF;
  font-size: 172.22%;
  line-height: 1em;
}

#ep #events .event .details {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ep #events .event .details H2 {
  margin: 0 0 0.3em;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 133.33%;
  line-height: 1.2em;
}

#ep #events .event .details H3 {
  margin: 0 0 0.3em;
  color: #24A9E0;
  font-weight: 400;
  font-style: italic;
  font-size: 116.66%;
}

#ep .button {
  margin-top: 1.5em;
  display: inline-block;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1em;
  text-transform: uppercase;
  padding: 1em 2em 0.75em;
}

#ep #events .button { margin: 2.5em 0 2.75em 50px; }

#ep .button:link,
#ep .button:visited {
  background: #24A9E0;
  color: #FFFFFF;
}

#ep .button:hover,
#ep .button:active {
  background: #FFFFFF;
  color: #24A9E0;
}

#ep #publication-header { display: none; }

#ep #publication {
  width: 55.73%;
  padding: 2.5em 0;
  font-size: 14px;
  line-height: 1.7em;
}

#ep #publication #publication-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2em;
}

#ep #publication #publication-info #publication-title { margin-left: 5%; }

#ep #publication #publication-info IMG {
  width: 210px;
  height: auto;
  box-shadow: 0px 0px 49px 0px rgba(0,0,0,0.2);
}

#ep #publication #publication-info H2 {
  margin: 0;
  color: #1C305B;
  font-size: 228.57%;
  line-height: 1em;
}

#ep #publication #publication-info H3 {
  margin: 0;
  color: #24A9E0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 114.28%;
  line-height: 1em;
  text-transform: none;
}

#ep #publication #publication-info H4 {
  margin: 1.5em 0;
  color: #ABABAB;
  font-size: 128.57%;
  line-height: 1em;
}

#ep #publication #publication-info H5 {
  margin: 0 0 0.5em;
  color: #1C305B;
  font-size: 114.28%;
  line-height: 1em;
}

#ep #publication #publication-info .tag:link,
#ep #publication #publication-info .tag:visited {
  background: #24A9E0;
  color: #FFFFFF;
  display: inline-block;
  margin: 0.3em 0.25em 0.3em 0;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 85.71%;
  line-height: 1em;
  text-transform: none;
  padding: 0.8em 1.2em 0.9em;
}

#ep #publication #publication-info .tag:hover,
#ep #publication #publication-info .tag:active {
  background: #1C305B;
}

#ep #publication H2 {
  margin: 0;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 114.28%;
  line-height: 1em;
  text-transform: uppercase;
}

#ep #publication UL {
  margin: 0 0 0 0.7em;
  padding: 0 0 0 0.7em;
  list-style-type: none;
  line-height: 1.4em;
}

#ep #publication UL LI { padding: 0.5em 0; }

#ep #publication UL LI:before {
  content: "\2022";
  color: #1C305B;
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
}

#ep #publication .more-link { color: inherit; pointer-events: none; }

#ep #publication .button:hover,
#ep #publication .button:active {
  background: #1C305B;
  color: #FFFFFF;
}

#home-join {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#home-join:before {
  content: "";
  display: block;
  padding-top: 45.5625%;
}

#home-join > DIV {
  position: absolute;
  top: 0;
  right: calc((100% - 1100px) / 2);
  width: 40%;
  padding-top: 3em;
  text-align: right;
  color: #FFFFFF;
  font-size: 1.63vw;
  line-height: 2em;
  letter-spacing: 0.05em;
}

#home-join > DIV H2 {
  margin: 0;
  color: #FE7004;
  font-size: 100%;
}

#home-join > DIV H3 {
  margin: 0;
  color: #DDDDDD;
  font-size: 57.14%;
  line-height: 1em;
}

#home-join > DIV H4 {
  margin: 3em 0;
  font-weight: 800;
  font-size: 85.71%;
  line-height: 1em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

#home-join > DIV H4 SPAN { color: #FE7004; }

#home-join > DIV A:link,
#home-join > DIV A:visited {
  background: #FE7004;
  color: #FFFFFF;
  display: inline-block;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 128.57%;
  line-height: 1em;
  text-transform: uppercase;
  padding: 0.9em 2.25em 0.65em;
}

#home-join > DIV A:hover,
#home-join > DIV A:active {
  background: #FFFFFF;
  color: #FE7004;
}

#home-insights {
  padding: 5em 0 7em;
  background: url(images/home-blog-background.png) repeat-x center bottom;
}

#home-insights .site-width { display: flex; }

#home-insights .insights-post {
  width: 30%;
  margin-left: 5%;
  box-sizing: border-box;
  padding: 2em 2.1em 8em;
  background: #1C305B;
  color: #D6D6D6;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7em;
  box-shadow: 0 0 81px 0 rgba(0,0,0,0.25);
  position: relative;
}

#home-insights .insights-post:first-of-type { margin-left: 0; }

#home-insights .insights-post H1 {
  margin: 0.3em 0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 184.71%;
  line-height: 1.2em;
}

#home-insights .insights-post H2 {
  margin: 0 0 1em;
  color: #24A9E0;
  font-weight: 700;
  font-size: 100%;
  line-height: 1em;
  text-transform: uppercase;
}

#home-insights .insights-post A:link,
#home-insights .insights-post A:visited {
  position: absolute;
  bottom: 1.9em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  display: inline-block;
  background: #24A9E0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 142.85%;
  line-height: 1em;
  padding: 0.8em 1.75em 0.55em;
}

#home-insights .insights-post A:hover,
#home-insights .insights-post A:active {
  background: #FFFFFF;
  color: #24A9E0;
}

/***************/
/* OUR MISSION */
/***************/
.page-template-template-our-mission-page .bars P:last-of-type { margin: 0; }

#mission-mission,
#mission-vision {
  background: #1C305B;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8em;
  padding: 6.25em 0 9.75em;
  position: relative;
}

#mission-mission .image,
#mission-vision .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 43.75%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#mission-vision .image { left: auto; right: 0; }

#mission-mission .text {
  float: right;
  width: 50%;
  text-align: right;
}

#mission-vision .text { width: 50%; }

#mission-vision .text SPAN {
  color: #24A9E0;
  font-weight: 700;
}

#mission-mission .text H2,
#mission-vision .text H2 {
  margin: 0 0 0.25em;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 267.31%;
  line-height: 1em;
  text-transform: uppercase;
}

#mission-mission .text H2 SPAN,
#mission-vision .text H2 SPAN { color: #FFFFFF; }

#reports, #focus {
  background: #1275BB;
  color: #FFFFFF;
  font-weight: 400;
  position: relative;
  padding: 58px 0 100px;
}

#reports .line,
#focus .line { position: relative; margin-bottom: 3em; }

#reports .line > DIV,
#focus .line > DIV {
  position: absolute;
  top: 40%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 5px;
  background: #FFFFFF;
}

#reports .line H2,
#focus .line H2 {
  display: inline-block;
  margin: 0;
  padding-right: 1em;
  background: #1275BB;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1em;
  letter-spacing: 0.15em;
  position: relative;
  z-index: 3;
}

#reports .cycle-slide,
#focus .cycle-slide {
  vertical-align: top;
  white-space: normal;
  padding: 0 35px;
  box-sizing: border-box;
}

#reports .cycle-slide > DIV { display: flex; }
#focus .cycle-slide > DIV { display: flex; justify-content: space-between; }

#reports .cycle-slide IMG {
  margin-right: 1em;
  height: 266px;
  width: auto;
}

#focus .cycle-slide .image {
  width: 42%;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}

#focus .cycle-slide .image:before {
  content: "";
  display: block;
  padding-top: 131.68%;
}

#reports .cycle-slide > DIV > DIV {
  position: relative;
  padding-bottom: 4em;
}

#focus .cycle-slide .text {
  width: 55%;
  position: relative;
  padding-bottom: 0;
}

#focus .cycle-slide H4,
#focus .cycle-slide H5 {
  display: inline-block;
  margin: 0 0 0.5em;
  font-weight: 700;
  font-size: 100%;
  line-height: 1em;
  text-transform: uppercase;
}

#focus .cycle-slide H5 { color: #1C305B; }

#focus .cycle-slide H5:after {
  content: "\2022";
  color: #999999;
  margin: 0 0.3em;
}

#reports .cycle-slide H3,
#focus .cycle-slide H3 {
  margin: 0 0 0.2em;
  padding-top: 0.7em;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 150%;
  line-height: 1em;
}

#focus .cycle-slide H3 {
  padding-top: 0;
  font-size: 25px;
  line-height: 1.1em;
}

#reports .cycle-slide H3 SPAN,
#focus .cycle-slide H3 SPAN { color: #1C305B; }

#focus .cycle-slide .buttons {
  position: absolute;
  bottom: 0.7em;
  width: 100%;
}

#reports .cycle-slide A:link,
#reports .cycle-slide A:visited,
#focus .cycle-slide A:link,
#focus .cycle-slide A:visited {
  position: absolute;
  bottom: 0.8em;
  left: 0;
  background: #24A9E0;
  color: #FFFFFF;
  display: inline-block;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 97.92%;
  line-height: 1em;
  padding: 1em 1em 0.75em;
}

#focus .cycle-slide A:link,
#focus .cycle-slide A:visited {
  position: static;
  background: #1C305B;
  box-sizing: border-box;
  width: 69%;
  text-align: center;
}

#focus .cycle-slide A.pdf:link,
#focus .cycle-slide A.pdf:visited { background: #24A9E0; margin-top: 0.5em; }

#focus .cycle-slide A:hover,
#focus .cycle-slide A:active { background: #24A9E0; }

#focus .cycle-slide A.pdf:hover,
#focus .cycle-slide A.pdf:active,
#reports .cycle-slide A:hover,
#reports .cycle-slide A:active { background: #1C305B; }

#reports #prev, #reports #next,
#focus #prev, #focus #next {
  position: absolute;
  top: 50%;
  left: -6px;
  -webkit-transform: translateY(-50%) scale(.7,1);
  -ms-transform: translateY(-50%) scale(.7,1);
  transform: translateY(-50%) scale(.7,1);
  color: #1C305B;
  font-size: 49px;
  line-height: 1em;
}

#reports #next, #focus #next { left: auto; right: -6px; }

#reports #prev:hover, #reports #next:hover,
#focus #prev:hover, #focus #next:hover { color: #24A9E0; }

#reports #prev.disabled, #reports #next.disabled,
#focus #prev.disabled, #focus #next.disabled { display: none; }


/***************/
/* STAFF/BOARD */
/***************/
.staff {
  float: left;
  width: 25%;
  background: url(images/no-headshot.jpg) no-repeat center top;
  background-size: 100% auto;
  position: relative;
}

.staff:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.staff:hover:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28,48,91,0.75);
}

.staff .no-image-name {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #BA2525;
  font-size: 10px;
  line-height: 1em;
  text-transform: uppercase;
}

.staff .staff-content {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
  padding: 13px;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 1.2em;
}

.staff:hover .staff-content { display: block; }

.staff .staff-content H3 {
  margin: 0 0 0.15em;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 200%;
  line-height: 1em;
  text-transform: uppercase;
}

.staff .staff-content H4 {
  margin: 0 0 0.3em;
  font-weight: 600;
  font-style: italic;
  font-size: 140%;
  line-height: 1em;
  letter-spacing: 0.1em;
}

.staff .staff-content I {
  margin: 0.25em 0.5em 0.25em 0;
  font-size: 120%;
  line-height: 1em;
  vertical-align: middle;
}

.staff .staff-content I.fa-phone {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.staff .staff-content .info {
  position: absolute;
  bottom: 17px;
  right: 13px;
  font-size: 12px;
  line-height: 1em;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.staff .staff-content .info:before {
  content: "\f129";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-40%,-50%);
  -ms-transform: translate(-40%,-50%);
  transform: translate(-40%,-50%);
}

.staff-modal .sidebar IMG {
  max-width: 100%;
  height: auto;
  border: 5px solid #FFFFFF;
  margin-bottom: 1.8em;
}

.staff-modal .sidebar H3 {
  margin: 0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 214.28%;
  line-height: 1em;
  text-transform: uppercase;
}

.staff-modal .sidebar H4 {
  margin: 0;
  color: #1C305B;
  font-weight: 600;
  font-style: italic;
  font-size: 171.42%;
  line-height: 1em;
}

.staff-modal .sidebar A:link,
.staff-modal .sidebar A:visited { color: #FFFFFF; outline: 0; }

.staff-modal .sidebar A:hover,
.staff-modal .sidebar A:active { color: #1B3A69; }

.staff-modal .sidebar I {
  margin: 0.25em 0.5em 0.25em 0;
  font-size: 142.85%;
  line-height: 1em;
  color: #1C305B;
  vertical-align: middle;
}

.staff-modal .sidebar I.fa-phone {
  font-size: 128.57%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.staff-modal .content H4 {
  margin: 0 0 0.3em;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 233.91%;
  line-height: 1em;
}

.staff-modal .content A:link,
.staff-modal .content A:visited { color: #1B3A69; }

.staff-modal .content A:hover,
.staff-modal .content A:active { color: #000000; }

#officers {
  background: #1275BB;
  color: #FFFFFF;
  padding: 30px 0 0;
  margin-bottom: 70px;
}

#officers H2 {
  margin: 0 0 0.5em;
  padding-left: 2.74%;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 214.28%;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#officers .flex { display: flex; flex-wrap: wrap; }

#officers .officer { width: 11.15%; margin: 0 0 30px 2.74%; }

#officers .officer .image {
  background: url(images/no-headshot.jpg) no-repeat center top;
  background-size: 100% auto;
}

#officers .officer .image:before {
  content: "";
  display: block;
  padding-top: 100%;
}

#officers .officer H3 {
  margin: 0.5em 0 0.3em;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 114.28%;
  line-height: 1em;
  text-transform: uppercase;
}

#officers .officer H4 {
  margin: 0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 100%;
  line-height: 1em;
  text-transform: uppercase;
}

#officers .officer H5 {
  margin: 0.3em 0 0;
  color: #C3C3C3;
  font-style: italic;
  font-weight: 600;
  font-size: 71.42%;
  line-height: 1em;
}

#board .line { position: relative; }

#board .line > DIV {
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 100%;
  height: 6px;
  background: #1C305B;
}

#board .line H2 {
  display: inline-block;
  margin: 0;
  padding-right: 0.5em;
  background: #FFFFFF;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 3;
}

#board .directors,
#board .emeritus-directors {
  margin-top: 40px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

#board .directors { margin-bottom: 65px; }

#board .director,
#board .emeritus {
  color: #606060;
  font-style: italic;
  padding-bottom: 1.5em;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

#board .director H3,
#board .emeritus H3 {
  margin: 0;
  color: #1C305B;
  font-style: normal;
  font-weight: 700;
  font-size: 100%;
  line-height: 1em;
}

/******************************/
/* WHAT WE DO and SPONSORSHIP */
/******************************/
.sponsorship-after-title {
  padding: 3em 0;
  color: #1C305B;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.2em;
}

.wwd {
  position: relative;
  background: #1C305B;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1.8em;
}

.sponsorship { font-size: 12.48px; }

.wwd .image {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.wwd.sponsorship .image { width: 42%; }

.wwd.right .image {
  right: auto;
  left: 0;
}

.wwd .text {
  float: left;
  width: 45%;
  padding: 5.5em 0;
}

.wwd.sponsorship .text { width: 55.45%; }

.wwd.right .text {
  float: right;
  width: 39%;
  text-align: right;
}

.wwd.sponsorship.right .text { width: 52.72%; }

.wwd H2 {
  margin: 0 0 0.3em;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 305.5%;
  line-height: 1em;
  text-transform: uppercase;
}

.wwd.sponsorship H2 { color: #FFFFFF; }

.sponsorship H3 {
  margin: 1.5em 0 0.7em;
  color: #24A9E0;
  font-weight: 800;
  font-size: 114.26%;
  line-height: 1em;
}

.sponsorship .amount { font-weight: 700; }

.sponsorship .amount SPAN { color: #24A9E0; }

.wwd .button:link,
.wwd .button:visited {
  margin-top: 0.75em;
  display: inline-block;
  background: #24A9E0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 97%;
  line-height: 1em;
  padding: 1.25em 1.4em 1em;
}

.wwd .button:hover,
.wwd .button:active {
  background: #FFFFFF;
  color: #24A9E0;
}

.sponsorship-prefooter {
  padding: 3.5em 0;
  background: #24A9E0;
  color: #FFFFFF;
  font-weight: 800;
  font-size: 24px;
  line-height: 1.2em;
}

.sponsorship-prefooter H2 {
  margin: 0 0 1em;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 125%;
  line-height: 1.1em;
}

.sponsorship-prefooter SPAN,
.sponsorship-prefooter A { color: #1C305B; }

#spontact {
  padding-left: 9%;
  position: relative;
}

#spontact:before {
  content: "";
  display: block;
  width: 3000px;
  height: 7px;
  background: #FFFFFF;
  position: absolute;
  top: 45%;
  right: 93%;
}



/**********/
/* EVENTS */
/**********/
.event-header {
  margin-top: 4em;
  padding: 1.5em;
  background: #1C305B;
  color: #D6D6D6;
  font-size: 12px;
  line-height: 1em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.event-header:first-of-type { margin-top: 0; }

.event-header .date {
  padding: 3.52em 3.52em 0 0;
  border: 3px solid #B7B7B7;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 187.25%;
  line-height: 1em;
  position: relative;
}

.event-header .date > DIV {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-42%);
  -ms-transform: translate(-50%,-42%);
  transform: translate(-50%,-42%);
  text-align: center;
}

.event-header .date > DIV H3 {
  margin: 0;
  color: #FFFFFF;
  font-size: 172.22%;
  line-height: 1em;
}

.event-header .details {
  width: 50%;
  margin: 0 auto 0 2em;
}

.event-header.single .details { width: 72%; }

.event-header .details H2 {
  margin: 0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 200%;
  line-height: 1em;
}

.event-header .details H3 {
  margin: 0.3em 0 0;
  color: #24A9E0;
  font-weight: 400;
  font-style: italic;
  font-size: 133.33%;
  line-height: 1em;
}

.event-header .details .location { margin-top: 0.6em; }

.event-header .details .location SPAN { padding: 0 0.5em; }

.event-header .reg-text {
  margin-right: 3.5%;
  width: 10%;
  color: #FF5555;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 83.33%;
  line-height: 1.2em;
}

.event-header.single .reg-text { margin-right: 0; width: 13%; }

.event-header .button:link,
.event-header .button:visited {
  display: inline-block;
  margin-right: 3.5%;
  padding: 1.1em 1.5em 0.7em;
  background: #FE7004;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 133.33%;
  line-height: 1em;
}

.event-header .button:hover,
.event-header .button:active {
  background: #FFFFFF;
  color: #FE7004;
}

.event-header .more-info {
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 115.416%;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
}

.event-header .more-info DIV {
  width: 65%;
  margin: 0.2em auto 0;
  background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' width='308' height='153'%3e%3cpath fill='%2324A9E0' d='M8,3H300L154,150z'/%3e%3c/svg%3e") no-repeat center center;
  background-size: contain;
}

.event-header .more-info DIV:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.event-header .more-info .fa-caret-down {
  font-size: 400%;
  line-height: 0.5em;
}

.event-body {
  display: none;
  padding: 2em;
  background: #E1E1E1;
  color: #292929;
}

.event-body.single { display: block; }

.event-body-content { display: flex; justify-content: space-between; }

.event-body .event-sidebar { width: 34.54%; position: relative; }

.event-body .event-sidebar IMG {
  max-width: 100%;
  height: auto;
}

.event-body .event-sidebar IMG,
.event-body .event-sidebar .video {
  margin-bottom: 2em;
}

.event-body .event-sidebar H4 {
  margin: 0 0 0.5em;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 114.28%;
  line-height: 1em;
}

.event-body .event-sidebar .pricing {
  display: flex;
  margin-bottom: 3em;
}

.event-body .event-sidebar .pricing .price {
  width: 18.5%;
  margin-left: 1.875%;
  background: #1C305B;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 118.28%;
  line-height: 1em;
  text-align: center;
  position: relative;
}

.event-body .event-sidebar .pricing .price:first-of-type { margin-left: 0; }

.event-body .event-sidebar .pricing .price:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.event-body .event-sidebar .pricing .price > DIV {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.event-body .event-sidebar .pricing .price > DIV DIV {
  font-size: 45%;
  line-height: 1.3em;
  min-height: 2.3em;
  margin-bottom: 1.5em;
}

.event-body .event-sidebar .pricing .price:first-of-type > DIV DIV {
  box-sizing: border-box;
  padding-top: 0.7em;
}

.event-body .event-sidebar .event-buttons {
  position: relative;
  display: flex;
}

.event-body .event-sidebar .event-buttons #toggle-share + LABEL {
  margin: 0 auto 0 0;
}

.event-body .event-sidebar .event-buttons #share-links {
  right: auto;
  left: 160px;
  top: -1.2em;
}

.event-body .event-sidebar .event-buttons #share-links:before {
  top: 50%;
  left: -37px;
  border-right: 37px solid #464646;
  border-left: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.event-body .event-sidebar .button:link,
.event-body .event-sidebar .button:visited {
  display: inline-block;
  background: #24A9E0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 114.28%;
  line-height: 1em;
  padding: 1.25em 2em 0.95em;
}

.event-body .event-sidebar .event-sidebar-text { padding-top: 2em; }
.event-body .event-sidebar .event-sidebar-text P:last-of-type { margin: 0; }

.event-body .event-sidebar .button:hover,
.event-body .event-sidebar .button:active {
  background: #1C305B;
}

.addcal INPUT[type="submit"] {
  margin: 1em 0 0;
  outline: 0;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  background: #FE7004;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 114.28%;
  line-height: 1em;
  padding: 1.25em 1.5em 0.95em;
  text-transform: uppercase;
  cursor: pointer;
  appearance: none;
  transition: all 0.2s;
}

.addcal INPUT[type="submit"]:hover { background: #1C305B; }

.event-body .event-text { width: 52.81%; }

.event-body .event-text P:last-of-type { margin-bottom: 0; }

#eventreg {
  padding: 5em 0;
  background: #1C305B;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1em;
}

#eventreg .conditional-header { padding-top: 1.5em; }

#eventreg .line { position: relative; }
#eventreg .line > DIV {
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 100%;
  height: 5px;
  background: #FFFFFF;
}

#eventreg .line H2 {
  display: inline-block;
  margin: 0;
  padding-right: 1em;
  background: #1C305B;
  font-weight: 400;
  font-size: 109.88%;
  line-height: 1em;
  position: relative;
  z-index: 3;
}

#eventreg .nf-form-fields-required,
#eventreg .ninja-forms-req-symbol { display: none; }

#eventreg LABEL { color: #24A9E0; }

#eventreg INPUT[type="text"],
#eventreg INPUT[type="email"],
#eventreg INPUT[type="tel"],
#eventreg INPUT[type="number"] {
  border-width: 1px;
}

#eventreg .select,
#eventreg .wpf-select .nf-field-element {
  width: 100%;
  border-width: 1px;
  margin-left: 0;
}

#eventreg .wpf-select .nf-field-element:before,
#eventreg .select:before {
  border: 1px solid #1C305B;
  border-left-width: 0;
  background: #24A9E0;
}

#eventreg .wpf-select .nf-field-element SELECT,
#eventreg .select SELECT { width: 100%; }

#eventreg INPUT[type="button"] {
  display: block;
  width: auto !important;
  padding: 1em 3em 0.75em;
  background: #FE7004;
  margin: 2em auto 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

#eventreg INPUT[type="button"]:hover { background: #24A9E0; }

#eventreg #attendee-header { display: none; margin-top: 3em; }


#eventreg H3 {
  margin: 3em 0 1em;
  font-weight: 400;
  font-size: 70.58%;
  line-height: 1em;
}

#eventreg H3:first-of-type { margin-top: 2em; }

#eventreg #general,
#eventreg .attendee {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#eventreg #general { margin-top: 1.5em; }

#eventreg #general > DIV,
#eventreg .attendee > DIV {
  width: 22.72%;
}

#eventreg #general > DIV SPAN,
#eventreg .attendee > DIV SPAN {
  display: block;
  font-size: 64%;
  line-height: 1em;
  margin-bottom: 0.5em;
}

#eventreg #general LABEL,
#eventreg .attendee LABEL {
  color: #24A9E0;
  display: inline-block;
  margin-bottom: 0.5em;
}



/***********/
/* MEMBERS */
/***********/
#modal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#modal-links A {
  margin-bottom: 1em ;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 2.5em 0.5em 2.25em;
  box-sizing: border-box;
  width: 48.6%;
  position: relative;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 1em;
  text-align: center;
}

#modal-links A:last-of-type { width: 100%; }

#modal-links A:before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(28,48,91,0.7);
}

#modal-links A:hover:before { background: rgba(36,169,224,0.7); }

#modal-links A SPAN { position: relative; z-index: 3; }

#modal-links A IMG { display: none; }

.modal-members { max-height: 75vh; }

.modal-members .sidebar H2 {
  margin: 0;
  position: fixed;
  left: calc(50% - (1100px / 2));
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(1100px / 2.65);
  box-sizing: border-box;
  padding: 0 34px;
  text-align: right;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 1em;
}

.modal-members .sidebar H2 SPAN { color: #1C305B; }

.modal-members .sidebar H2 DIV { color: #1C305B; font-size: 50%; line-height: 1em; margin-top: 0.25em; }

.modal-members .content {
  padding: 30px 82px 30px 52px;
}

.modal-members .content.logos IMG {
  margin: 25px 0;
  max-width: 75%;
  height: auto;
  max-height: 130px;
  width: auto;
}



/************/
/* RESEARCH */
/************/
.filter-topic {
  padding: 1.75em 0 1.5em;
  background: #1C305B;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
}

.filter-topic A:link,
.filter-topic A:visited {
  color: #FFFFFF;
  margin: 0.25em 0 0.25em 1.5em;
  display: inline-block;
}

.filter-topic A:hover,
.filter-topic A:active,
.filter-topic A.current-cat { color: #24A9E0; }

.filter-gray {
  background-image: linear-gradient(to right, #EBEBEB 50%, #1275BB 50%);
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
}

.filter-gray .site-width {
  padding: 2em 0 1.75em;
  background: #EBEBEB;
  position: relative;
}

.filter-gray #FilterYear {
  display: inline-block;
  margin-right: 10%;
}

.filter-gray #search {
  display: inline-block;
  width: 39%;
}

.filter-gray #tags-menu-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 200px;
  background-image: linear-gradient(75deg, #EBEBEB 20%, #1275BB 20%);
  color: #FFFFFF;
  text-align: right;
}

.filter-gray #tags-menu-button LABEL {
  position: relative;
  top: 45%;
  cursor: pointer;
}

.filter-gray #tags-menu-button #toggle-tags { display: none; }

#tags-menu {
  display: none;
  background: #1275BB;
  color: #FFFFFF;
  padding: 2.2em 0 2em;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3em;
}

#tags-menu .site-width {
  -webkit-column-count: 7;
  -moz-column-count: 7;
  column-count: 7;
}

#tags-menu A:link, #tags-menu A:visited {
  color: #FFFFFF;
  display: block;
  margin-bottom: 1em;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

#tags-menu A:hover, #tags-menu A:active { color: #1C305B; }

.bars-research-index {
  padding: 0;
  background-position: left 2em;
}

.research-pagination {
  margin: 1.77em 0 1.5em;
  text-align: right;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1em;
  min-height: 1em;
}

.research-pagination.bottom { margin: 0 0 2em; }

.research-pagination SPAN,
.research-pagination A { margin-left: 0.5em; }

.research-pagination A:link,
.research-pagination A:visited { color: #1C305B; }

.research-pagination A:hover,
.research-pagination A:active { color: #24A9E0; }

A.research-index {
  display: inline-block;
  vertical-align: top;
  width: 47.27%;
  margin: 0 5% 5em 0;
  color: #656565;
  font-size: 12px;
  line-height: 1.4em;
}

A.research-index:nth-of-type(even) { margin-right: 0; }

.research-index IMG {
  max-width: 48%;
  height: auto;
  margin-right: 3.5%;
  display: inline-block;
  vertical-align: top;
}

.research-index .text { display: inline-block; vertical-align: top; width: 48%; }
.research-index .text.noimg { width: 100%; }

.research-index H2 {
  margin: 0;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 183.33%;
  line-height: 1em;
}

.research-index H3 {
  margin: 0;
  color: #24A9E0;
  font-style: italic;
  font-weight: 700;
  font-size: 116.66%;
  line-height: 1.2em;
}

.research-index H4 {
  margin: 1em 0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 116.66%;
  line-height: 1em;
}

.research-index H5 {
  margin: 0 0 0.2em;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 116.66%;
  line-height: 1em;
}

.research-index .media SPAN:after { content: ", "; }
.research-index .media SPAN:last-of-type:after { content: ""; }

.research-index .tags { margin-top: 1.5em; }

.research-index .tags H5 { margin-bottom: 0.5em; }

.research-index .tags SPAN {
  background: #24A9E0;
  color: #FFFFFF;
  display: inline-block;
  margin: 0 0.3em 0.5em;
  font-style: italic;
  font-weight: 400;
  font-size: 75%;
  line-height: 1em;
  text-transform: none;
  padding: 0.7em 1.1em 0.7em 1em;
}

#research-single-banner {
  padding: 2.5em 0 2.25em;
  background: #EBEBEB;
  color: #8C8C8C;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 100%;
  line-height: 1em;
  position: relative;
}

#research-banner-text { float: left; width: calc(100% - 280px); }

#research-single-banner .category {
  font-size: 85.71%;
  line-height: 1em;
}

#research-single-banner .category A:link,
#research-single-banner .category A:visited {
  color: #24A9E0;
  text-decoration: none;
}

#research-single-banner .category A:hover,
#research-single-banner .category A:active {
  color: #1C305B;
  text-decoration: none;
}

#research-single-banner H1 {
  margin: 0.3em 0 0;
  color: #1C305B;
  font-weight: 400;
  font-size: 314.28%;
  line-height: 1em;
}

#research-single-banner H2 {
  margin: 0 0 0.45em;
  color: #24A9E0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 122%;
  line-height: 1em;
  position: relative;
  top: -0.3em;
}

#research-single-banner H3 {
  margin: 0 0 0.1em;
  color: #1C305B;
  font-weight: 400;
  font-size: 100%;
  line-height: 1em;
}

#research-single-banner .view A:link,
#research-single-banner .view A:visited {
  display: inline-block;
  background: #1275BB;
  color: #FFFFFF;
  margin: 0.75em 0.75em 0 0;
  padding: 0.75em 1.25em 0.5em;
  /*text-decoration: underline;*/
}

#research-single-banner .view A:hover,
#research-single-banner .view A:active {
  background: #24A9E0;
  /*text-decoration: underline;*/
}

/*#research-single-banner .view A:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.4em;
  height: 1.5em;
  width: 1em;
  margin-left: 1em;
  border-left: 2px solid #8C8C8C;
}

#research-single-banner .view A:first-of-type:before {
  width: 0.5em;
  margin-left: 0;
  border-left: 0;
}*/

#research-buttons {
  float: right;
  width: 280px;
  text-align: right;
  padding-top: 2em;
  position: relative;
}

#toggle-share { display: none; }

#research-buttons > A:link,
#research-buttons > A:visited,
#toggle-share + LABEL {
  display: inline-block;
  background: #24A9E0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 0.1em;
  padding: 0.63em 1em;
}

#toggle-share + LABEL {
  background: #FE7004;
  margin-left: 0.5em;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

#research-buttons > A:hover,
#research-buttons > A:active,
#toggle-share:checked + LABEL,
#toggle-share + LABEL:hover {
  background: #1C305B;
}

#research-buttons A .fas,
#toggle-share + LABEL .fas {
  font-size: 187.5%;
  line-height: 1em;
  vertical-align: middle;
}

#share-links {
  display: none;
  position: absolute;
  top: calc(100% + 30px);
  right: -3.5em;
  z-index: 50;
  background: #464646;
  padding: 20px;
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
  white-space: nowrap;
}

#share-links:before {
  content: "";
  position: absolute;
  top: -37px;
  left: 50%;
  border-bottom: 37px solid #464646;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#toggle-share:checked + LABEL + #share-links { display: block; }

#share-links A:link,
#share-links A:visited {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 2px solid #B5B5B5;
  border-radius: 50%;
  color: #B5B5B5;
  font-size: 0;
  line-height: 1em;
  background: transparent;
  margin: 0 10px;
}

#share-links A:before {
  display: block;
  font-family: "Font Awesome 5 Brands";
  font-size: 21px;
  line-height: 1em;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

#share-links A.facebook:before { content: "\f39e"; }
#share-links A.twitter:before { content: "\f099"; }
#share-links A.linkedin:before { content: "\f0e1"; }
#share-links A.email:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0"; }

#share-links A:hover,
#share-links A:active {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.research-single { padding-bottom: 0; }

#with-video {
  background-image: linear-gradient(to right, transparent 66%, #1C305B 66%);
  position: relative;
  margin-bottom: 4em;
}

.research-single #cover {
  display: inline-block;
  width: 29.81%;
  min-height: 425px;
  position: relative;
  z-index: 5;
  margin-bottom: 4em;
}

.research-single.noimg #cover { display: none; }

.research-single #with-video #cover { margin-bottom: 0; }

.research-single #cover IMG {
  max-width: 100%;
  height: auto;
  box-shadow: 0 0 40px 0 rgba(0,0,0,0.5);
}

.research-single #cover-float {
  float: left;
  width: 29.81%;
  height: auto;
  margin: 0 7.47% 2em 0;
}

#video-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

#video-box .site-width {
  display: inherit;
  justify-content: flex-end;
}

#video-box .site-width #video-wrap {
  width: 62.72%;
  box-sizing: border-box;
  padding: 0 1em 0 5em;
  background: #1C305B;
  color: #FFFFFF;
  position: relative;
}

#video-box .site-width #video-wrap H4 {
  position: absolute;
  top: 50%;
  left: 1.75em;
  z-index: 10;
  margin: 0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1em;
  -webkit-transform: rotateZ(-90deg) translateX(-50%);
  -ms-transform: rotateZ(-90deg) translateX(-50%);
  transform: rotateZ(-90deg) translateX(-50%);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

#video-box .site-width #video-wrap .video {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#content-with-video {
  position: relative;
}

#content-with-video #media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: linear-gradient(to right, #EBEBEB 30%, transparent 30%);
  color: #1C305B;
}

#media-without-video { background: #EBEBEB; }

#media-coverage {
  box-sizing: border-box;
  padding: 3em 0;
  background: #EBEBEB;
  font-size: 16px;
  line-height: 1.3em;
}

#content-with-video #media-coverage { width: 29.81%; padding-right: 3.5em; }

#media-coverage H4 {
  margin: 0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 125%;
  line-height: 1em;
}

#media-coverage #columns {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

#media-coverage #columns DIV {
  padding-right: 4em;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

#media-coverage A:link,
#media-coverage A:visited {
  margin-top: 1em;
  display: inline-block;
  color: #24A9E0;
  text-decoration: underline;
}

#media-coverage A:hover,
#media-coverage A:active {
  color: #1C305B;
  text-decoration: underline;
}

#media-coverage EM {
  display: block;
}

.research-single #content {
  position: relative;
  z-index: 10;
  color: #555555;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 4em;
}

.research-single #content-with-video #content { float: right; width: 62.72%; }

.research-single.noimg #content { width: 100%; }

.research-single #content H1,
.research-single #content H2,
.research-single #content H3,
.research-single #content H4,
.research-single #content H5,
.research-single #content H6 {
  margin: 0;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 100%;
  line-height: 1em;
}

.research-single #content H1 { font-size: 150%; }

.research-single #content A { text-decoration: underline; }

.research-single #content UL {
  margin: 0.75em 0 1.5em 0.7em;
  padding: 0 0 0 0.7em;
  list-style-type: none;
}

.research-single #content UL LI { padding: 0.75em 0; }

.research-single #content UL LI:before {
  content: "\2022";
  color: #24A9E0;
  display: inline-block;
  width: 0.9em;
  margin-left: -0.9em;
  font-size: 150%;
  position: relative;
  top: 0.15em;
}

.research-single #content STRONG { color: #1C305B; }

#tags {
  margin-top: 2em;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1em;
}

#tags A:link,
#tags A:visited {
  background: #24A9E0;
  color: #FFFFFF;
  display: inline-block;
  margin: 0 0.3em 0.5em;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 75.55%;
  line-height: 1em;
  text-transform: none;
  padding: 0.6em 1.1em 0.6em 1em;
  text-decoration: none;
}

#tags A:hover,
#tags A:active {
  background: #1C305B;
  text-decoration: none;
}


/**************/
/* JOIN/RENEW */
/**************/
.join-renew STRONG { color: #1C305B; }

/*#join-form .join-ind { display: none; }*/

.join-form {
  float: left;
  width: 36.54%;
}

.join-form .nf-form-fields-required { display: none; }

.join-form .city-container {
  display: inline-block;
  width: 48.5%;
  margin-right: 1.8%;
}

.join-form .liststate-container {
  display: inline-block;
  width: 23%;
  margin-right: 1.8%;
}

.join-form .zip-container {
  display: inline-block;
  width: 23%;
}

.join-form .submit-container { margin-top: 4em; }

.jr-sidebar {
  float: right;
  width: 40.90%;
  box-sizing: border-box;
  padding: 4em 2em 0.5em 2em;
  background: #1C305B;
  color: #FFFFFF;
  text-align: center;
}

.jr-sidebar H3 {
  margin: 0 0 1.3em;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 200%;
  line-height: 1.2em;
}

.jr-sidebar H3 SPAN { color: #24A9E0; }

.jr-sidebar > DIV {
  padding-bottom: 3.5em;
}

.jr-sidebar IMG { margin-bottom: 1.5em; }

.jr-sidebar H4 {
  margin: 0;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 171.42%;
  line-height: 1em;
}

#dues {
  padding: 3em 0 2.5em;
  background: #1C305B;
  color: #FFFFFF;
}

#dues H3,
#sponsors H3 {
  margin: 0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1em;
}

#dues .columns {
  margin-top: 0.25em;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 45px;
  -moz-column-gap: 45px;
  column-gap: 45px;
}

#dues .columns TABLE {
  width: 100%;
  border-spacing: 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

#dues .columns TABLE .header {
  padding: 1.2em 0 0;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 121.42%;
  line-height: 1em;
  text-align: left;
}

#dues .columns TABLE .subheader {
  padding: 0 0 0.5em;
  color: #B5B5B5;
  font-style: italic;
  font-weight: 600;
  font-size: 85.71%;
  line-height: 1.3em;
  text-align: left;
}

#dues .columns TABLE TD {
  padding: 0.1em 0;
  width: 75%;
  position: relative;
}

#dues .columns TABLE TD:first-of-type:after {
  content: ".....";
  color: #24A9E0;
  position: absolute;
  top: 0;
  right: 0;
}

#dues .columns TABLE TD:nth-of-type(2) {
  text-align: right;
  width: 25%;
}

#sponsors {
  padding: 4em 0 5em;
  background: #24A9E0;
  color: #FFFFFF;
}

#sponsor-slideshow { margin: 3em 0 0; }

#sponsor-slideshow .cycle-slide > DIV {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-origin: content-box;
  width: 90%;
  margin: 0 auto;
}

#sponsor-slideshow .cycle-slide > DIV:after {
  content: "";
  display: block;
  padding-top: 55.28%;
}

#sponsor-slideshow .cycle-slide > DIV IMG { display: none; }



/************/
/* INSIGHTS */
/************/
.insights-header {
  margin-bottom: 2em;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1em;
  display: flex;
  justify-content: flex-end;
}

.insights-header .insights-search {
  width: 48%;
  margin-right: 2%;
}

.insights-header .pagination {
  width: 48%;
  margin-left: 2%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.insights-header.bottom .pagination { margin-bottom: 0; }

.insights-header .pagination SPAN,
.insights-header .pagination A { margin-left: 0.5em; }

.insights-header .pagination A:link,
.insights-header .pagination A:visited { color: #1C305B; }

.insights-header .pagination A:hover,
.insights-header .pagination A:active { color: #24A9E0; }

.insights-posts {
  display: flex;
  flex-wrap: wrap;
}

.insights-posts .insights-post {
  width: 30%;
  margin: 0 5% 5% 0;
  box-sizing: border-box;
  padding: 2em 2.1em 8em;
  background: #1C305B;
  color: #D6D6D6;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7em;
  position: relative;
}

.insights-posts .insights-post.focus-post { background: #24A9E0; color: #FFFFFF; }

.insights-posts .insights-post:nth-of-type(3n+3) { margin-right: 0; }

.insights-posts .insights-post H4,
.insights-posts .insights-post H5 {
  display: inline-block;
  margin: 0 0 1em;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 100%;
  line-height: 1em;
  text-transform: uppercase;
}

.insights-posts .insights-post H5 { color: #24A9E0; }
.insights-posts .insights-post.focus-post H5 { color: #1C305B; }

.insights-posts .insights-post H5:after {
  content: "\2022";
  color: #999999;
  margin: 0 0.3em;
}

.insights-posts .insights-post H3 {
  margin: 0 0 0.2em;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 185.71%;
  line-height: 1.2em;
}

.insights-posts .insights-post .more-link { color: inherit; pointer-events: none; }

.insights-posts .insights-post A.button:link,
.insights-posts .insights-post A.button:visited {
  position: absolute;
  bottom: 1.9em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  display: inline-block;
  background: #24A9E0;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 142.85%;
  line-height: 1em;
  padding: 0.8em 1.75em 0.55em;
}

.insights-posts .insights-post.focus-post A.button:link,
.insights-posts .insights-post.focus-post A.button:visited { background: #1C305B; }

.insights-posts .insights-post A.button:hover,
.insights-posts .insights-post A.button:active {
  background: #FFFFFF;
  color: #24A9E0;
}

.insights-posts .insights-post.focus-post A.button:hover,
.insights-posts .insights-post.focus-post A.button:active {
  background: #FFFFFF;
  color: #1C305B;
}

#insights-single-header,
#focus-header {
  background: #EBEBEB;
  color: #7C7C7C;
  font-weight: 700;
  font-size: 18px;
  line-height: 1em;
  padding: 1.5em 0;
}

#focus-header { background: #24A9E0; color: #FFFFFF; padding: 2.7em 0 2em; }

#insights-single-header .site-width,
#focus-header .site-width {
  position: relative;
  box-sizing: border-box;
  padding-right: 140px;
}

#insights-single-header H3,
#insights-single-header H4,
#focus-header H2,
#focus-header H3 {
  display: inline-block;
  margin: 0 0 0.5em;
  color: #24A9E0;
  font-weight: 700;
  font-size: 100%;
  line-height: 1em;
  text-transform: uppercase;
}

#insights-single-header H4 { color: #A5A5A5; }
#focus-header H2 { color: #1C305B; }
#focus-header H3 { color: #FFFFFF; }

#insights-single-header H4:after,
#focus-header H2:after {
  content: "\2022";
  color: #999999;
  margin: 0 0.3em;
}

#insights-single-header H1,
#focus-header H1 {
  margin: 0 0 0.1em;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 177.77%;
  line-height: 1.2em;
}

#focus-header H1 { color: #FFFFFF; }

#insights-single-header H2 {
  margin: 0;
  font-weight: 700;
  font-size: 100%;
  line-height: 1em;
}

#insights-single-header H2 SPAN { color: #24A9E0; }

#insights-single-header #toggle-share + LABEL {
  position: absolute;
  top: 1em;
  right: 0;
}

#insights-single-header #share-links {
  top: 5em;
  right: -3em;
}

#focus-header-buttons {
  position: absolute;
  top: 40%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 50;
}

#focus-header-buttons .button {
  display: block;
  background: #1C305B;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-align: center;
  box-sizing: border-box;
  padding: 0.63em 1em;
  width: 133px;
  margin-bottom: 0.75em;
}

#focus-header-buttons .button .far {
  font-size: 187.5%;
  line-height: 1em;
  vertical-align: middle;
}

#focus-header-buttons .button:hover { background: #FE7004; }

#focus-header-buttons #toggle-share + LABEL {
  margin-left: 0;
  text-align: center;
  box-sizing: border-box;
  width: 133px;
}

.insights-single { display: flex; }

#insights-single-sidebar {
  width: 33.63%;
  margin-right: 3.65%;
}

.insights-single.noimg #insights-single-sidebar { display: none; }

#insights-single-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 2em;
}

#insights-single-image:before {
  display: block;
  content: "";
  padding-top: 100%;
}

#insights-single-sidebar #tags { margin-bottom: 2em; }

#single-search {
  background: #1C305B;
  color: #FFFFFF;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  padding: 1.6em;
  margin-bottom: 2em;
}

#single-search #search > DIV {
  margin: 1em 0 0;
  width: 100%;
}

#single-search #search-field { margin-bottom: 1em; }

#single-search #search-button {
  border-left-color: #24A9E0;
  background: #24A9E0;
}

#single-search LABEL {
  color: #FFFFFF;
  font-size: 12px;
}

#insights-single-text {
  width: 62.72%;
  color: #555555;
  line-height: 1.6em;
}

.insights-single.noimg #insights-single-text { width: 100%; }

#insights-single-text UL {
  margin: 0 0 1.6em 0.7em;
  padding: 0 0 0 0.7em;
  list-style-type: none;
  line-height: 1.4em;
}

#insights-single-text OL {
  margin: 0 0 0 0.7em;
  padding: 0 0 0 0.7em;
}

#insights-single-text UL LI { padding: 0 0 0.4em; }

#insights-single-text OL LI { padding: 0 0 1em; }

#insights-single-text UL LI:before {
  content: "\2022";
  color: #24A9E0;
  display: inline-block;
  width: 0.9em;
  margin-left: -0.9em;
  font-size: 150%;
  position: relative;
  top: 0.15em;
}

#insights-single-text IMG,
#focus-text IMG,
.research-single #content IMG { max-width: 100%; height: auto; }

#insights-single-text IMG.alignleft,
#focus-text IMG.alignleft,
.research-single #content IMG.alignleft {
  float: left;
  margin: 0 2em 1em 0;
  max-width: 40%;
}

#insights-single-text IMG.alignright,
#focus-text IMG.alignright,
.research-single #content IMG.alignright {
  float: right;
  margin: 0 0 1em 2em;
  max-width: 40%;
}

#insights-single-text LI IMG.alignright { max-width: 25%; }

#insights-single-text IMG.aligncenter,
#insights-single-text IMG.alignnone,
#focus-text IMG.aligncenter,
#focus-text IMG.alignnone,
.research-single #content IMG.aligncenter,
.research-single #content IMG.alignnone { display: block; margin: 2em auto; }

#focus-text H1, #focus-text H2, #focus-text H3,
#focus-text H4, #focus-text H5, #focus-text H6 {
  margin: 0 0 0.1em;
  color: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 128.57%;
  line-height: 1em;
}

#focus-text H2 { font-size: 121.42%; line-height: 1em; }
#focus-text H3 { font-size: 114.28%; line-height: 1em; }
#focus-text H4 { font-size: 107.14%; line-height: 1em; }
#focus-text H5 { font-size: 100%; line-height: 1em; }

.research-single.datatool #content H6,
#focus-text H6 {
  clear: both;
  margin-top: 1em;
  font-size: 150%;
  line-height: 1em;
  background-image: linear-gradient(to right, #1C305B 0, transparent 100%);
  color: #FFFFFF;
  padding: 0.55em 0.5em 0.3em;
  text-shadow: 0 0 5px #1C305B;
}

#focus-text BLOCKQUOTE {
  margin: 2em 0 3em;
  padding: 2em 1.5em;
  background: #24A9E0;
  color: #FFFFFF;
}

#focus-text BLOCKQUOTE P:last-of-type { margin-bottom: 0; }



/***********/
/* CONTACT */
/***********/
#tabs.contact .bars {
  background-image: url(images/bars-left.png), url(images/contact-background.jpg);
  background-position: left 4em, right center;
  background-repeat: no-repeat;
  background-size: auto, contain;
}

.contact-form {
  display: inline-block;
  width: 50.45%;
}

.contact-form .nf-form-fields-required,
.contact-form .ninja-forms-req-symbol { display: none; }

.contact-form .city-container {
  display: inline-block;
  width: 48.5%;
  margin-right: 1.8%;
}

.contact-form .liststate-container {
  display: inline-block;
  width: 23%;
  margin-right: 1.8%;
}

.contact-form .zip-container {
  display: inline-block;
  width: 23%;
}

.contact-form .submit-container { margin-top: 4em; }

#maps {
  padding: 5em 0;
  background: #1C305B;
  color: #FFFFFF;
  
}

#maps .line { position: relative; }
#maps .line > DIV {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  height: 5px;
  background: #FFFFFF;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#maps .line H2 {
  display: inline-block;
  margin: 0;
  padding-right: 0.5em;
  background: #1C305B;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 214.28%;
  line-height: 1em;
  position: relative;
  z-index: 3;
}

#maps-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.7em;
}

#maps-content > DIV { width: 22.18%; }
#maps-content > DIV:first-of-type { width: 44.36%; }

#maps-content > DIV .map {
  overflow: hidden;
  padding-top: 50%;
  position: relative;
}

#maps-content > DIV .map IFRAME {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#maps-content H3 {
  margin: 0 0 0.5em;
  color: #24A9E0;
  font-family: 'Geometos', sans-serif;
  font-weight: 400;
  font-size: 128.57%;
  line-height: 1em;
}

#maps-content SPAN { color: #24A9E0; }











@media only screen and (max-width: 1400px) {
  .bars.our-mission, .bars.insights-bars, .single-focus .bars { position: relative; }
  .bars.our-mission:before,
  .bars.insights-bars:before,
  .single-focus .bars:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
  }
  .bars.our-mission .site-width,
  .bars.insights-bars .site-width,
  .single-focus .bars .site-width { position: relative; z-index: 2; }
}

@media only screen and (max-width: 1200px) {
  .bars { position: relative; }
  .bars:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 1;
  }
  .bars .site-width { position: relative; z-index: 2; }

  #ep-header .site-width {
    width: 100%;
    background-image: linear-gradient(105deg, #24A9E0 calc(45.72%), #1C305B calc(45.72%));
  }
  #ep-header H1.left { margin-left: 50px; }

  #ep { width: 100%; }
  #ep #events { left: 0; }
  #ep #publication {
    box-sizing: border-box;
    padding: 2.5em 2% 2.5em 50px;
  }

  #share-links { right: -1em; }
  #share-links:before { left: 67%; }
}

@media only screen and (max-width: 1150px) {
  .cycle-slideshow:before { padding-top: 45%; }
  .cycle-slide .box { font-size: 1.13vw; }
  .cycle-slide .box-text H1 { font-size: 310%; line-height: 1em; }
  .cycle-slide .box-text .button:link,
  .cycle-slide .box-text .button:visited { font-size: 150%; }

  #home-join > DIV { right: 2%; width: 45%; font-size: 1.8vw; }

  #share-links { right: 0; }

  .research-single #cover { min-height: 0; }
}

@media only screen and (max-width: 1100px) {
  .site-width { width: 96%; }

  #headnav UL LI.columns UL { left: 25%; }

  FOOTER #footnav UL {
    -webkit-column-gap: 6.4vw;
    -moz-column-gap: 6.4vw;
    column-gap: 6.4vw;
  }

  #ep-header H1 { font-size: 3.25vw; }

  #ep #events { font-size: 1.1vw; }

  #ep #events .button { font-size: 2vw; padding: 1em 1.5em 0.75em; }

  #ep #publication #publication-info IMG { width: 33%; }

  #ep #publication .button { font-size: 2vw; }

  #reports .cycle-slide { font-size: 1.27vw; }
  #reports .cycle-slide IMG { height: 22vw; }
  #reports .cycle-slide H3 { font-size: 1.8vw; }
  #focus .cycle-slide H3 { font-size: 2.1vw; }

  #focus .cycle-slide A:link,
  #focus .cycle-slide A:visited { width: 100%; }

  .featherlight .featherlight-content { width: 96%; }
  .modal .site-width { width: 100%; }

  #reports .line > DIV,
  #focus .line > DIV,
  #board .line > DIV,
  #eventreg .line > DIV,
  #maps .line > DIV { width: 102% !important; }

  #research-banner-text { width: calc(100% - 150px); }
  #research-buttons { width: 150px; }
  #research-buttons A,
  #toggle-share + LABEL { width: 140px; box-sizing: border-box; text-align: center; }
  #toggle-share + LABEL { margin: 0.5em 0 0; }
  #focus-header-buttons #toggle-share + LABEL { margin-top: 0; }

  #dues { font-size: 1.27vw; }

  .event-body .event-sidebar .pricing .price { font-size: 1.4vw; }

  .event-body .event-sidebar .event-buttons #toggle-share + LABEL { margin-top: 0; }
  .event-body .event-sidebar .event-buttons #share-links { left: 170px; }
  .event-body .event-sidebar .event-buttons .button:link,
  .event-body .event-sidebar .event-buttons .button:visited { padding: 1.25em 1em 0.95em; }

  .modal-members .sidebar H2 {
    left: 2%;
    font-size: 4.4vw;
    width: 33.63%;
    padding: 0;
  }
}

@media only screen and (max-width: 1000px) {
  FOOTER .left .footer-buttons A:link,
  FOOTER .left .footer-buttons A:visited {
    font-size: 1.6vw;
  }
  
  FOOTER .social LI A:before { font-size: 2.1vw; }
  FOOTER .social A:link, FOOTER .social A:visited {
    width: 4vw;
    height: 4vw;
  }

  #ep-header H1.left { margin-left: 5%; }

  #ep #events { font-size: 1.2vw; }

  #ep #events .event { padding: 2.5em 10%; }

  #ep #publication { padding-left: 5%; padding-right: 5%; }

  #ep #publication #publication-info { align-items: flex-start; }

  .staff .staff-content { font-size: 1vw; }

  #research-single-banner .view { font-size: 1.4vw; }
  
  .join-form,
  .jr-sidebar { width: 45%; }

  .event-header .reg-text { width: 12%; }

  .event-body .event-sidebar .event-buttons { flex-direction: column; align-items: flex-start; }

  .event-body .event-sidebar .event-buttons .button:link,
  .event-body .event-sidebar .event-buttons .button:visited { margin-top: 1em; }
  
  #focus .cycle-slide .image { width: 30%; }
  #focus .cycle-slide .image:before { padding-top: 180%; }

  #focus .cycle-slide .text { width: 65%; }

  #focus .cycle-slide .buttons { bottom: 0; }

  #focus-header-buttons { top: 50%; }

  .insights-posts .insights-post {
    width: 48%;
    margin: 0 4% 4% 0;
  }

  .insights-posts .insights-post:nth-of-type(3n+3) { margin-right: 4%; }
  .insights-posts .insights-post:nth-of-type(2n+2) { margin-right: 0; }
}

@media only screen and (max-width: 900px) {
  #logo { height: auto; width: 55%; }
  #logo IMG {
    max-height: none;
    max-width: 100%;
    height: auto;
  }

  #header-right { width: 35%; }

  FOOTER #footnav UL {
    -webkit-column-gap: 6vw;
    -moz-column-gap: 6vw;
    column-gap: 6vw;
  }

  .cycle-slideshow:before { padding-top: 55%; }
  .cycle-slide .box {
    font-size: 1.3vw;
    background-image: linear-gradient(105deg, #1C305B 65%, transparent 65%);
  }
  .cycle-slide .box-text { width: 60%; }

  #ep #publication { font-size: 1.4vw; }
  
  #ep #publication #publication-info { flex-direction: column; }

  #ep #publication #publication-info IMG {
    margin: 0 0 2em 0;
    width: 100%;
    height: auto;
  }

  #home-insights .insights-post A:link,
  #home-insights .insights-post A:visited { font-size: 140%; padding: 0.9em 1.5em 0.65em; }

  .staff-modal .sidebar { font-size: 1.3vw; }

  .filter-gray #FilterYear { margin-right: 5%; }

  #dues { font-size: 1.56vw; }
  #dues .columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .join-form,
  .jr-sidebar { width: 48%; }

  #single-search { padding-bottom: 1em; }

  #single-search LABEL { display: block; line-height: 30px; }

  .event-header .details .location SPAN { display: block; visibility: hidden; height: 0.25em; }

  .event-header .reg-text { width: 15%; }

  #tabs.contact > LABEL { white-space: normal; }

  #focus .cycle-slide .image:before { padding-top: 200%; }
}

@media only screen and (max-width: 800px) {
  /* Small computer or landscape tablet */
  FOOTER { padding: 50px 0; }

  #home-insights .insights-post { padding-bottom: 7em; }
  #home-insights .insights-post A:link,
  #home-insights .insights-post A:visited { font-size: 110%; }

  #reports .cycle-slide { padding: 0 25px; }

  #tabs > LABEL,
  #tabs.insights-tabs A:link,
  #tabs.insights-tabs A:visited { width: 40%; }

  .staff { width: 33.33%; }
  .staff .staff-content { font-size: 1.3vw; }

  #officers .officer { width: 29.68%; }

  #board .directors,
  #board .emeritus-directors {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  
  .filter-gray #FilterYear { margin-right: 10%; }

  .filter-gray .select { display: block; margin-left: 0; }

  .filter-gray #search > DIV {
    display: block;
    margin-left: 0;
    width: 100%;
  }

  #tags-menu .site-width {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  
  #research-single-banner { font-size: 1.75vw; }
  #research-single-banner .view { font-size: 100%; }
  
  #research-banner-text { width: 100%; }

  #research-buttons {
    position: absolute;
    top: 0;
    right: 2%;
    width: 50%;
    padding-top: 0;
  }

  #research-buttons > A:link,
  #research-buttons > A:visited,
  #toggle-share + LABEL { font-size: 1.5vw; width: auto; }

  #share-links:before { left: 80%; }

  #research-buttons A .fas, #toggle-share + LABEL .fas { font-size: 130%; }

  #focus .cycle-slide .image,
  #focus .cycle-slide .buttons A SPAN { display: none; }
  #focus .cycle-slide .text { width: 100%; padding-bottom: 50px; }

  #focus .cycle-slide H3 { font-size: 3vw; }

  #focus .cycle-slide .buttons { display: flex; justify-content: space-between; margin-top: 1em; position: static; }
  #focus .cycle-slide A:link,
  #focus .cycle-slide A:visited { width: 48%; font-size: 2vw; }

  #focus .cycle-slide A.pdf:link,
  #focus .cycle-slide A.pdf:visited { margin-top: 0; }

  .event-header .reg-text { width: 17%; }
  
  .event-body .event-sidebar .event-buttons #toggle-share + LABEL { font-size: 16px; width: 140px; }
  .event-body .event-sidebar .event-buttons #toggle-share + LABEL .fas { font-size: 187.5%; }

  #insights-single-header .site-width { padding-right: 0; }

  #insights-single-header #toggle-share + LABEL {
    top: -2em;
    right: 2%;
  }

  #insights-single-header #share-links {
    top: 2em;
    right: 0;
  }

  #focus-header-buttons #toggle-share + LABEL { font-size: 16px; }
  #focus-header-buttons #toggle-share + LABEL .fas { font-size: 187.5%; }

  #tabs.contact > LABEL { font-size: 3.5vw; }
  
  #maps-content { flex-wrap: wrap; }
  #maps-content > DIV {
    width: 45%;
    margin: 1em 0;
    font-size: 2.4vw;
    line-height: 1.4em;
  }

  #maps-content > DIV:first-of-type { width: 100%; }
}

@media only screen and (max-width: 750px) {
  #logo { height: auto; width: 66%; }

  HEADER { height: auto; }

  #header-right { float: none; width: 100%; margin-top: 1em; }

  #header-right UL LI,
  #header-right UL LI.join { float: left; width: 25%; margin-right: 2%; }
  #header-right UL LI.event { width: 46%; margin: 0; }

  LABEL[for="toggle-menu"] {
    display: inline-block;
    cursor: pointer;
    color: #1C305B;
    font-size: 49px;
    height: auto;
    line-height: 1em;
    position: absolute;
    top: 25px;
    right: 2%;
    z-index: 10001;
  }

  LABEL[for="toggle-menu"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c9";
  }

  #toggle-menu:checked + LABEL[for="toggle-menu"]:after {
    content: "\f00d";
    color: #FFFFFF;
  }

  #toggle-menu + LABEL + #headnav {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    background: rgba(29, 48, 91, 0.9);
    font-size: 7vw;
    box-sizing: border-box;
  }

  #toggle-menu:checked + LABEL + #headnav { display: block; padding-top: 25px; }

  #toggle-menu:checked + LABEL + #headnav UL { text-align: left; }
  
  #toggle-menu:checked + LABEL + #headnav UL LI { display: block; padding: 0.4em 0; }
  #toggle-menu:checked + LABEL + #headnav UL LI:hover { background: transparent; }

  #toggle-menu:checked + LABEL + #headnav UL LI A:link,
  #toggle-menu:checked + LABEL + #headnav UL LI A:visited,
  #toggle-menu:checked + LABEL + #headnav UL LI:hover A,
  #toggle-menu:checked + LABEL + #headnav UL LI:active A {
    padding: 0;
  }

  #toggle-menu:checked + LABEL + #headnav UL LI UL {
    display: block;
    position: static;
    padding: 0;
    background: transparent;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: none;
  }

  #toggle-menu:checked + LABEL + #headnav UL LI.columns UL {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-size: 2.5vw;
  }

  #toggle-menu:checked + LABEL + #headnav UL LI UL LI A:link,
  #toggle-menu:checked + LABEL + #headnav UL LI UL LI A:visited,
  #toggle-menu:checked + LABEL + #headnav UL LI UL LI A:hover,
  #toggle-menu:checked + LABEL + #headnav UL LI UL LI A:active {
    font-size: 3vw;
    padding: 0.3em 0;
  }

  #toggle-menu:checked + LABEL + #headnav UL LI.columns UL LI A:hover,
  #toggle-menu:checked + LABEL + #headnav UL LI.columns UL LI A:active {
    color: #FFFFFF;
  }

  #headnav UL LI.columns UL LI A:after { color: #24A9E0; }

  FOOTER .left { width: 48%; }

  FOOTER .left .footer-buttons A:link,
  FOOTER .left .footer-buttons A:visited {
    font-size: 2vw;
  }

  FOOTER .social LI A:before { font-size: 3vw; }
  FOOTER .social A:link, FOOTER .social A:visited {
    width: 5.2vw;
    height: 5.2vw;
  }

  FOOTER #footnav { width: 50%; }

  FOOTER #footnav UL {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 7vw;
    -moz-column-gap: 7vw;
    column-gap: 7vw;
  }

  .cycle-slideshow:before { padding-top: 65%; }
  .cycle-slide .box {
    font-size: 1.5vw;
    background-image: linear-gradient(105deg, #1C305B 70%, transparent 70%);
  }
  .cycle-slide .box-text { width: 65%; }
  
  #ep-header .site-width { background: #24A9E0; padding: 0 5%; box-sizing: border-box; }
  #ep-header H1.left { width: 100%; margin: 0; font-size: 6vw; }
  #ep-header H1.right { display: none; }

  #ep { display: block; }

  #ep #events { width: 100%; font-size: 2.2vw; }

  #ep #events .event { padding: 2.5em 5%; }

  #ep #events .event .details { width: 75%; }

  #ep #events .button { font-size: 3vw; margin: 1.5em 0 3em 5%; }

  #ep #publication-header {
    display: block;
    background: #24A9E0;
    color: #FFFFFF;
    font-family: 'Geometos', sans-serif;
    font-weight: 400;
    font-size: 6vw;
    line-height: 1em;
    text-transform: uppercase;
    padding: 1.2em 5% 0.95em;
  }

  #ep #publication-header SPAN { color: #1C305B; }

  #ep #publication { width: 100%; font-size: 2vw; }

  #ep #publication #publication-info { flex-direction: row; }

  #ep #publication #publication-info IMG {
    margin: 0 5% 0 0;
    width: 33%;
  }

  #ep #publication .button { font-size: 3vw; }

  #home-join:before { padding-top: 50%; }
  #home-join > DIV { width: 55%; padding-top: 2.3em; font-size: 2.2vw; }
  
  #home-insights { padding: 4em 0; }
  #home-insights .site-width { flex-direction: column; }
  #home-insights .insights-post { width: 100%; margin: 0 0 2em 0; padding-bottom: 8em; }
  #home-insights .insights-post A:link,
  #home-insights .insights-post A:visited {
    font-size: 142.85%;
    padding: 0.9em 1.75em 0.65em;
  }

  .staff-modal .sidebar { font-size: 1.1vw; }
  
  .wwd .site-width { width: 100%; }
  .wwd .image, .wwd.sponsorship .image { position: static; width: 100%; height: 400px; }
  .wwd .text, .wwd.right .text,
  .wwd.sponsorship .text, .wwd.sponsorship.right .text {
    float: none;
    width: 96%;
    text-align: left;
    margin: 0 auto;
  }

  .filter-gray #FilterYear { margin-right: 5%; }

  .filter-gray #search { width: 33%; }

  #tags-menu .site-width {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  A.research-index { width: 100%; margin-right: 0; }

  .research-index IMG { max-width: 33%; }

  .research-index .text { width: 63%; }
  
  #with-video { background-image: none; }
  .research-single #cover { display: block; width: 100%; }
  #video-box { position: static; margin-top: 2em; }
  #video-box .site-width { width: 100%; }
  #video-box .site-width #video-wrap { width: 100%; padding: 2em 1em 2em 5em; }
  
  #content-with-video .site-width { width: 100%; }
  #content-with-video .site-width #content { padding: 0 2%; box-sizing: border-box; }

  #content-with-video #media { position: static; background: #EBEBEB; }
  #content-with-video #media-coverage { width: 100%; padding: 3em 2%; box-sizing: border-box; }
  #media-without-video #media-coverage { width: 100%; padding: 3em 2%; }
  #media-coverage #columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  #media-coverage #columns DIV { padding-right: 0; }

  .research-single #content-with-video #content { width: 100%; }

  #dues { font-size: 1.88vw; }
  #dues .columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .join-form,
  .jr-sidebar { float: none; width: 100%; }
  .jr-sidebar { margin-top: 4em; }

  .jr-sidebar > DIV {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    box-sizing: border-box;
    padding: 0 0.5em 3em;
  }

  .jr-sidebar IMG { max-width: 100%; height: auto; }

  #tabs.insights-tabs > LABEL,
  #tabs.insights-tabs A:link,
  #tabs.insights-tabs A:visited {
    min-width: 0;
    font-size: 4vw;
  }

  .event-header { flex-wrap: wrap; justify-content: flex-start; }

  .event-header .details,
  .event-header.single .details { width: 78%; }

  .event-header .details .location SPAN {
    display: inline;
    visibility: visible;
    height: 1em;
  }

  .event-header .reg-text { width: 18%; }
  .event-header.single .reg-text { width: 100%; }

  .event-header .button:link, .event-header .button:visited { margin-right: 5%; }
  
  .event-header .reg-text,
  .event-header .button:link, .event-header .button:visited,
  .event-header .more-info { margin-top: 14px; }

  .event-body .event-sidebar { width: 42%; }

  .event-body .event-sidebar .pricing { flex-wrap: wrap; justify-content: flex-start; }
  .event-body .event-sidebar .pricing .price {
    width: 30%;
    margin: 2.5% 5% 2.5% 0;
    font-size: 2.6vw;
  }
  .event-body .event-sidebar .pricing .price:nth-of-type(3) { margin-right: 0; }

  .event-body .event-sidebar .event-buttons { flex-direction: row; }

  .event-body .event-sidebar .event-buttons .button:link,
  .event-body .event-sidebar .event-buttons .button:visited { margin-top: 0; }

  .insights-single { flex-direction: column; }

  #insights-single-sidebar {
    width: 100%;
    margin-right: 0;
    order: 2;
  }

  #single-search { padding-bottom: 1.6em; }
  #single-search LABEL { display: inline; line-height: auto; }

  #insights-single-text { width: 100%; }
}

@media only screen and (max-width: 600px) {
  /* Small tablet */
  #logo { height: auto; width: 75%; }

  FOOTER .left { width: 100%; margin-bottom: 2em; }

  FOOTER .left .footer-buttons UL LI,
  FOOTER .left .footer-buttons UL LI.join {
    width: 48%;
  }

  FOOTER .left .footer-buttons A:link,
  FOOTER .left .footer-buttons A:visited {
    font-size: 4vw;
  }

  FOOTER .social LI A:before { font-size: 5vw; }
  FOOTER .social A:link, FOOTER .social A:visited {
    width: 9.5vw;
    height: 9.5vw;
  }

  FOOTER #footnav {
    float: none;
    width: 100%;
    text-align: center;
    font-size: 3vw;
  }

  FOOTER #footnav UL {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
  }

  .cycle-slideshow:before { padding-top: 75%; }
  .cycle-slide .box {
    font-size: 1.7vw;
    background-image: linear-gradient(105deg, #1C305B 78%, transparent 78%);
  }
  .cycle-slide .box-text { width: 75%; }

  #tags { font-size: 14px; }

  #mission-mission,
  #mission-vision { padding: 0 0 4em; }

  #mission-mission .image,
  #mission-vision .image {
    position: static;
    width: 100%;
    height: auto;
    margin-bottom: 4em;
  }

  #mission-mission .image:before,
  #mission-vision .image:before {
    content: "";
    display: block;
    padding-top: 60%;
  }

  #mission-mission .text,
  #mission-vision .text { width: 100%; text-align: left; }

  #reports .cycle-slide { padding: 0 40px; font-size: 2.4vw; }
  #reports .cycle-slide IMG { height: 40vw; }
  #reports .cycle-slide H3 { padding-top: 0.2em; font-size: 3.6vw; }

  #reports .cycle-slide A:link,
  #reports .cycle-slide A:visited { bottom: 0.3em; }

  #focus .cycle-slide .image { display: inline; }
  #focus .cycle-slide .image:before { padding-top: 131%; }
  #focus .cycle-slide .text { width: 65%; padding-bottom: 0; }

  #focus .cycle-slide H3 { font-size: 4vw; }

  #focus .cycle-slide .buttons { margin-top: 0; position: absolute; width: 100%; }
  #focus .cycle-slide A:link,
  #focus .cycle-slide A:visited { font-size: 2.5vw; }

  .staff { width: 50%; }
  .staff .staff-content { font-size: 1.8vw; }

  .featherlight .featherlight-close-icon { top: -15px !important; right: -15px !important; }

  .modal .site-width { flex-direction: column; }
  .modal .sidebar { width: 100%; padding: 3em 4% 2em; }
  .staff-modal .sidebar { font-size: 2.8vw; }
  .staff-modal .sidebar IMG { max-width: 33%; float: left; margin: 0 3% 0 0; }
  .modal .content { width: 100%; padding: 3em 4% 2em; }

  #board .directors,
  #board .emeritus-directors {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .filter-gray #search { display: block; width: 50%; margin-top: 1em; }

  #tags-menu .site-width {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  #research-single-banner { font-size: 2.3vw; }
  #research-buttons > A:link,
  #research-buttons > A:visited,
  #toggle-share + LABEL { font-size: 1.9vw; }

  .jr-sidebar { padding: 4em 0.5em 0.5em 0.5em; }

  .event-header { justify-content: space-between; }
  .event-header .details { width: 73%; }

  .event-header .details .location SPAN {
    display: block;
    visibility: hidden;
    height: 0.25em;
  }

  .event-header .reg-text { width: 30%; margin-right: 0; }
  .event-header .button:link, .event-header .button:visited { margin-right: 0; }

  .event-body-content { flex-direction: column-reverse; }
  .event-body .event-text { width: 100%; }
  .event-body .event-text P:last-of-type { margin-bottom: 2em; }
  .event-body .event-sidebar { width: 100%; }

  .event-body .event-sidebar .pricing { flex-wrap: nowrap; justify-content: space-between; }
  .event-body .event-sidebar .pricing .price {
    width: 18%;
    margin: 0;
    font-size: 3.7vw;
  }
  .event-body .event-sidebar .pricing .price:nth-of-type(3) { margin-right: 0; }

  #modal-links A { width: 100%; }

  .modal-members .sidebar H2 {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    text-align: center;
    font-size: 5.1vw;
  }

  .insights-header { display: block; }

  .insights-header .insights-search,
  .insights-header .pagination {
    width: 100%;
    margin: 0;
  }

  .insights-header .pagination { margin-top: 2em; }

  .insights-posts .insights-post {
    width: 100%;
    margin: 0 0 4% 0;
  }

  .insights-posts .insights-post:nth-of-type(3n+3) { margin-right: 0; }

  #insights-single-text IMG.alignleft,
  #focus-text IMG.alignleft,
  #insights-single-text IMG.alignright,
  #focus-text IMG.alignright {
    float: none;
    max-width: 100%;
    display: block;
    margin: 2em auto;
  }

  .contact-form { width: 100%; }

  #maps .line H2 { font-size: 5vw; }

  #maps-content > DIV {
    width: 48%;
    font-size: 2.8vw;
  }
}

@media only screen and (max-width: 480px) {
  /* Phone */
  #logo { height: auto; width: 80%; }

  #header-right A:link,
  #header-right A:visited {
    font-size: 2.7vw;
  }

  FOOTER #footnav { font-size: 4.5vw; }

  FOOTER #footnav UL {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .cycle-slideshow:before { padding-top: 90%; }
  .cycle-slide .box { font-size: 2.2vw; }
  .cycle-slide .box-text H1 { font-size: 248%; line-height: 1em; }
  .cycle-slide .box-text .button:link,
  .cycle-slide .box-text .button:visited { font-size: 125%; }

  #ep #events, #ep #publication { font-size: 2.6vw; }
  #ep #events .event .details { width: 70%; }
  #ep #events .button, #ep #publication .button { font-size: 4vw; }

  #tags { font-size: 3vw; }

  #home-join:before { padding-top: 70%; }
  #home-join > DIV { width: 62%; padding-top: 1.5em; font-size: 3vw; }

  #reports { padding-bottom: 58px; }

  #reports H2 { padding-right: 0; margin-bottom: 1em; }
  #reports #line { display: none; }

  #reports .cycle-slide { font-size: 4vw; line-height: 1.6em; }

  #reports .cycle-slide > DIV { flex-direction: column-reverse; }

  #reports .cycle-slide IMG { height: auto; max-width: 100%; margin: 2em 0 0; }

  #reports .cycle-slide H3 { font-size: 5.9vw; }

  #tabs > LABEL { font-size: 6.5vw; }

  .staff { width: 100%; }
  .staff .staff-content { font-size: 3.2vw; }

  #officers .officer { width: 45.89%; }

  #board .line H2 { font-size: 6vw; }

  .filter-gray #search { width: 45%; }

  #dues { font-size: 3.5vw; }
  #dues .columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .jr-sidebar > DIV {
    display: block;
    width: 100%;
    padding: 0 0 3.5em;
  }

  .event-header .details,
  .event-header.single .details { width: 67%; }

  .event-body .event-sidebar .event-buttons #share-links { left: auto; right: -2em; }
  
  .title-banner.spon-title H1 { font-size: 10vw; }
  .sponsorship-prefooter { font-size: 5vw; }
}



@media print {
  .print { display: block; }
  SPAN.print { display: inline-block; }

  *, LI:before { color: #000000 !important; }

  BODY { font-size: 13pt; }

  HEADER { height: auto; padding: 0; }

  #logo IMG { display: none; }
  #logo IMG.print { display: block !important; }

  #header-right, #headnav, FOOTER, #copyright {
    display: none;
  }

  .bars { padding: 1em 0; }

  #research-single-banner { padding: 1em 0; }

  #research-single-banner .category,
  #research-single-banner .view,
  #research-buttons,
  #with-video,
  .research-single #cover,
  #with-video #video-box,
  #tags {
    display: none;
  }

  #research-banner-text { width: 100%; }

  #media-coverage { padding: 0; }

  #media-coverage A { text-decoration: none !important; }
  #media-coverage A SPAN.print { font-size: 70%; position: relative; top: -0.3em; }

  #media-coverage #columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  #media-coverage #columns DIV { padding: 0 0 1.5em 0; }

  .research-single #content { width: 100%; margin-bottom: 0; }
  .research-single #content-with-video #content { width: 62.72%; }

  .links { font-size: 9pt; line-height: 1.4em; }
}