/* 
	01 IMPORTS
	02 DEFAULTS
	03 BREAKPOINTS
	04 BODY & GENERAL FONT SIZING
	05 UTILITY CLASSES
	06 HEADER
	07 MEGA MENU
	08 MAIN CONTAINER
	09 FLEX GRID LAYOUT	
	10 GENERAL STYLING
	11 ARTICLE HEADER
	12 ARTICLE FORMATTING	
	13 HOMEPAGE
	14 CARDS
	15 FORMS
	16 FOOTER
*/
/* 	----------------------------------------------------------

	01 IMPORTS

	---------------------------------------------------------- */
/* Standard Colors
----------------------------------------- */
/*
tint = lighten w/ white  shade = darken w/ black */
/* BLACK & WHITE */
/* really dark navy */
/* PENN STATE BRAND BLUE */
/* logo medium blue */
/* logo navy */
/* highlights only */
/* Fonts
----------------------------------------- */
/* 12, 14, 16, 20, 24, 28, 36, 48 */
/* 12 */
/* 14 */
/* 17.6 */
/* 20 */
/* 24 */
/* 28 */
/* 36 */
/* 48 */
/* 64 */
/* ----------------------------------------------------------

STRIPPED DOWN RESET

---------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
* {
  padding: 0;
  margin: 0;
  outline: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility; }

.clear:after,
.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }
  
 .clearall { height: 0; margin: 0; padding: 0; }

img {
  align-self: flex-start;
  flex-shrink: 0;
  /* IE 11 */
  min-height: 1px;
  /* IE 10 force resize */
  flex: none;
  /* IE 10 */ }

a img {
  border: none;
  /* IE 10 */ }

/* 	----------------------------------------------------------

	02 DEFAULTS

	---------------------------------------------------------- */
/* half of what you want margins to be */
/* 	----------------------------------------------------------

	03 BREAKPOINTS

	---------------------------------------------------------- */
/*420*/
/*600*/
/*760 - imbetween b/c of wide mega menu */
/*900*/
/*1200*/
/*1400*/
/*1800*/
/* 1440px; */
/* query for no padding beyond this width */
/* 	----------------------------------------------------------

	04 GENERAL BODY & FONT SIZING

	---------------------------------------------------------- */
body {
  font-size: 80%;
  font-family: "Open Sans", "Bitter", sans-serif;
  font-weight: 400;
  color: #333;
  color: #000;
  position: relative; 
}

@media (min-width: 37.5rem) {
  body {
    font-size: 85%; } }
@media (min-width: 56.25rem) {
  body {
    font-size: 90%; } }
@media (min-width: 75rem) {
  body {
    font-size: 95%; } }
@media (min-width: 87.5rem) {
  body {
    font-size: 100%; } }
@media (min-width: 112.5rem) {
  body {
    font-size: 105%; } }
/* 	----------------------------------------------------------

	05 UTILITY CLASSES

	---------------------------------------------------------- */
/* 	:: Offscreen Elements
	----------------------------------------- */
.element-invisible.mobile-only {
  height: auto;
  width: auto;
  left: auto;
  position: relative; }

.element-invisible {
  height: 0px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 0px; }
  .element-invisible:active, .element-invisible:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    width: auto; }

a.element-invisible:focus {
  background-color: #AC9137;
  color: #FFF; }

@media (min-width: 37.5rem) {
  .element-invisible.mobile-only {
    height: 0px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 0px; } }
/* 	:: Formatting Utilities
	----------------------------------------- */
.word-break {
  word-break: break-all; }

.padding {
  padding: 2.5%; }

.padding-tb {
  padding-top: 2.5%;
  padding-bottom: 2.5%; }

.padding-lr {
  padding-left: 2.5%;
  padding-right: 2.5%; }

.margin {
  margin: 2.5%; }

.margin-tb {
  margin-top: 2.5%;
  margin-bottom: 2.5%; }

.margin-lr {
  margin-left: 2.5%;
  margin-right: 2.5%; }

.no-margin {
  margin: 0; }

.no-margin-bottom {
  margin-bottom: 0; }

.no-margin-top {
  margin-top: 0; }

.no-padding {
  padding: 0; }

.no-padding-bottom {
  padding-bottom: 0; }

.no-padding-top {
  padding-top: 0; }

.img-rounded {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

.img-circle {
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
  border: 0.5em solid rgba(255, 255, 255, 0.1); }

.text-left {
  text-align: left; }

.text-left-mobile-center,
.text-right-mobile-center {
  text-align: center; }

.text-right {
  text-align: right; }

@media (min-width: 37.5rem) {
  .text-left-mobile-center {
    text-align: left; }

  .text-right-mobile-center {
    text-align: right; } }
.center-mobile {
  text-align: center; }

@media (min-width: 37.5rem) {
  .center-mobile {
    text-align: inherit; } }
.text-center {
  text-align: center; }

.float-left {
  float: left;
  margin-right: 1rem; }

.float-right {
  float: right;
  margin-left: 1rem; }

.small {
  font-size: 75%; }

.container-center,
.element-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

img.actual-size {
  width: auto;
  height: auto; }

.hide,
.hide-mobile {
  display: none; }

.hide-desktop {
  display: block; }

@media (min-width: 37.5rem) {
  .hide-mobile {
    display: block; }

  header .hide-mobile {
    display: none; }

  .hide-desktop {
    display: none; } }
@media (min-width: 47.5rem) {
  header .hide-mobile {
    display: block; } }
span.highlighter {
  background-color: #BBF99E;
  display: inline-block;
  padding: 2px; }

/* 	----------------------------------------------------------

	06 HEADER

	---------------------------------------------------------- */
header {
  width: 100%;
  position: relative;
  display: block;
  z-index: 999;
  background-color: #E5E5E5;
  background: linear-gradient(#fff, #d9d9d9);
  
}
  header img {
    display: block;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  header img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75; }
  header a {
    align-self: flex-start; }
  header ul {
    list-style-type: none;
    font-size: 1.1rem;
    position: relative;
    top: -0.5rem; }
    header ul li {
      display: inline-block;
      margin: 0 0.25rem; }

.logo-ics img {
  width: 280px;
  height: auto;
  z-index: 9; }

@media (min-width: 60em) {
  .logo-ics img {
    width: 340px;
    height: auto; } }
/* 	----------------------------------------------------------

	07 MEGA MENU

	---------------------------------------------------------- */
/* 	:: Menu in Mobile Mode
	----------------------------------------- */
#show-micro {
  display: block;
  text-align: center;
  position: relative;
  align-items: center;
  background-color: #478AB3;
  line-height: 1;
  cursor: pointer;
  padding: 1rem;
  white-space: nowrap;
  width: 100%;
  z-index: 999;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #FFF; }
  #show-micro:before {
    content: '\E5D2';
    font-family: 'Material Icons';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    margin-right: 0.25rem;
    font-size: 1.5rem;
    display: inline-block;
    position: relative;
    color: #fff; }
  #show-micro span {
    display: inline-block;
    position: relative;
    top: -0.375rem; }
  #show-micro:hover {
    background-color: #3D7799;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #FFF; }
  #show-micro.opened {
    background: #205EA3; }

/* 	:: Menu Bar
	----------------------------------------- */
.cbp-hrmenu {
  display: block;
  height: 0;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: 100%;
  position: relative;
  z-index: 999;
  text-align: center;
  /* just to center inital ul - override inside */
  background-color: #0F1C38;
  font-weight: 400;
  letter-spacing: 0.025rem; }

.cbp-hrmenu.display-cbp-hrmenu {
  display: block;
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.cbp-hropen .cbp-hrsub {
  padding-top: 0;
  position: relative; }

.cbp-hrmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.1rem;
                         /*
display: inline-block; /* just inital ul to enable list centering */ }

.cbp-hrmenu > ul > li {
  display: block;
  border-bottom: 1px solid #FFF; }

.cbp-hrmenu > ul > li.hide-desktop {
  display: block; }

.cbp-hrmenu > ul > li > a {
  display: block;
  padding: 1rem 2rem;
  color: #fff; 
  }

.cbp-hrmenu > ul > li > a:before {
  content: '\E5CF';
  font-family: 'Material Icons';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  top: 0.125rem;
  display: inline-block;
  position: relative;
  color: #fff; 
  }

.cbp-hrmenu > ul > li.cbp-hropen > a:before {
  content: '\E5CE'; }

.cbp-hrmenu > ul > li.dropdown-search > a:before,
.cbp-hrmenu > ul > li.dropdown-search.cbp-hropen > a:before {
  content: '\E8B6';
  font-family: 'Material Icons';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  position: relative;
  top: 0.375rem;
  font-size: 1.5rem;
  line-height: 0.25;
  /* remove height so it's same height as other nav items */ }

.cbp-hrmenu > ul > li.no-dropdown > a:before,
.cbp-hrmenu > ul > li > a.direct-link:before {
  content: none; }

.cbp-hrmenu > ul > li > a:hover {
  text-decoration: none;
  background-color: #478AB3;
  color: #FFF; }
  .cbp-hrmenu > ul > li > a:hover:before {
    color: #FFF; }

.cbp-hrmenu > ul > li.cbp-hropen > a:link,
.cbp-hrmenu > ul > li.cbp-hropen > a:visited,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover 
{
  color: #FFF;
  background-color: #12224C; 
}
  .cbp-hrmenu > ul > li.cbp-hropen > a:link:focus,
  .cbp-hrmenu > ul > li.cbp-hropen > a:visited:focus,
  .cbp-hrmenu > ul > li.cbp-hropen > a:hover:focus {
    outline: none;
    box-shadow: none; }

.cbp-hrmenu > ul > li.cbp-hropen > a:before {
  color: #FFF; }

.cbp-hrmenu ul ul {
  background-color: transparent;
  text-transform: none;
  margin-bottom: 0; }

.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto; }

.cbp-hrmenu .cbp-hrsub {
  display: none;
  position: relative;
  background: #12224C;
  /* tab and dropdown bg */
  width: 100%;
  left: 0;
  z-index: 999;
  height: 0;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.news-events-nav {
  /*background: #1f303c; */
  background: #E8F2F6;
 }

.cbp-hropen .cbp-hrsub {
  display: block;
  padding-bottom: 2rem;
  z-index: 999;
  height: auto;
  overflow: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.cbp-hrmenu .cbp-hrsub-inner {
  padding: 0;
  max-width: 90rem; }
  .cbp-hrmenu .cbp-hrsub-inner ul li {
    border: medium none;
    float: none;
    line-height: 1.2;
    margin: 0;
    padding: 0.625rem 0 0.625rem 0;
    position: relative;
    text-align: left;
    text-transform: none;
    width: auto; }
    .cbp-hrmenu .cbp-hrsub-inner ul li a {
      display: block; }
    .cbp-hrmenu .cbp-hrsub-inner ul li a.news-event-preview {
      /*display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;*/ }
    .cbp-hrmenu .cbp-hrsub-inner ul li span {
      font-family: "Open Sans", "Bitter", sans-serif;
      font-weight: 400;
        /*color: #FFF;*/
      font-size: 90%;
      margin-bottom: 0.5rem;
      display: block; }
  .cbp-hrmenu .cbp-hrsub-inner ul li a:link,
  .cbp-hrmenu .cbp-hrsub-inner ul li a:visited {
    color: #7DBBE0;
    }
  .cbp-hrmenu .cbp-hrsub-inner ul li a:hover {
    /*color: #12C484;*/
    color: #99CC00;
    }
  .cbp-hrmenu .cbp-hrsub-inner a.news-event-preview
    {
        color: #0F1C38 !important;
        background-color: #e8F2F6;
        border: solid 1px;
    }
    
  .cbp-hrmenu .cbp-hrsub-inner a.news-event-preview:hover
    {
        box-shadow: 0.75vmin 0.75vmin #85cb3b;
    }    
    
    
    
    
.cbp-hrmenu .cbp-hrsub-inner ul.alpha-directory li {
  float: left;
  display: block;
  padding-top: 0; }
  .cbp-hrmenu .cbp-hrsub-inner ul.alpha-directory li a {
    padding: 0.75rem .875rem;
    display: block; }

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
  content: " ";
  display: table; }

.cbp-hrmenu .cbp-hrsub-inner:after {
  clear: both; }

.cbp-hrsub p.nav-category {
  color: #FFF;
  padding: 0 0 0.75rem 0;
  margin: 0 0 0.125rem 0;
  font-size: 1.25rem;
  line-height: 1.2;
  text-align: left;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-weight: lighter; }

.cbp-hrsub ul + p.nav-category {
  margin-top: 2rem; }

.cbp-hrsub div.nav-overview p.nav-category {
  display: none; }

a.news-event-preview {
  padding: 1rem;
  /*background-color: #1f303c;*/
  /*background-color: #E8F2F6;*/
  /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;*/
  align-items: center; }
  a.news-event-preview p {
    line-height: 1.2;
    font-size: 1.1rem;
    margin-top: 0; }
  a.news-event-preview img {
    position: relative;
    max-width: 6rem;
    float: left;
    margin-right: 1rem; }
  a.news-event-preview:hover {
    background-color: #1a2832; }
    a.news-event-preview:hover img {
      -webkit-filter: sepia(0.25);
      filter: sepia(0.25); }
.cbp-hrsub {
   /* fix for IE not respecting border-box padding */ }
   .cbp-hrsub .container.columns-padded .column.quarter,
   .cbp-hrsub .container.columns-padded .column.third {
     flex: 0 0 45%;
box-sizing: content-box;
}

@media (min-width: 47.5rem) {
  /* this breakpoint sets where the menu goes from expandable to inline */
  /* Primary Nav */
  .cbp-hrmenu {
    display: block;
    height: auto;
    overflow: visible;
    float: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }

  #show-micro {
    display: none; }

  .cbp-hrmenu .cbp-hrsub {
    position: absolute; }

  .cbp-hrmenu .cbp-hrsub-inner {
    padding-top: 1.5rem; }

  .cbp-hrmenu ul {
    font-size: 1.1rem; }

  .cbp-hrmenu > ul > li {
    display: inline-block;
    border-bottom: none; }

  .cbp-hrmenu > ul > li.hide-desktop {
    display: inline-block; }

  .cbp-hrmenu > ul > li > a {
    display: inline-block; }

  .cbp-hrmenu > ul > li > a > span {
    display: none;
    /* hide long menu items */ }

  .cbp-hrmenu > ul > li > a {
    padding: 1rem 0.5rem; } }
@media (min-width: 56.25rem) {
  .cbp-hrmenu ul {
    font-size: 1.0rem; }

  .cbp-hrmenu > ul > li > a {
    padding: 1rem 0.625rem; } 

.cbp-hrsub {
   /* fix for IE not respecting border-box padding */ }
   .cbp-hrsub .container.columns-padded .column.quarter {
     flex: 0 0 20%; }
   .cbp-hrsub .container.columns-padded .column.third {
     flex: 0 0 28.33333%; } }
@media (min-width: 75rem) {
  .cbp-hrsub-inner div {
    /*border-right: 1px solid rgba(255, 255, 255, 0.25); */}
    .cbp-hrsub-inner div:last-of-type {
      border-right: none; }

  .cbp-hrsub-inner div.no-border {
    border-right: none; }

  .cbp-hrmenu ul {
    font-size: 1.0rem; }

  .cbp-hrmenu > ul > li > a > span {
    display: inline;
    /* re-show long menu items */ }

  .cbp-hrmenu .cbp-hrsub-inner > div.search {
    width: 50%; } }
@media (min-width: 87.5rem) {
  .cbp-hrmenu > ul > li > a {
    padding: 1rem 2rem; } }
.cbp-hrmenu p.pulled-header-links {
  font-family: "Open Sans", "Bitter", sans-serif;
  font-weight: 400;
  margin-bottom: 0.75rem; }
  .cbp-hrmenu p.pulled-header-links a {
    display: inline-block;
    margin: 0 0.375rem; }

/* 	----------------------------------------------------------

	08 MAIN CONTAINER

	---------------------------------------------------------- */
#main {
  background-position: center top;
  background-size: 200% auto;
  background: linear-gradient(#ccc, #fff);

  background-color: #E5E5E5;
  background-size: 100%;
  background-image: url(../images/bg-home.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150% auto; 

}

/* NOTE: */
/* WE SHOULD EVENTUALLY NAME THESE BASED UPON WHICH SECTION THEY ARE USED FOR */
.section-gold {
    /*background: #AC9137 url(../images/bg-gold.png) no-repeat; */
  background-color: #E5E5E5;
  background-size: 100%;
  background-image: url(../images/bg-home.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150% auto; 
}

.section-red {
    /*background: #7D2C1F url(../images/bg-red.png) no-repeat; */
  background-color: #E5E5E5;
  background-size: 100%;
  background-image: url(../images/bg-home.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150% auto; 
}

.section-purple {
    /*background: #5F243B url(../images/bg-purple.png) no-repeat; */
  background-color: #E5E5E5;
  background-size: 100%;
  background-image: url(../images/bg-home.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150% auto; 
}

.section-blue {
    /*background: #006080 url(../images/bg-blue.png) no-repeat;*/
  background-color: #E5E5E5;
  background-size: 100%;
  background-image: url(../images/bg-home.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150% auto; 
}

.section-green {
    /*background: #007F7F url(../images/bg-green.png) no-repeat;*/
  background-color: #E5E5E5;
  background-size: 100%;
  background-image: url(../images/bg-home.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150% auto; 
}

.section-symposium
{
    background: #273B49 url(../images/bg-symposium.png) no-repeat;
}

@media (min-width: 47.5rem) {
  #main {
    padding: 1.5%;
    /* add color border around article */ }

  .home #main {
    padding: 0; } }
@media (min-width: 56.25rem) {
  #main {
    background-size: 100% auto; } }
@media (min-width: 87.5rem) {
  #main {
    padding-bottom: 2.5vw;
    /* only have color bg when we have colored border */ } }
/* 	:: Home Page Background Gradient and Image
	----------------------------------------- */
.home #main {

  background-color: #E5E5E5;
  background-size: 100%;
  background-image: url(../images/bg-home.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 150% auto; 
}

@media (min-width: 56.25rem) {
  .home #main {
    background-position: center top;
    background-size: 100% auto; 
        padding: 0 60px;
  } 
}
/* 	----------------------------------------------------------

	09 FLEX GRID LAYOUT

	---------------------------------------------------------- */
/* 	:: Basic Grid Container
	----------------------------------------- */
.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.container.full-width {
  width: 100%; }

.container.max-width,
.container .column.max-width {
  max-width: 90rem;
  margin: 0 auto; }

.container.max-width-article {
  max-width: 1080px;
  margin: 0 auto; }

.grid-test .column {
  background-color: #efefef; }
  .grid-test .column:nth-of-type(odd) {
    background-color: #eff9ff; }

.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 100%;
  max-width: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media (min-width: 47.5rem) {
  .fit-columns .column {
    flex: auto; } }
.no-flex {
  display: block; }

.flex-centered {
  -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center; }

.flex-vertical-center {
  -ms-flex-align: center;
  /* IE 10 */
  -webkit-align-items: center;
  align-items: center;
  flex-direction: row; }

.flex-vertical-top {
  -ms-flex-align: flex-start;
  /* IE 10 */
  -webkit-align-items: flex-start;
  align-items: flex-start;
  flex-direction: row; }

.flex-vertical-bottom {
  -ms-flex-align: end;
  /* IE 10 */
  -webkit-align-items: flex-end;
  align-items: flex-end;
  flex-direction: row; }

.container .column.center {
  align-self: center; }

.column.column-padding {
  padding: 5%; }

.block-image {
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  position: relative; }

.block-image-positioner {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  /* no flex on single column */ }

/* use 100 minus the number of columns x 2 x margin% divided by number of columns */
/* works for equal column widths */
/* only time these will get used is with one margin gap - so use 100 - (margined smaller col + margin) */
/* full margin calculation */
.container.columns-margined .column {
  flex: 0 0 95%;
  max-width: 95%;
  margin: 2.5%; }

.container.columns-padded .column {
  padding: 2.5%; }

.container.align-flex-start {
  /* unequal height columns */
  align-items: flex-start; }

@media (min-width: 37.5rem) {
  .container .column.sixth {
    flex: 0 0 33.3333%;
	max-width: 33.3333%}
  .container.columns-margined .column.sixth {
    flex: 0 0 28.33333%;
	max-width: 28.33333%;}
  .container .column.fifth,
  .container .column.quarter,
  .container .column.third,
  .container .column.half,
  .container .column.two-thirds,
  .container .column.eighty {
    flex: 0 0 50%;
	max-width: 50%;}
  .container .column.half.break-the-grid {
    flex: 0 0 100%; }
  .container.columns-margined .column.fifth, .container.columns-margined .column.quarter, .container.columns-margined .column.third, .container.columns-margined .column.half, .container.columns-margined .column.two-thirds, .container.columns-margined .column.eighty {
    flex: 0 0 45%;
	max-width: 45%}

  .cbp-hrsub .container.columns-margined .column.quarter {
    flex: 0 0 45%;
	max-width: 45%} }
@media (min-width: 56.25rem) {
  .container {
    /* only time this will get used is with one margin gap - so use 100 - (margined third + margin) */
    /* only time this will get used is with one margin gap - so use 100 - (margined quarter + margin) */
    /* only time this will get used is with one margin gap - so use 100 - (margined fifth + margin) */ }
    .container .column.sixth {
      flex: 0 0 25%;
	  max-width: 25%; }
    .container.columns-margined .column.sixth {
      flex: 0 0 20%;
	  max-width: 20%}
    .container .column.fifth {
      flex: 0 0 20%;
	  max-width: 20%; }
    .container.columns-margined .column.fifth {
      flex: 0 0 15%;
	  max-width: 15%; }
    .container .column.quarter {
      flex: 0 0 25%;
	  max-width: 25%;}
    .container.columns-margined .column.quarter {
      flex: 0 0 20%;
	  max-width: 20%;}
    .container .column.third {
      flex: 0 0 33.3333%;
	  max-width: 33.3333%;}
    .container.columns-margined .column.third {
      flex: 0 0 28.33333%;
	  max-width: 28.33333%;}
    .container .column.half {
      flex: 0 0 50%;
	  max-width: 50%;}
    .container.columns-margined .column.half {
      flex: 0 0 45%;
	  max-width: 45%;}
    .container .column.two-thirds {
      flex: 0 0 66.6667%;
	  max-width: 66.6667%;}
    .container.columns-margined .column.two-thirds {
      flex: 0 0 61.66667%;
	  max-width: 66.6667%;}
    .container .column.three-quarters {
      flex: 0 0 75%;
	  max-width: 75%;}
    .container.columns-margined .column.three-quarters {
      flex: 0 0 70%;
	  max-width: 70%;}
    .container .column.eighty {
      flex: 0 0 80%;
	  max-width: 80%;}
    .container.columns-margined .column.eighty {
      flex: 0 0 75%;
	  max-width: 75%;}

  .reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; }

  .block-image-positioner {
    display: flex;
    /* box flexes but image inside does not */
    position: absolute; }

  .block-image img {
    /* use standard responsive img until 2 column layout */
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%; } }
@media (min-width: 75rem) {
  .container .column.sixth {
    flex: 0 0 16.6667%;
	max-width: 16.6667%;}
  .container.columns-margined .column.sixth {
    flex: 0 0 11.66667%;
	max-width: 11.6667%;}
  .container .column.half.break-the-grid {
    flex: 0 0 50%;
	max-width: 50%;} }
.mobile-reorder {
  order: -1; }

@media (min-width: 37.5rem) {
  .mobile-reorder {
    order: unset;
    /*reset */ } }
/* 	----------------------------------------------------------

	10 GENERAL STYLING

	---------------------------------------------------------- */
.theme-dark h1, .theme-dark h2, .theme-dark h4, .theme-dark p, .theme-dark ul, .theme-dark li, .theme-dark dl {
  color: #FFF; }

img {
  width: 100%;
  height: auto;
  display: block;
  position: relative; }

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  font-family: "Open Sans", "Bitter", sans-serif;
  line-height: 1.2;
  font-weight: 400; }

h1, .h1 {
  font-size: 2.25rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #1E417B; }

@media (min-width: 37.5rem) {
  h1, .h1 {
    font-size: 3rem; } }
@media (min-width: 56.25rem) {
  h1 span {
    left: 1.5rem;
    -webkit-box-shadow: -1.5rem 0px 0px #ffffff,  1.5rem 0px 0px #ffffff;
    box-shadow: -1.5rem 0px 0px #ffffff, 1.5rem 0px 0px #ffffff; } }
h2, .h2 {
  font-size: 1.75rem;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-weight: 400;
  /*color: #5c6b74;*/
  color: #0f1c38;
  letter-spacing: -0.015rem;
  line-height: 1;
  margin: 3rem 0 1rem 0; }

@media (min-width: 37.5rem) {
  h2 {
    font-size: 2.25rem; } }
h3, .h3,
table caption {
  font-size: 1.25rem;
  font-weight: 400;
  color: #253946;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  letter-spacing: -0.015rem;
  margin: 3rem 0 0.125rem 0; }

table caption {
  text-align: center;
  margin-bottom: 0.5rem; }

@media (min-width: 37.5rem) {
  h3, .h3,
  table caption {
    font-size: 1.75rem; } }
h4, .h4 {
  font-family: "Open Sans", "Bitter", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 1.75rem 0 0 0;
  text-align: left;
  font-style: italic;
  color: rgba(37, 57, 70, 0.8); }

@media (min-width: 37.5rem) {
  h4, .h4 {
    font-size: 1.5rem; } }
caption {
  font-family: "Open Sans", "Bitter", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 1rem 0 0 0;
  text-align: left; }

p {
  font-size: 1.1rem;
  line-height: 1.8;
  letter-spacing: 0;
  margin: 0.75rem 0 0.25rem 0;
  font-weight: lighter;
  font-family: "Roboto Slab", "Bitter", sans-serif; }

p.pullout {
  font-size: 1.25rem;
  color: #5c6b74;
  font-family: "Open Sans", "Bitter", sans-serif;
  border-top: 3px solid rgba(22, 214, 144, 0.35);
  border-bottom: 3px solid rgba(22, 214, 144, 0.35);
  line-height: 1.4;
  padding-top: 2rem;
  padding-bottom: 2rem; }

p.nav-category {
  font-weight: 400; }

@media (min-width: 37.5rem) {
  p {
    font-size: 1.25rem; }

  p.pullout {
    font-size: 1.75rem;
    margin: 3rem 4rem; } }
/* 	:: Links
	----------------------------------------- */
a {
  /* normal, hover, active, visited, focus */
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  text-decoration: none;
  color: #205EA3; }
  a:visited {
    color: #205EA3; }
  a:focus {
    color: #205EA3; }
  a:hover {
    color: #0f2d4e; }
  a:active {
    color: #205EA3; }

p a, .three-quarters ul li a, a.underline {
  padding: 0.1em;
  border-bottom: 1px solid #3DCBFF;
  box-shadow: inset 0 -2px 0 #3DCBFF;
  text-decoration: none; }

nav p a {
  border-bottom: 0;
  box-shadow: none;
  padding: 0; }

.theme-dark a {
  color: #FFF;
  text-decoration: none; }
  .theme-dark a:visited {
    color: #FFF; }
  .theme-dark a:focus {
    color: #FFF; }
  .theme-dark a:hover {
    color: #3DCBFF; }
  .theme-dark a:active {
    color: #3DCBFF; }

.theme-dark p a:hover {
  color: #3DCBFF; }

a:focus,
a:focus img,
li.active a,
nav li a:focus,
a:focus #nav-icon,
a.btn:focus,
button:focus,
input[type="submit"]:focus,
div:focus {
  outline: thin dotted;
  outline: 0.25rem auto #AC9137;
  outline-offset: -2px;
  box-shadow: inset 0 0 3px 2px #AC9137; }

nav a:focus {
  outline: none; }

/* 	----------------------------------------------------------

	11 ARTICLE HEADER

	---------------------------------------------------------- */
.article-header h1 {
  font-size: 1.75rem; }

@media (min-width: 37.5rem) {
  .article-header h1 {
    font-size: 2.25rem; } }
@media (min-width: 47.5rem) {
  .article-header h1 {
    font-size: 3rem; } }
.article-header {
  color: #fff;
  position: relative;
  z-index: 1;
  min-height: 41.667%;
  min-height: 41.667vw;}
  .article-header .column {
    width: 100%;
    /*padding-bottom: 41.667%;*/
    /* consistent height with image-based version except m and above media query*/
    position: relative;
    padding-top: 0;
    /*background-color: rgba(37, 57, 70, 0.15); */
    background-color: rgba(15, 28, 56, 1);
    }
  .article-header.img-based-header .column {
    padding-bottom: 0;
    /* no resizing for img-based version */ }
  .article-header a.breadcrumb {
    display: none; }
  .article-header h1 {
    line-height: 1;
    color: #253946;
    font-weight: lighter; }
    .article-header h1 span {
      position: relative;
      left: .5rem;
      line-height: 1.8;
      background: #ffffff;
      -webkit-box-shadow: -.5rem 0px 0px #ffffff,  .5rem 0px 0px #ffffff;
      box-shadow: -.5rem 0px 0px #ffffff, .5rem 0px 0px #ffffff;
      box-decoration-break: clone; }

@media (min-width: 56.25rem) {
 .article-header {
    min-height: 25%;
    min-height: 25vw;
    } }
.img-based-header .article-header .column {
  min-height: 0;
  padding-bottom: 0; }

.headline-positioner {
  z-index: 99;
  margin-left: 2.5%;
  margin-right: 2.5%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  position: absolute;
  top: 10%;
  left: 0;
  /* iphone needs left - otherwise positioned out of viewport */ }

@media (min-width: 37.5rem) {
  .headline-positioner {
    position: absolute;
    top: auto;
    bottom: 24%;
    left: 0; }

  .article-header a.breadcrumb {
    display: inline-block;
    background-color: #253947; /* 12224C */
    background-color: #009CDE;
    padding: 0.5rem;
    position: relative;
    color: #FFF;
    font-size: 1.1rem;
    top: 1.0rem;
    left: -1rem;
    z-index: 9; } }
@media (min-width: 47.5rem) {
  .article-header a.breadcrumb {
    padding: 0.75rem; } }
@media (min-width: 87.5rem) {
  .article-header {
    padding-top: 2.5%; } }
/* 	----------------------------------------------------------

	12 ARTICLE FORMATTTING

	---------------------------------------------------------- */
article {
  background-color: #FFF;
  position: relative; }

.container-article {
  background-color: #FFF;
  position: relative;
  z-index: 2; }
  .container-article:before {
    background: #FFF;
    top: 0;
    content: '';
    display: block;
    height: 24%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(-4deg);
    transform-origin: 0;
    z-index: 0; }

/* 	:: Header
	----------------------------------------- */
article h1 {
  font-size: 2.25rem;
  font-weight: lighter;
  color: #253947; /* 12224C */
  margin-top: 3.3333rem;
  margin-bottom: 0;
  line-height: 1.2; }

@media (min-width: 37.5rem) {
  article h1 {
    font-size: 3rem; } }
/* 	:: Lists
	----------------------------------------- */
article ul,
article ol {
  font-family: "Roboto Slab", "Bitter", sans-serif;
  font-size: 1.1rem;
  font-weight: lighter;
  padding: 0 1rem; }
  article ul li,
  article ol li {
    margin: 1rem 0;
    /*border-bottom: 1px solid rgba(164, 215, 218, 0.5);*/
    padding-bottom: 0.25rem;
    line-height: 1.5; }
  article ul li:last-of-type,
  article ol li:last-of-type {
    border-bottom: none; }
article ul#contributor-filter {
  padding: 0; }
article ul {
  list-style-type: disc; }
article ul.list-inline li {
  display: inline;
  border-bottom: none; }

ul.columned-list {
  list-style-type: none;
  margin-top: 1.5rem; }

@media (min-width: 56.25rem) {
  article ul,
  article ol {
    margin-left: 3rem; }

  ul.columned-list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2;
    -webkit-column-gap: 2;
    column-gap: 2; }
    ul.columned-list li {
      margin-top: 1rem;
      margin-bottom: 0;
      display: inline-block;
      width: 100%;
      font-family: "Open Sans", "Bitter", sans-serif; }
    ul.columned-list li:before {
      content: "//";
      color: #A4D7DA;
      margin-right: 0.5rem; } }
@media (min-width: 37.5rem) {
  article ul,
  article ol {
    font-size: 1.25rem; } }
/* 	:: Link Types
	----------------------------------------- */
.pdf:before {
  content: "\eadf";
  font-family: 'icomoon';
  color: #A02F0C;
  margin-right: 0.25rem; }

.link:before,
.more-info:before {
  content: "\ea3b";
  font-family: 'icomoon';
  color: #205EA3;
  margin-right: 0.25rem; }

/* 	:: Responsive Video - 16x9
	----------------------------------------- */
.container-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  margin: 1rem 0; }
  .container-video iframe,
  .container-video object,
  .container-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* 	:: FIGURES/IMAGES
	----------------------------------------- */
figure {
  margin-top: 1rem; }
  figure.top-offset {
    margin-top: 3rem; }

.img-right,
.img-right-third,
.img-left,
.img-left-third {
  float: none;
  width: 100%;
  position: relative; }

@media (min-width: 37.5rem) {
  .img-right,
  .img-right-third {
    float: right;
    width: 50%;
    position: relative;
    margin-left: 1.5rem; }

  .img-left,
  .img-left-third {
    float: left;
    width: 50%;
    position: relative;
    margin-right: 1.5rem; } }
@media (min-width: 56.25rem) {
  .img-right-third,
  .img-left-third {
    width: 33.3333%; } }
figcaption, .wp-caption-text {
  display: block;
  background-color: rgba(179, 196, 209, 0.25);
  padding: 1rem;
  font-size: 0.875rem;
  color: #253946;
  font-family: "Open Sans", "Bitter", sans-serif;
  margin: 0 0 1.5rem 0; }

/* 	:: Sub-Navigation
	----------------------------------------- */
.sub-navigation ul {
  list-style-type: none;
  font-size: 1rem;
  /*margin-left: 2.5%;*/
  /*border-left: 1px solid #efefef;*/
  /*padding-left: 1.75rem;*/
}
.sub-navigation ul ul {
  list-style-type: none;
  font-size: 1rem;
  margin-left: 2.5%;
  border-left: none;
  padding-left: .75rem; }
.sub-navigation li {
  margin: 0.5rem 0; }

/* 	----------------------------------------------------------

	13 HOMEPAGE

	---------------------------------------------------------- */
.home h1 {
  color: #11224c; /*#FFF;*/
  font-weight: lighter;
  /*text-shadow: 0.3vmin 0.3vmin 0 #253946;*/
  padding-top: 6vmin;
}
.home h2 {
  margin-top: 6vmin;
  color: #11224c;
  font-family: "Open Sans", "Bitter", sans-serif;
  /*text-shadow: 0.2vmin 0.2vmin 0 #253946;*/
  font-weight: lighter; 
}

p.tagline {
  font-family: "Roboto Slab", "Bitter", sans-serif;
  color: #11224c; /*#DAAD28;*/
  line-height: 1.2;
  font-size: 1.5rem;
  /*text-shadow: 0.2vmin 0.2vmin 0 #253946;*/
  width: 70%;
  margin-top: 2vmin;
  margin-left: 15%;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

/* 	:: Call to Action - Home Page Action "Buttons"
	----------------------------------------- */
a.call-to-action span {
    font-weight: bold;
}
a.call-to-action {
  display: block;
  padding: 1.5rem 1rem;
  text-align: center;
  border: solid 1px rgba(255,255,255,0.5);  
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: 1rem;
  text-transform: uppercase;
  /*color: #FFF;*/
  /*color: #0F1C38;*/
  font-size: 1.1rem;
}
  a.call-to-action span 
  {
    font-size: 1.25rem;
    display: block; 
  }
  a.call-to-action:link, a.call-to-action:visited 
  {

    background-size: 100%;
    background-image: linear-gradient(to bottom, #C0C0C0 0%, #E5E5E5 100%);
    /*background-color: #99CC00;*/
}
    
  a.call-to-action:hover {
    background-image: none;
    /*background: rgba(22, 214, 144, 0.75); */
    background-color: #99CC00;
    }

@media (min-width: 37.5rem) {
  a.call-to-action {
    font-size: 1.25rem; }
    a.call-to-action span {
      font-size: 1.5rem;
      display: inline; } }
/* 	----------------------------------------------------------

	14 CARDS - HOME PAGE HEADLINE AND EVENT BLOCKS

	---------------------------------------------------------- */
.card {
  display: block;
  box-shadow: 0.75vmin 0.75vmin #11224c; /*#AC9137; */
  border: solid 1px #102655;
  }

.card-content {
  background-color: #D2DDE4;
  padding: 1rem;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; 
  color: #0F1C38;
  }
  
  .card-content p {
    line-height: 1.2;
    font-size: 1.25rem;
    margin: 0; }

.card-image {
  background-color:  #fff;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.card-image-inset {
  position: relative;
  padding-bottom: 56.25%;
  background-color: #253946; }

.card-image-inset img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }

.card:hover {
  box-shadow: 0.75vmin 0.75vmin #85cb3b; /* #16D690; */
  }
  .card:hover .card-content {
    background-color: #FFF; }
  .card:hover .card-image,
  .card:hover .card-image-inset img {
    -webkit-filter: none;
    -webkit-filter: sepia(0.25);
    filter: sepia(0.25); }

.card-date {
  position: absolute;
  bottom: 2.5%;
  z-index: 99;
  margin-left: 2.5%; 
  }
  .card-date p {
    color: #FFF;
    background: #3f9cde; /*#816D29;*/
    padding: 0.25rem 0.5rem;
    font-family: "Open Sans", "Bitter", sans-serif;
    font-size: 1.1rem;
    position: relative;
    display: block; }

/* 	:: Compact Event Date Callouts
	----------------------------------------- */
.event.compact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .event.compact .event-divider {
    align-items: center;
    flex-direction: column; }
    .event.compact .event-divider p {
      font-style: italic;
      color: #816D29;
      margin-left: 0.375rem;
      margin-right: 0.375rem; }
  .event.compact .event-date {
    text-align: center; }
    .event.compact .event-date p {
      line-height: 1;
      font-size: 0.875rem; }
  .event.compact p span.event-month {
    font-family: "Open Sans", "Bitter", sans-serif;
    text-transform: uppercase;
    display: block;
    font-weight: bolder; }
  .event.compact p span.event-day {
    font-size: 1.75rem; }
  .event.compact p span.event-month,
  .event.compact p span.event-day {
    color: #816D29; }
  .event.compact .event-content {
    margin-left: 1rem; }

/*	----------------------------------------------------------

	FORMS

	---------------------------------------------------------- */
form {
  width: 100%;
  font-face: "Open Sans", "Bitter", sans-serif; }

form.flex-on-one-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

form div:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

input.txt:focus + .form-hint {
  display: block; }

fieldset {
  border: none; }

.span-button a,
button,
a.btn,
.btn {
  background: #99CC00;
  color: #253946;
  text-align: center;
  line-height: 1.3;
  font-weight: 400;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  border: none;
  margin-top: 1em;
  font-size: 1.1rem;
  display: inline-block;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  padding: 0.5rem 1.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem; }
.span-button a:hover,
  button:hover,
  a.btn:hover,
  .btn:hover {
    /*background: #16D690;*/
    background-color: #7EA002;
    cursor: pointer; }

.span-button a:focus,
a.btn:focus,
button:focus,
input:focus,
textarea:focus,
radio {
  outline: 4px auto #3DCBFF;
  box-shadow: inset 0 0 2px 1px #3DCBFF; }

form .required {
  color: #A02F0C; }

label,
legend {
  font-size: 1.25rem;
  font-family: "Roboto Slab", "Bitter", sans-serif;
  display: block;
  color: #253946;
  padding-top: 1.75rem;
  padding-bottom: 0.375rem; }

label.header-label {
  display: none; }

label span {
  font-size: 1.1rem; }

article form ul li {
  list-style-type: none; }

input[type=radio],
input[type=checkbox] {
  margin-left: 1rem;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: middle; }
  input[type=radio] + label,
  input[type=checkbox] + label {
    font-family: "Open Sans", "Bitter", sans-serif;
    font-size: 1.1rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding-top: 0.5rem; }

li label {
  display: inline;
  font-size: 1.25rem;
  font-style: italic;
  vertical-align: middle; }

li label:before {
  content: none;
  display: none; }

input, textarea {
  font-weight: normal;
  color: #253946; }

textarea {
  width: 100%; }

@media (min-width: 56.25rem) {
  textarea {
    width: 75%; } }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
input.file {
  padding: 0.75rem;
  background-color: #FFF;
  font-size: 1.1rem;
  border: 1px solid #16D690;
  }
input[type="search"]
{
    -webkit-appearance: textfield;
}
input[type="search"] + button,
input[type="email"] + button {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  margin-left: 0;
  margin-top: 0; }

input.file {
  display: block; }

select {
  color: #253946;
  border: 1px solid #16D690;
  background-color: #FFF;
  font-size: 1.1rem;
  padding: 10px;
  margin-bottom: 10px;
}

select option {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem; }

select:hover {
  background-color: #C3E2F8; }

.header-label {
  font-size: 1.75rem;
  margin-top: 0.75rem; }

textarea:hover, textarea:focus,
input[type="text"]:hover, input[type="text"]:focus,
input[type="search"]:hover, input[type="search"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="tel"]:hover, input[type="tel"]:focus
textarea:hover, textarea:focus,
input.file:hover, input.file:focus {
  background-color: #e1f1fc;
  border: 1px solid #16D690;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

/* 	:: Form Error Message
	----------------------------------------- */
label.error {
  display: block;
  color: red;
  font-style: italic;
  font-weight: normal; }

input.error {
  border: 2px solid red; }

/* 	:: Form Success Message
	----------------------------------------- */
.form-success {
  background-color: #B9DC7A;
  font-size: 2.25rem;
  margin-top: 4rem;
  padding: 1.25rem;
  line-height: 1.4; }

/* 	:: Header Register/Login Buttons
	----------------------------------------- */
a.btn.btn-account,
a.btn.btn-login {
  font-size: 0.75rem;
  color: #253946; }

input[type="search"] + button,
input[type="email"] + button {
  /*background: #50e0ac; */
  background: #99CC00;
  }

a.btn.btn-account {
  background: #99CC00;
  /*background: #00a7de;*/
  }
  a.btn.btn-account:hover {
    /*background: #16D690;*/
    background-color: #7EA002;
    cursor: pointer;
   }

a.btn.btn-login:before {
  content: '\E897';
  font-family: 'Material Icons';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin-right: 0.25rem;
  font-size: 1.25rem;
  display: inline-block;
  line-height: 0;
  position: relative;
  top: 0.125rem; }

@media (min-width: 37.5rem) {
  a.btn.btn-account,
  a.btn.btn-login {
    font-size: 1.1rem; } }
/* 	----------------------------------------------------------

	16 FOOTER

	---------------------------------------------------------- */
footer {
    background-color: #12224C;
    color: #fff;
  padding: 2.5rem 0; 
}
footer a, footer a:visited, footer a:active
{
    /*color: #96BEE6;*/
    color: #fff;
}
  footer .divider {
    padding-bottom: 2rem; }
    footer .divider:after {
      content: '';
      display: block;
      width: 100%;
      height: 7px;
      background: #b3c4d1;
      margin-top: -33px; }
  footer [class^="icon-"], footer [class*=" icon-"] {
    font-size: 1.75rem;
    margin-right: 0.5rem; }
  footer img {
    display: inline-block;
    /*margin-left: auto;
    margin-right: auto;*/
    max-width: 300px; }
  footer .logo-ics img {
    margin: 1rem auto; }
  footer p {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1.4;
    font-family: "Open Sans", "Bitter", sans-serif;
    font-size: 1.25rem; }
    footer p.copyright {
      font-size: 1.1rem;
      margin-top: 1rem; }
    footer p.footer-section 
    {
      text-transform: uppercase;
      font-weight: bolder;
      color: #FFFFFF;
      }
    footer p.address {
      background: none;
      padding: 0;
      margin-top: 0;
      display: inline-block;
      margin-left: 1.5rem;
      text-align: left; }
    footer p.tagline {
      color: #99CC00;
      text-shadow: none;
      font-size: 1.25rem;
      width: 100%;
      margin-left: 0;
      margin-top: 2rem;
      margin-bottom: 0; }
  footer ul {
    font-size: 0.875rem;
    margin: 0;
    list-style-type: none;
    font-family: "Open Sans", "Bitter", sans-serif; }
    footer ul li {
      /*color: #96BEE6;*/
      color: #fff;
      margin: 0.25rem 0; }
  footer form {
    margin-top: 0.5rem; }

@media (min-width: 47.5rem) {
  footer ul {
    font-size: 1.1rem; }
  footer .column {
    border-right: 1px solid #b3c4d1; }
    footer .column:last-of-type {
      border-right: none; } }

footer a:hover
{
    color: #fff;
}

/*** Make Subnav on the left ***/
@media (min-width: 56.25rem)
{
    .container-article .three-quarters
    {
        order: 2;
    }
    .container-article .sub-navigation
    {
        order: 1;
        border-right: solid 1px #eee;
    }
    .sub-navigation ul
    {
        list-style-type: none;
        font-size: 1rem;
        margin: 0 !important;
        border-right: none;
        border-left: none;
        padding: 0 !important;
    }
    .sub-navigation .jump-to-top
    {
        margin: 0 !important;
        padding: 0 !important;
        border-right: none !important;
        border-left: none !important;
        margin-top: 40px !important;
    }
}