@import url(foundation.css);
/*
	Stylesheet for OCPA
*/

.video-image {
	margin-bottom: 15px;
}

#article-box {
	position: relative;
}
.loader {
	margin-top: 25px;
	margin-bottom: 90px;
}
#trigger-box {
	display: block;
	margin-top: 50px;
	position: absolute;
		top: 0px;
		left: 0px;
	width: 100%; height: 88px;
	z-index: -1;
}

.post-date {
	border-top: 2px solid #f2f2f2;
	margin-top: 20px;
	padding-top: 25px;
}

	.post-date h4 {
		font: italic 1.1em/1em "Baskerville", serif;
	}

.vertical-line {
	background: #ddd;
	display: inline-block;
	width: 1px; height: 100%;
}

.tool-description {
	margin-bottom: 35px;
}

	.tool-description p {
		font-size: 0.9em !important;
	}

@media only screen and (max-width: 40em) {
	.tool-description {
		margin-top: 35px;
	}
}

.author-popup {
  background: #fff;
  display: none;
  padding: 20px;
  position: absolute;
    top: 50px;
    right: 50%;
  max-width: 700px; width: 100%;
  z-index: 9999;

  -webkit-transform: translateX(50%);
     -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.overlay {
  background: rgba(0,0,0,.75);
  display: none;
  position: fixed;
    top: 0px;
    left: 0px;
  width: 100%; height: 100%;
  z-index: 9998;
}

.close-popup {
  color: #ccc;
  display: inline-block;
  font: normal 500 1em/1em "proxima-nova", sans-serif;
  margin-top: 15px;
  text-decoration: underline;
}

.view-bio {
  background: #2A3980;
  color: #fff !important;
  display: inline-block;
  font: normal 700 0.9em/1em "proxima-nova", sans-serif;
  margin: 5px 0px 20px 0px;
  padding: 10px 20px;
  text-align: center;
  max-width: 154px; width: 100%;
}

.data-tool-embed > div {
	margin: auto;
}

.indention {
	padding-left: 25px;
}

.open-search {
	color: #fff !important;
	display: inline-block;
	vertical-align: middle;
}

	.open-search i {
		color: #fff !important;
	}

.callout.success {
	background: #2A3980;
	padding: 25px 25px 15px 25px;
	margin-bottom: 25px;
}

	.callout.success h3 {
		font-size: 1.25em;
	}

.callout.error {
	background: #980000;

	padding: 25px 25px 15px 25px;
	margin-bottom: 25px;
}

	.callout.error h3 {
		font-size: 1.25em;
	}

#payment-errors {
	background: none;
	color: #980000;
	padding: 0px;
	margin-bottom: 10px;
}

.petition-form input[type='text'], .petition-form input[type='email'] {
	border: 1px solid #dddddd;
	box-shadow: none;
	color: #222;
	font: normal 500 1.15em/1em "proxima-nova", sans-serif;
	margin-bottom: 25px;
	height: 50px;
}

	.petition-form input[type='text']:focus, .petition-form input[type='email']:focus {
		border: 1px solid #dddddd !important;
		box-shadow: none;
		outline: none;
	}

	.petition-form .button {
		background: #2A3980;
		font: normal 700 1em/1em "proxima-nova", sans-serif;
		letter-spacing: 0.025em;
		margin: 0px;
		padding: 1.05rem 1.25rem;
		text-align: left;
		text-transform: uppercase;
		width: 100%;
	}

		.petition-form .button:hover {
			background: #003564 !important;
			color: #fff !important;
		}

		.petition-form .button i {
			float: none !important;
			margin-left: 20px;

			-webkit-transition: margin 300ms ease;
				 -moz-transition: margin 300ms ease;
				 	-ms-transition: margin 300ms ease;
				 			transition: margin 300ms ease;
		}

		.petition-form .button:hover i {
			margin-left: 30px;
		}

.no-border-right {
	border-right: none !important;
}

.search-float {
	background: #2A3980;
	padding: 25px 30px 17px 0px;
	position: absolute;
		top: 0px;
		right: 50%;
	width: 100%; max-width: 500px;
	z-index: 9999;

	-webkit-transition: all 300ms ease;
		 -moz-transition: all 300ms ease;
		 	-ms-transition: all 300ms ease;
		 			transition: all 300ms ease;

	-webkit-transform: translate(50%,-100%);
		 -moz-transform: translate(50%,-100%);
		 	-ms-transform: translate(50%,-100%);
		 			transform: translate(50%,-100%);
}

	.search-float p {
		margin: 0px;
	}

	.search-float .close-search {
		color: #fff;
		display: inline-block;
		font-size: 0.9em;
		margin-top: 10px;
	}

	.search-float h1 {
		font-size: 1.5em;
		margin: 0px 0px 20px 0px;
	}

	.search-float.active {
		-webkit-transform: translate(50%,0%);
			 -moz-transform: translate(50%,0%);
			 	-ms-transform: translate(50%,0%);
			 			transform: translate(50%,0%);
	}

.interval {
	display: inline-block;
	margin-left: 5px;
	margin-right: 15px;
}

	.interval input {
		margin-right: 4px;
	}

i {
  padding: 0px 5px;
  color: #2A3980; }

i:first-of-type {
  padding: 0px;
  padding-right: 5px; }

.absolute {
  position: absolute; }
@media only screen and (max-width: 40em) {
	.absolute {
		background: #2A3980;
		position: relative;
	}
}
section.no-padding {
	padding: 0px !important;
}
.bar {
  padding-top: 20px;
  position: relative; }
  .bar:after {
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff; }
  .bar.gold:after {
    background: #c8ae35; }
  .bar.top:after {
    top: 0; }
.bar-right {
  position: relative; }
  .bar-right:after {
    position: absolute;
    display: block;
    content: "";
    right: 15px;
    bottom: 0;
    height: 80%;
    margin: 10% 0%;
    width: 1px;
    background: #c8ae35;
    z-index: 3; }

.drop-capital {
  color: #2A3980;
  float: left;
  font-size: 3em;
  font-weight: 700;
  line-height: .7em;
  padding-right: 5px;
  padding-top: 4px; }

.right {
  text-align: right; }

div .padding-small {
  padding: 0px 10px; }

div .padding-medium {
  padding: 0px 10px 30px 0px; }

div .bg-img {
  background-size: cover; }

div .bump-left {
  margin: 40px 0px;
  padding: 20px;
  background: #fff;
  margin-left: -50px; }
@media only screen and (max-width: 40em) {
	div .bump-left {
		margin: 0px;
		padding: 0px;
	}

	div .bump-left h2 {
		margin: 20px 0px 0px 0px;
		padding: 0px;
	}
}
div.blue {
  background: #2A3980; }

div.grey {
  background: #f2f2f2; }

div.white {
  background: #fff;
}

@media screen and (max-width: 640px) {
  .small-center {
    text-align: center;
    justify-content: center; }
  div .bump-left {
    margin-left: 0px;
  }
}

.margin-small {
  margin: 10px; }

.margin-medium {
  margin: 30px; }

.overflow {
  overflow: hidden; }

.table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 50px;
  margin-top: 50px; }
  .table p {
    text-align: left;
    padding: 5px;
    margin: 0px; }
  .table .center {
    text-align: center; }
  .table .right {
    text-align: right; }
  .table .left {
    text-align: left; }
  .table .grid-y > .cell {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000; }
    .table .grid-y > .cell:first-of-type {
      border-top: 1px solid #000; }
  .table .grid-x > .cell {
    border-right: 1px solid #000; }
    .table .grid-x > .cell:last-of-type {
      border: none; }
.circle {
  height: 5px;
  width: 5px;
  padding: 5px;
  border-radius: 100%;
  background: #fff;
  display: inline-block; }
.block {
  display: inline-block; }



/*
	TYPOGRAPHY

	h1: used for banner text and other large headers
	  Defaults: Baskerville, bolded, capital case and white

	  .regular: unbolds the header

	h2: used for titles for sections and news stories
	  Defaults: Baskerville, capital case and white

	  colors: blue
	  fonts: Proxima Nova

	  .nova: changes the font to proxima-nova
	  .underline: places the gold bar underneath, used when it is placed on a news link
	  .no-padding: removes padding from the bottom
	  .no-margin: removes all margins

  h3: used as subheader for h1 tags
    Defaults: Proxima Nova and white

    colors: blue
    fonts: Baskerville
    font-styles: italic

    .bask: changes font to Baskerville
    .italic: changes the font-styling to italic
    .padded: pads out the bottom by 30px
    .center: makes the width 100% and centers text

  h4: Used when as a small subtitle, in sub navigation and on buttons
    Defaults: Proxima Nova and white

    colors: blue
    fonts: Baskerville and Merriweather
    font-styles: uppercase, bold

    .merry: changes font to Merriweather
    .bask: changes font to Baskerville
    .upper: changes the font to uppercase
    .bold: bolds the font

	h5: smaller than h4 for use in subtitles for dates as well as main navigation
	  Defaults: Proxima Nova and white

	  colors: blue and gold
	  fonts: Baskerville
	  font-styles: bold, italic

	  .bask: changes the font to Baskerville
	  .upper: changes font style to uppercase
	  .bold: bolds the font
	  .italic: italicizes the font

  h6: smallest subheader, use for small italicized subheaders
    Default: Merriweather, italicized and gold

    colors: white and blue

    .large: bumps the font size up to 1.2em

  p: used for copy
    Default: Proxima Nova, blue and extra margin on bottom

    colors: light-grey, white
    font-styles: underline

    .underline: underlines the text
    .no-padding: removes padding

*/

h1 {
  font: normal 700 3.2em/1.3em "Baskerville", serif;
  color: #fff;
 }
  h1.regular {
    font-weight: 400; }

@media screen and (max-width: 640px) {
  h1 {
    font-size: 2.4em; } }

h2 {
  font: normal 400 2em/1.3em "Baskerville", serif;
  color: #fff;
  padding-bottom: 20px; }
  h2.nova {
    font-family: "proxima-nova", sans-serif; }
  h2.blue {
    color: #2A3980; }
  h2.blue a {
	  color: #2A3980 !important;
  }
  h2.underline {
    position: relative;
    padding-bottom: 20px; }
    h2.underline:after {
      position: absolute;
      bottom: 0;
      content: "";
      display: block;
      height: 2px;
      width: 100px;
      background: #2A3980; }
  h2.no-padding {
    padding: 0px; }
  h2.no-margin {
    margin: 0px; }

@media screen and (max-width: 640px) {
  h2.underline {
    margin: 0 auto;
    text-align: center; }
    h2.underline:after {
      left: 60px;
      margin: 0 auto; } }

h3 {
  font: normal 400 1.6em/1.3em "proxima-nova", sans-serif;
  color: #fff; }
  h3.bask {
    font-family: 'Baskerville', serif; }
  h3.blue {
    color: #2A3980; }
  h3.italic {
    font-style: italic; }
  h3.padded {
    padding-bottom: 30px; }
  h3.center {
    width: 100%;
    text-align: center;
  }

h4 {
  font: normal 400 1em/1.2em "proxima-nova", sans-serif;
  color: #fff; }
  h4.merry {
    font-family: "Merriweather", serif;
    color: #c8ae35;
    font-style: italic; }
  h4.upper {
    text-transform: uppercase; }
  h4.bold {
    font-weight: 700;
  }
  h4.bask {
    font-family: 'Baskerville', serif; }
  h4.blue {
    color: #2A3980 !important; }

h5 {
  font: normal 400 0.8em/1.2em "proxima-nova", sans-serif;
  color: #fff; }
  h5.upper {
    text-transform: uppercase; }
  h5.bold {
    font-weight: 700; }
  h5.blue {
    color: #2A3980; }
  h5.gold {
    color: #c8ae35; }
  h5.bask {
    font-family: "Baskerville", serif; }
  h5.italic {
    font-style: italic; }

h6 {
  font: normal 400 .8em/1.2em "Merriweather", serif;
  color: #c8ae35;
  font-style: italic; }
  h6.white {
    color: #fff; }
  h6.blue {
    color: #2A3980; }
  h6.large {
    font-size: 1.2em; }
  p.light-grey {
    color: #ccc; }
  p.underline {
    text-decoration: underline; }
  p.white {
    color: #fff; }
  p.no-padding {
    padding: 0px; }
  p.center {
    text-align: center; }
  p.no-margin {
	  margin: 0px;
  }
p a {
	color: #2a3980 !important;
	text-decoration: underline;
}

td a {
	color: #2a3980 !important;
}

td {
	color: #2A3980;
	font: normal 400 1em/1.5em "proxima-nova", sans-serif;
}


/*
	BUTTON

	Defualt: White border that goes solid on hover, adding a color tag makes the button become solid

	h5: styles the buttons text to look like an h5 tag
	h6: styles the buttons text to look like and h6 tag
	h3: styles the buttons text to look like an h3 tag

	colors: blue, light-blue, white, gold


	.margin - gives 30px of margin to the top of the button


*/

.tw-border-b {
  border-bottom: 1px;
  border-style: solid;
  border-radius: 0px;
  line-height: 1.5;
}

#preferredKitten {
	display: none;
}

.nav .button {
  padding: 10px 20px;
  background: #c8ae35;
  border: 2px solid transparent;
  text-transform: uppercase;
  font-weight: 700;

  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  }
  .nav .button:hover {
    border: 2px solid #fff;
    background: #2A3980;
    color: #fff;
  }



/* MOBILE HAMBURGER */

.hamburger {
	display: inline-block;
	position: relative;
	width: 28px; height: 17px;
  z-index: 999; }

  .hamburger .top-line {
  	background: #fff;
  	display: block;
  	position: absolute;
  		top: 0px;
  		left: 0px;
  	width: 100%; height: 3px;

  	-webkit-transition: all 200ms ease;
  		 -moz-transition: all 200ms ease;
  		 	-ms-transition: all 200ms ease;
  		 			transition: all 200ms ease;

  	-webkit-transform-origin: 50% 50%;
  	-moz-transform-origin: 50% 50%;
  	transform-origin: 50% 50%; }

  .hamburger .middle-line {
  	background: #fff;
  	display: block;
  	position: absolute;
  		top: 7px;
  		left: 0px;
  	width: 100%; height: 3px;

  	-webkit-transition: all 100ms ease;
  		 -moz-transition: all 100ms ease;
  		 	-ms-transition: all 100ms ease;
  		 			transition: all 100ms ease;

  	-webkit-transform-origin: 50% 50%;
  	-moz-transform-origin: 50% 50%;
  	transform-origin: 50% 50%; }

  .hamburger .bottom-line {
  	background: #fff;
  	display: block;
  	position: absolute;
  		bottom: 0px;
  		left: 0px;
  	width: 100%; height: 3px;

  	-webkit-transition: all 200ms ease;
  		 -moz-transition: all 200ms ease;
  		 	-ms-transition: all 200ms ease;
  		 			transition: all 200ms ease;

  	-webkit-transform-origin: 50% 50%;
  	-moz-transform-origin: 50% 50%;
  	transform-origin: 50% 50%; }

.x-out .top-line {
	top: 7px;
	-webkit-transform: rotate(45deg);
		 -moz-transform: rotate(45deg);
		 	-ms-transform: rotate(45deg);
		 			transform: rotate(45deg);

	-webkit-transition: all 200ms ease;
		 -moz-transition: all 200ms ease;
		 	-ms-transition: all 200ms ease;
		 			transition: all 200ms ease; }

.x-out .middle-line {
	opacity: 0;

	-webkit-transition: all 200ms ease;
		 -moz-transition: all 200ms ease;
		 	-ms-transition: all 200ms ease;
		 			transition: all 200ms ease; }

.x-out .bottom-line {
	bottom: 7px;
	-webkit-transform: rotate(-45deg);
		 -moz-transform: rotate(-45deg);
		 	-ms-transform: rotate(-45deg);
		 			transform: rotate(-45deg);

	-webkit-transition: all 200ms ease;
		 -moz-transition: all 200ms ease;
		 	-ms-transition: all 200ms ease;
		 			transition: all 200ms ease; }

.slide-nav {
  background: #2A3980;
  height: 100vh;
  padding: 20px;
  position: absolute;
    top: 0;
    right: 0;
  transform: translate(100%, 0%);
  transition: all 0.3s ease-out;
  width: 200px;
}

  .slide-nav h5 {
    font-size: 1.1em;
  }

    .slide-nav h5.indent {
      margin-left: 20px;
    }

.slide-nav.slide-reveal {
  transform: translate(0%, 0%);
  transition: all 0.3s ease-out;
}

  .slide-nav ul {
    list-style-type: none;
    margin: 70px 0px 0px 0px;
  }



/*
	ARTICLE
	article is used to style the links to articles that contain pictures with the text overlayed

	.title: use on the main title of the article
	.author: use on the authors name
	.date: use on the date the article was published
	.topic: use on the topic of the article

	.small: designates that this will be a smaller article section

*/

.article {
  position: relative;
  min-height: 320px;
  margin: 15px 0px;
  padding: 20px;
  background-size: cover;
  background-color: #fff; }
  .article .grid-x {
    height: 100%; }
  .article .topic {
    position: absolute;
    top: 20px;
    z-index: 100; }
  .article .title {
    padding-top: 70px;
    position: relative;
    height: 100%;
    z-index: 100;
    padding-bottom: 10px; }
  .article .author {
    position: absolute;
    bottom: 20px;
    z-index: 100; }
  .article .date {
    z-index: 100; }
  .article.small {
    min-height: 200px; }
	.archive {
	 	padding: 20px !important;
	 	border: 1px solid transparent;
	 	-webkit-transition: all .2s ease-out;
	 	transition: all .2s ease-out;
	 	background: #eee;
}
		.archive:hover {
			border: 1px solid rgba(0, 47, 88, 0.4);
		}
		.archives h2 {
			margin-bottom: 20px;
		}
		.archives h4 {
			margin-bottom: 20px;
		}
    .article.small .topic {
      top: 20px; }
    .article.small .author {
      bottom: 20px; }
    .article.small .title {
      padding-top: 25px;
      padding-bottom: 10px; }
    .article-preview h2 {
      font-size: 1.5em; }
      .article .title {
	      padding-right: 20px; }
      .article .title h2 {
	     font-size: 1.75em; }
      .article .title.small h2 {
       font-size: 1em; }
     .article.small h2 {
	     font-size: 1.75em;
	     padding: 0px;margin: 0px; }

@media only screen and (max-width: 40em) {
	.article .title h2 {
		font-size: 1.1em;
		padding-bottom: 7px;
		margin: 0px;
	}

	.article {
		min-height: 220px;
	}

  .board, .careers {
  	padding: 25px 0px !important;
  }

}
.article.third {
	padding: 15px;
	-webkit-background-size: cover !important;
		 -moz-background-size: cover !important;
		 	-ms-background-size: cover !important;
		 			background-size: cover !important;
}
	.article.third h2 {
		font-size: 0.9em;
	}
	.article.third .title {
		padding: 0px;
		height: auto;
	}

	.article.third .date {
		margin: 5px 0px 0px 0px;
		padding: 0px;

	}

.recommended-articles {
	font-size: 1.5em;
	margin: 0px;
}

.article-preview {
	margin: 20px 0px;
}

.large-article-preview {
	position: relative;
}
	.large-article-preview .overlay {
		position: absolute;
		display: block;
		z-index: 1;
			top: 0;
			left: 0;
		height: 100%;
		width: 100%;
		background: linear-gradient(rgba(0,0,0,0) 40.39%, #000000 100%);
	}
	.large-article-preview .content {
		position: relative;
		z-index: 2;
	}
  .article-preview .date h5 {
    color: #2A3980;
  }

  .large-article-preview .date h5 {
	  color: #fff;
  }

  .article-preview::after {
    background: #ddd;
    content: '';
    display: block;
    height: 2px;
    margin: 35px 15px 10px 15px;
    width: 100%;
  }

.author h5, .author h6 {
	margin-bottom: 0px;
}

.author h6 {
	font-size: 1em;
	margin-right: 20px;
	font-weight: 700;
}


/*
	CALLOUTS

	used in the acual article pages to create different types of callouts

	.callout1: a full-width callout that is placed in its own div
	.callout2: a left aligned callout placed inside a paragraph tag
	.callout3: a centered callout that is placed inside a paragraph tag
	.callout4: a right aligned callout placed inside a paragraph tag

*/

.callout1, .callout2, .callout3, .callout4 {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 1.2em;
  padding: 20px 20px 20px 20px;
  margin-right: 20px;
}
.callout1 p, .callout2 p, .callout3 p, .callout4 p {
	font-family: "Baskerville", serif;
}
  .callout1 .pullout,
  .callout2 .pullout,
  .callout3 .pullout {
    position: absolute;
    opacity: 0;
    left: -50px;
    width: 50px;
    padding-right: 10px;
    height: 100%;
    top: 22px;
    text-align: right;

    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    transition-delay: .2s;
    }
  .callout1:before,
  .callout2:before,
  .callout3:before {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 0%;
    left: 0;
    bottom: 0px;
    margin: 20px 0px;
    background: #c8ae35;
    z-index: 2;

    -webkit-transition: height .3s ease-in-out;
    -ms-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
  }
  .callout1:hover:before {
		height: 85%;
  }
  .callout1:hover .pullout,
  .callout2:hover .pullout,
  .callout3:hover .pullout,
  .callout4:hover .pullout {
	  opacity: 1;

	  -webkit-transform: translateX(0);
	  -ms-transform: translateX(0);
	  -o-transform: translateX(0);
	  transform: translateX(0);
  }
  .callout1 p,
  .callout2 p,
  .callout3 p,
  .callout4 p {
    font-weight: 700;
    font-size: 1em;
    text-align: right; }

		.callout1 p {
			text-align: center;
		}
.callout2 {
  float: left;
  width: 40%;
  }
  .callout2:hover:before {
		height: 85%;
  }
.callout3 {
  position: relative;
  margin: 0 auto;
  max-width: 300px;
}
  .callout3:hover:before {
		height: 80%;
  }
.callout4 {
  float: right;
  width: 40%;
}

.image {
	padding: 20px 0px;
	text-align: center;
	width: 100%;
}
.callout4 .pullout {
    position: absolute;
    opacity: 0;
    right: -50px;
    width: 50px;
    padding-right: 10px;
    top: 22px;
    text-align: right;

    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    transition-delay: .2s;
    }
  .callout4:before {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 0%;
    right: 0;
    bottom: 0;
    margin-bottom: 15%;
    background: #c8ae35;
    z-index: 2;

    -webkit-transition: height .3s ease-in-out;
    -ms-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
  }
  .callout4:hover:before {
		height: 80%;
  }
 @media screen and (max-width: 640px) {
   .callout2, .callout4 {
     width: 50%;
   }
   .callout2 .pullout {
     display: none;
   }
   .callout1:before,
   .callout2:before,
   .callout3:before,
   .callout4:before {
     height: 85%;
   }
 }

.pic {
	padding-right: 25px;
  overflow: hidden;
  background-size: cover; }

.pic img {
	width: 100%; height: auto;
}
.cell > .article {
  padding: 0px 20px; }

@media screen and (max-width: 640px) {
  .pic {
    width: 100%; } }

@media screen and (max-width: 640px) {
  .article.no-img {
    position: relative; }
    .article.no-img:after {
      content: "";
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background: #DDD;
      left: 0px;
      bottom: -20px; } }
.article-author {
  height: 150px;
  width: 150px;
  margin-bottom: 20px;
  background: #ccc;
}
.article-author-name {
  font-size: 1.4em;
}

@media only screen and (max-width: 40em) {

.stay-connected input {
	margin-bottom: 15px !important;
}

.stay-connected .button {
	margin-top: 15px !important;
}

}

.article-button {
  margin: 25px 0px 45px 0px;
}

.key-points {
	margin-bottom: 25px;
}

	.key-points h4 {
		color: #2A3980;
		font: normal 400 1.6em/1.3em "proxima-nova", sans-serif
	}

	.key-point {
		background: #f9f9f9;
		color: #2A3980;
		margin-bottom: 2px;
		padding: 20px;
	}

	.key-point .number {
		font-weight: 700;
		font-size: 1.4em;
	}


/*
	ENDNOTES

	these are the references at the end of an article and are hidden by default
*/

.stay-connected {
	background: #2A3980;
}

.email-signup .stay-connected {
  margin-bottom: 20px;
  padding: 20px;
}

  .email-signup .stay-connected p {
    color: #fff;
  }

  .email-signup .stay-connected .button {
    margin-top: 15px;
  }

.stay-connected h1 {
	font-size: 2em;
	margin-bottom: 30px;
	color: #fff !important;
}

.stay-connected input[type='text'] {
	background: none;
	border: none;
	border-bottom: 3px solid #fff;
	box-shadow: none;
	color: #fff;
	font: normal 400 1.25em/1em "proxima-nova", sans-serif;
	width: 100%;

	-webkit-border-radius: 0px;
		 -moz-border-radius: 0px;
		 	-ms-border-radius: 0px;
		 			border-radius: 0px;
}

.expand {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-bottom: 30px;
  cursor: pointer;
}
  .expand:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    opacity: 0.4;
    bottom: 0;
    left: 0;
    background: #2A3980;
  }
  .expand:before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    opacity: 1;
    bottom: 0;
    left: 0;
    background: #2A3980;

    transform: scaleX(0);
    transform-origin: center;
    transition: transform .3s ease-in-out;
  }
  .expand:hover:before {
  	transform: scaleX(1);
  }
#keynotes,
#endnotes {
  overflow: hidden;
  width: 100%;
  height: 0;

  -webkit-transition: height .3s ease-in-out;
  -ms-transition: height .3s ease-in-out;
  -o-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out;
}
.section-link {
	border-top: 1px solid #eee;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.section-link.last {
	border: none;
}
.section-link h4 {
	margin: 0px;
}
#keynotes p {
}
table tbody td {
	padding: 0px;
}



/*
	SECTION

	Default: a padding of 50px on top and bottom and the full-width

	background colors: grey, blue

	.outline: makes the padding 20px all around and a div must be placed inside the section

	.bg-image: used when a section has a background image
	.centered: centers the text inside the section
	.extra-padding: bumps the padding up to 100px on top and bottom
  .extra-padding-medium: bumps the padding up to 50px on top and bottom
	.padding-small: creates 10px of padding all around
	.padding-medium: creates 40px of padding all around;

*/

  section.bg-image {
    background-size: cover; }
  section.centered {
    text-align: center; }
  section.extra-padding {
    padding: 100px 0px; }
  section.extra-padding-medium {
    padding: 50px 0px; }
  section.padding-small {
    padding: 10px; }
  section.padding-medium {
    padding: 40px; }
  section.grey {
    background: #f2f2f2; }
  section.blue {
    background: #2A3980; }
    section.blue h2 {
      color: #fff; }
    section.blue p {
      color: #fff; }
  section.outline {
    padding: 20px; }
    section.outline div {
      border: 1px solid #c8ae35;
      padding: 40px; }



/*
	HEADER


*/

.header {
  padding-top: 20px;
  width: 100%; }

.logo img {
  width: 100px; }

.nav a {
  margin: 0px 15px; }

.projects {
	cursor: pointer;
	display: inline-block;
	margin: 0px 15px;
	position: relative;
}
	.header .searchbox {
		width: 300px;
		display: inline-block;
		float: right;
	}

	.projects .sub-menu {
		background: #fff;
		opacity: 0;
		position: absolute;
			left: 0px;
			top: 200%;
		width: 200px;
		visibility: hidden;

		-webkit-transition: visibility 500ms ease, opacity 500ms ease-in-out, top 500ms ease-in-out;
			 -moz-transition: visibility 500ms ease, opacity 500ms ease-in-out, top 500ms ease-in-out;
			 	-ms-transition: visibility 500ms ease, opacity 500ms ease-in-out, top 500ms ease-in-out;
			 			transition: visibility 500ms ease, opacity 500ms ease-in-out, top 500ms ease-in-out;
	}

		.projects .sub-menu.active {
			opacity: 1;
			top: 150%;
			visibility: visible;
		}

		.projects .sub-menu:before {
			border: 10px solid transparent;
			border-bottom-color: #fff;
			content: "";
			display: block;
			position: absolute;
				top: -20px;
				left: 12px;
			width: 0px; height: 0px;
		}

		.projects .sub-menu a {
			border-bottom: 1px solid #ddd;
			color: #2A3980;
			cursor: pointer;
			display: block;
			float: none;
			font: normal 400 0.8em/1.2em "proxima-nova", sans-serif;
			margin: 0px;
			padding: 5px 10px;
		}

			.projects .sub-menu a:hover {
				background: #f2f2f2;
			}

			.projects .sub-menu a:last-child {
				border-bottom: none;
			}

.nav .button {
  margin-top: -8px; }

.nav a {
  display: inline-block; }
.nav h5 {
	margin: 0px;
}
.small-nav {
  text-align: center;
  padding: 10px 0px; }
  .small-nav h5 {
    margin: 0px;
    padding: 5px 0px; }
  .small-nav .cell {
    padding: 0px 5px;
    border-right: 1px solid #fff; }
  .small-nav .cell:last-of-type {
    border-right: none; }
.gsc-search-button {
	vertical-align: top;
}
input.gsc-search-button-v2 {
	width: auto !important;
	height: 34px !important;
	padding: 10px 20px !important;
}
.gsc-search-button input[type="image"] {
	margin: -8px;
	border: none !important;
	border-radius: 0px !important;
}
table:focus {
	outline: none !important;
}
table tbody {
	border: none;
	background: none;
}
.gsc-input-box {
	border: none !important;
	background: none !important;
}
input.gsc-input {
	border-radius: 0px;
	padding: 5px !important;
	background-image: none !important;
}
.gsib_a {
	padding: 0px !important;
}
.gs_tti50 {
	padding: 0px !important;s
}
#gs_tti50 input {
	height: 25px !important;
	margin: 1px 0px 0px 0px !important;
	margin-left: 24px !important;

	text-indent: 0px !important;
}
table.gsc-search-box td {
	vertical-align: center !important;
}
.gscb_a {
	position: relative !important;
		top: 5px !important;
}
.gsst_a {
	margin: 0px !important;
	padding: 0px !important;
}
.gsc-input-box-focus {
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/*
	FOOTER

*/

footer {
  background: #333333;
  width: 100%;
  padding: 50px 0px; }

footer i {
  padding: 0px 5px;
  color: #fff; }

footer .cell {
  padding-top: 30px; }



/*
	BANNER

	Use blue and inner on banners for inner pages that don't have a background image
*/

.banner {
  z-index: 1;
	overflow: hidden;
  padding: 30px 0px;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover !important;
  	 -moz-background-size: cover !important;
		 	-ms-background-size: cover !important;
		 			background-size: cover !important;
  position: relative;
  width: 100%;
  max-height: 610px; height: 610px; }
  .banner.blue {
    background: #2A3980; }
  .banner.inner {
    height: 300px; }
	.banner.magazine {
		height: 400px; }
    .banner.inner h1,
    .banner.magazine h2 {
      margin-top: 100px;
      padding-bottom: 0px; }
    .banner.magazine h1 {
	    margin-top: 0px; }

.banner .grid-x {
  height: 100%; }

.banner h1 a {
	color: #fff !important;
}

.banner h4.author-name {
	font-size: 1.25em;
	font-weight: 700;
}

.team-body-copy h3, .team-body-copy h2, .team-body-copy h1, .team-body-copy h4, .team-body-copy h5, .team-body-copy h6 {
	color: #2A3980;
}

.team-body-copy h2 {
  font-size: 1.5em;
}

.underline-text {
  display: inline-block;
  text-decoration: underline;
}

span.text-left, span.text-center, span.text-right, span.text-justify {
	display: inline-block;
}

@media only screen and (max-width: 40em) {
	.banner h1 {
		font-size: 1.25em !important;
	}

	.banner.inner h1 {
		font-size: 1.75em !important;
	}

	.banner h4 {
		font-size: 0.9em;
	}

	.banner .grid-padding-y > .cell {
		padding-top: 0px;
		padding-bottom: 0px;
	}

  .banner .grid-x {
    height: auto; }

    .banner .grid-x.align-bottom.align-center {
      position: absolute;
        bottom: 25px; }
}

.banner.shorter {
	height: auto;
	padding: 200px 0px 30px 0px;
}

.banner.shorter .blue-overlay {
  background: rgba(0,46,87,1);
}

.blue-overlay {
	background: rgba(0,46,87,.8);
	position: absolute;
		top: 0px;
		left: 0px;
	width: 100%; height: 100%;
	z-index: 1;
}

  .black-overlay {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  	position: absolute;
  		top: 0px;
  		left: 0px;
  	width: 100%; height: 100%;
  	z-index: 1;
  }

.banner-info {
	position: relative;
	z-index: 9999;
}

	.banner-info h1 {
		font-size: 2.75em;
	}

@media screen and (max-width: 640px) {
	.banner-info h1 {
		font-size: 1.75em;
	}

  .banner {
    height: 100vh;
    max-height: 400px;
  } }

.timeline-banner {
	background: #f2f2f2;
	margin-bottom: 50px;
	position: relative;
	width: 100%; height: 350px;
}

	.timeline-banner .bxslider li {
		width: 100%; height: 350px !important;

		-webkit-background-size: cover !important;
			 -moz-background-size: cover !important;
			 	-ms-background-size: cover !important;
			 			background-size: cover !important;
	}

	.timeline-banner .banner-text {
		color: #fff;
		font: normal 700 3.5em/1em "Baskerville", serif;
		position: absolute;
			top: 50%;
		text-align: center;
		width: 100%;
		z-index: 900;

		-webkit-transform: translateY(-50%);
			 -moz-transform: translateY(-50%);
			 	-ms-transform: translateY(-50%);
			 			transform: translateY(-50%);
	}

		.timeline-banner .banner-text .line {
			background: #c8ae35;
			display: block;
			margin: 15px auto 0px auto;
			max-width: 75px; width: 100%; height: 5px;
		}

.bxslider {
	margin-left: 0px !important;
	position: relative;
	z-index: 1;
}



/*
	SUB NAV

	This is for the sub navigation on the about page
*/

.history .sub-nav:after {
  width: 100px !important;
  left: 170px !important; }

.team .sub-nav:after {
  width: 84px !important;
  left: 120px !important; }

  .team .donate .sub-nav:after {
    width: 115px !important;
    left: 75px !important; }

.issues .sub-nav:after {
  width: 48px !important;
  left: 235px !important; }

.contact .sub-nav:after {
  width: 63px !important;
  left: 315px !important; }

.check .sub-nav:after {
  width: 50px !important;
  left: 222px !important; }

.estate .sub-nav:after {
  width: 120px !important;
  left: 303px !important; }

.nav-section {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out, transform 0.3s ease-out;
  -ms-transition: opacity 0.2s ease-out, transform 0.3s ease-out;
  -o-transition: opacity 0.2s ease-out, transform 0.3s ease-out;
  transition: opacity 0.2s ease-out, transform 0.3s ease-out;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px); }
  .nav-section.active-item {
    height: auto;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
@media only screen and (max-width: 40em) {
	.nav-section section {
		padding: 0px 0px 15px 0px;
	}
}
.sub-nav {
  width: 497.5px;
  position: relative; }
  .sub-nav:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    background: #c8ae35;
    width: 84px !important;
    left: 56px !important;
    bottom: -5px;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .sub-nav .bar {
    padding: 1px 15px;
    position: relative;
    cursor: pointer; }
    .sub-nav .bar h4 {
      margin: 0px; }
    .sub-nav .bar:after {
      content: "";
      display: block;
      position: absolute;
      height: 100%;
      width: 1px;
      background: #2A3980;
      right: 0px;
      top: 0; }
  .sub-nav .bar:last-of-type:after {
    display: none; }

@media screen and (max-width: 640px) {
  .sub-nav {
    width: 350px;
  }
  .sub-nav h4 {
    font-size: 12px;
  }
  .history .sub-nav:after {
    width: 73px !important;
    left: 112px !important; }

  .team .sub-nav:after {
    width: 63px !important;
    left: 71px !important; }

  .issues .sub-nav:after {
    width: 36px !important;
    left: 165px !important; }

  .contact .sub-nav:after {
    width: 48px !important;
    left: 231px !important; }

  .check .sub-nav:after {
    width: 40px !important;
    left: 180px !important; }

  .estate .sub-nav:after {
    width: 37px !important;
    left: 250px !important; }
}



/*
	ARTICLE PAGE


*/

.article-page > .article {
  border-top: 1px solid #ddd; }

.article-page-main .article {
  position: relative;
  margin: 0px;
  min-height: 320px;
  padding: 0px 15px;
  background-size: cover;
  background-color: #fff;
}

@media only screen and (max-width: 40em) {
	.article-page-main .pic {
		margin-bottom: 20px;
	}
}

.article-page-main .article.small {
  min-height: 200px;
}

.article-page-main .article.small .topic {
  top: 0px;
}

.article-page-main .article.small .author {
  bottom: 0px;
}

.article-page-main .article-preview::after {
  background: #ddd;
  content: '';
  display: block;
  height: 2px;
  margin: 40px 15px 20px 15px;
  width: 100%;
}

.show-more {
  font: italic 400 .8em/1.2em "Merriweather", serif;
  background: #f2f2f2;
  border: 1px solid transparent;
  border-radius: 0;
  color: #444;
  padding: 10px 20px; }
  .show-more:hover {
    border: 1px solid #444; }
  .show-more:focus {
    border: none;
    background: #f2f2f2;
    box-shadow: none; }

.side-bar h5 {
  color: #2A3980; }

.side-bar h6 {
  color: #2A3980;
  font-size: 1.5em;
  padding-top: 50px;
  padding-bottom: 10px;
  position: relative; }
  .side-bar h6:after {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #ddd; }
  .side-bar h6:last-of-type {
    padding-top: 30px; }

.side-bar .list {
  padding-top: 20px; }

.side-bar .label {
  color: #2A3980;
  display: block;
  position: relative;
  background: #fff;
  padding: 10px;
  cursor: pointer;
  border-radius: 0px;
}
  .side-bar input[type="checkbox"] {
    display: none;
  }
  .side-bar .label:hover input[type="checkbox"] + label {
    background: #fff;
  }
  .side-bar input[type="checkbox"]:checked + label {
    color: #fff;
    background: #2A3980;
  }
  .side-bar input[type="submit"] {
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 10px;
    background: #2A3980;
    border-radius: 0px;
    color: #fff;
    width: 100%;
    margin-top: 40px;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .side-bar input[type="submit"]:hover {
    color: #2A3980;
    border: 2px solid #2A3980;
    background: #fff
  }
  .side-bar input[type="submit"]:focus {
    color: #2A3980;
    border: 2px solid #2A3980;
    background: #fff;
    outline: none;
  }

.ticketing {
	margin-bottom: 10px;
}

.ticketing .shrink {
	padding-right: 10px;
}

.ticketing input {
	margin: 0px;
}

.ticketing label {
	line-height: 1.3em;
}

.event-body {
  font-size: 1.3em;
}

@media only screen and (max-width: 40em) {
	.event-body {
		padding-bottom: 0px;
	}

	.tickets {
		padding-top: 25px;
	}

	.side-bar {
		padding-top: 0px;
	}

	.paginate .button {
		margin-top: 10px;
	}
}

.article-test {
  min-height: 320px;
  padding: 20px; }



/*
	ABOUT PAGE
*/

.graphic .item div {
  width: 70px;
  height: 70px;
  border: 5px solid #2A3980; }

.graphic .circle {
  width: 70px;
  height: 70px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  .graphic .circle h5 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.graphic .bar:after {
  top: 35px;
  background: #ccc;
  height: 2px;
  width: 160%;
  padding: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
.team-member {
  padding-bottom: 30px;
}
.team-member .img {
  width: 100%;
  }
.team-member p {
	margin: 0px;
}
.team-member h4 {
	margin: 0px;
}
.side-bar {
  margin-bottom: 40px;
}
.department-contact {
  padding-bottom: 50px;
}



/*
  TEAM PAGE
*/

@media screen and (max-width: 1024px) {
  .teampage-info {
    margin-top: 50px;
  }
}



/*
  CAREERS PAGE
*/


.career h4 {
  color: #2A3980;
  font-weight: bold;
}



/*
	DONATION PAGE
*/

.plan-amount {
	margin-top: 0px !important;
}

.number-input {
	display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 1rem;
  border: 1px solid #cacaca;
  border-radius: 0px;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  padding-left: 1rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
	.number-input:focus {
		border: 1px solid #8a8a8a;
		box-shadow: 0 0 5px #cacaca;
		transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	}

	.number-input span {
		display: inline-block;
		width: 1rem;
	}

	input[type="number"] {
		display: inline-block;
		border: none;
		outline: none;
		box-shadow: none;
		width: calc(100% - 1.5rem);
		margin: 0px;
		background: #fefefe;
		border-radius: 3px;
		height: 2.4375rem;
	}
		input[type="number"]:focus {
			border: none;
			box-shadow: none;
			outline: none;
		}

.donation-price select {
	margin-bottom: 5px;
}

  .donation-price h6 {
    color: #2A3980;
    font: normal 400 1.0em "Merriweather", serif;
    font-style: italic;
    margin-bottom: 0px;
    text-transform: uppercase; }

  .donation-price div {
    float: left;
    margin: 10px 0px;
    position: relative; }

    .donation-price label {
      border: 2px solid #2A3980;
      color: #2A3980;
      cursor: pointer;
      padding: 10px 50px;
      transition: background 0.3s ease-out;
      z-index: 90; }

    .donation-price label, .donation-price input {
      display: block; }

      .donation-price input[type="radio"] {
        opacity: 0;
        position: absolute;
          top: 0;
          left: 0;
        z-index: 100; }

      .donation-price label:hover,
      .donation-price input[type="radio"]:checked + label {
        background: #2A3980; }

        .donation-price label:hover h6,
        .donation-price input[type="radio"]:checked + label h6 {
          color: #fff; }

.donation-form .button {
  padding: 10px 50px; }

.donation-form input[type="text"] {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
  margin: 15px 0px;
  padding: 10px;
  font: normal 400 1em/1.2em "proxima-nova", sans-serif; }
  .donation-form input[type="text"]:focus {
    outline: none; }

.donation-form input[type="checkbox"] {
  display: none; }
  .donation-form input[type="checkbox"] + label {
    height: 25px;
    width: 25px;
    margin: 0; }
    .donation-form input[type="checkbox"] + label > span {
      display: inline-block;
      position: relative;
      height: 25px;
      width: 25px;
      background: #fff;
      border: 1px solid #ccc; }
      .donation-form input[type="checkbox"] + label > span > span {
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        position: absolute; }
  .donation-form input[type="checkbox"]:checked + label > span > span {
    background: #2A3980; }

.donation-form p {
  padding: 0px;
  margin: 0px;
  line-height: 25px; }



/* == Issues == */

.issue-nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	.issue-nav a {
		color: #2A3980;
		font: normal 400 1em/1.2em "proxima-nova", sans-serif;
	}

		.side-bar .label {
			padding: 6px 10px;
		}

		.side-bar .list {
			padding: 3px 0px 0px 0px;
		}

.share-button {
	display: inline-block !important;
}

#article-content p a {
	text-decoration: underline;
}

#article-content h1, #article-content h2, #article-content h3, #article-content h4, #article-content h5, #article-content h6 {
	color: #2A3980;
}

#article-content table {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}

	#article-content table td {
		border: 1px solid #f2f2f2;
		padding: 5px;
	}

.issue {
	display: none;
}

	.issue h3 {
		font-size: 1.25em;
		font-weight: 700;
		margin-top: 25px;
	}

	.issue:first-child {
		display: block;
	}

.investor-club {
	border-top: 1px solid #ddd;
	padding: 17px 0px;
}

	.investor-club h3 {
		font-size: 1.25em;
		margin: 0px;
	}

	.investor-club li {
		font: normal 0.9em/1.2em "proxima-nova", sans-serif;
		margin: 5px 0px 0px 0px;
	}

	.investor-club ul {
		margin-bottom: 0px;
	}

	.investor-clubs h2 {
		padding-bottom: 0px;
	}

.save-our-states {
	background: url('/uploads/assets/img/save-our-states-banner-bottom.png') center bottom no-repeat, url('/uploads/assets/img/save-our-states-background.jpg') center center no-repeat !important;
	background-size: 100% auto, cover !important;
	height: 600px !important;
}

.save-our-states-logo {
	display: inline-block;
	padding: 0px 20px;
	max-width: 600px;
}

.radio .banner {
	padding: 130px 0px 50px 0px;
	height: auto !important;
	max-height: none !important;
}

.tes-logo {
	display: inline-block;
	max-width: 350px; width: 100%;
}

@media only screen and (max-width: 40em) {
	.tes-logo {
		max-width: 250px;
	}
}

.green-overlay {
	background: rgba(93,175,113,.8);
	position: absolute;
		top: 0px;
		left: 0px;
	width: 100%; height: 100%;
	z-index: 1;
}

.legacy-logo {
	display: inline-block;
	margin: 35px 0px;
	max-width: 750px; width: 100%;
}

/*
	FORM

	for the pull down form that appears with the call to action pages
*/

.blue-bg {
  position: fixed;
  background: rgba(0, 47, 88, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  cursor: pointer;

  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -o-transform: translateY(200%);
  transform: translateY(200%);
  -webkit-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition-delay: .1s;
}
.blue-bg.reveal {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
  .form input {
    width: 100%;
    background: #fff;
    padding: 15px;
    height: 50px;
    border-radius: 0;
    border: none;
    outline: none;
    margin-bottom: 10px;
  }
    .form input:focus {
      outline: none;
      border: 0;
      box-shadow: none;
    }
  .form textarea {
    padding: 15px;
    border-radius: 0;
    outline: none;
    border: none;
    box-shadow: none;
    resize: none;
    height: 200px;
  }
  .form i {
    color: #fff;
    float: right;
  }
  .form h2 {
    color: #fff;
    padding: 0;
  }
  .form.reveal {
    opacity: 1;

  -webkit-transform: translate(-50%, 20%);
  -ms-transform: translate(-50%, 20%);
  -o-transform: translate(-50%, 20%);
  transform: translate(-50%, 20%);
  transition-delay: .1s;
  }
@media screen and (max-width: 640px) {
  .form {
    width: 95%;
    height: 95%;
  }
}



/*
	LIVE STREAMS

*/

.radio .banner {
  background: #5daf71;
}
  .radio p {
    color: #444;
  }
  .radio h2 {
    color: #444;
  }
  .radio h3 {
    color: #444;
  }
  .radio h4 {
    color: #444;
  }
.radio .button {
  background: #5daf71;
}
.radio .button:hover {
  border: 2px solid #5daf71;
  color: #5daf71;
}
.live-stream .grey {
  background: #ccc;
  padding-bottom: 20%;
}
.vods .grey {
  background: #ccc;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.vods p {
  padding-top: 20px;
}
.vods h4 {
  padding: 0px;
  margin: 0px;
  padding-bottom: 20px;
}
.livestream {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.alert {
  position: fixed;
  bottom: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  padding: 20px;

  -webkit-transform: translate(0%, 100%);
  -ms-transform: translate(0%, 100%);
  -o-transform: translate(0%, 100%);
  transform: translate(0%, 100%);

  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.alert.active {
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.alert h3 {
  margin: 0px;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0px !important;
	border: none !important;
}

/*
	DATA TOOLS

*/

.data-tools-intro p:last-of-type {
  margin-bottom: 0px;
}

.data-tools .item {
  padding: 5px;
  background: #2A3980;

  -webkit-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  }

    .data-tools .item > div{
      padding: 20px;
      background: #2A3980;
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden;
      box-shadow: inset 0 0 0 3px #fff;

      -webkit-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
    }
    .data-tools .item h3 {
	    color: #fff;
	    margin: 0px;
      padding: 15px 0px;

      -webkit-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
    }
    .data-tools .item p {
	    color: #fff;
      padding-top: 30px;
    }

@media only screen and (max-width: 40em) {
	.data-tools {
		padding-top: 0px;
	}

	.mobile-author {
		padding-top: 0px;
	}

	.data-tools-intro {
		padding-bottom: 15px;
	}

	.data-tools .item {
		margin-top: 25px;
	}
}

.take-action-item {
	border-bottom: 2px solid #ececec;
}

.map {
  margin-bottom: 30px;
}



/* == Tickets == */

.ticket-level {
	border-bottom: 2px solid #f2f2f2;
	padding: 25px 0px;
}

	.ticket-level h3 {
		font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
	}

	.ticket-level h4 {
		color: #777;
    font-style: italic;
	}

	.ticket-level ul {
		margin-bottom: 0px;
	}

.ticket-levels .ticket-level:last-child {
	border-bottom: none;
}

.ticket-levels .ticket-level:first-child {
	padding-top: 0px;
}

.board-table {
	table-layout: fixed !important;
	width: 100%;
}

	.board-table tbody {
		border: none;
	}

	.board-table p {
		margin: 0px;
	}

	.board-table td {
		padding: 20px;
	}

.paginate {
	margin-top: 35px;
}

.issue .article .title h2 {
	font-size: 1.2em;
}

.issue .article {
	border: 1px solid #eee;
}

 @media print {
   * p, * li, .team-body-copy p {
     font-size: 12px !important;
   }
   h1 {
     font-size: 20px !important;
   }
   h2 {
     font-size: 18px !important;
   }
   h3 {
     font-size: 16px !important;
   }
   h4 {
     font-size: 14px !important;
   }
   h5 {
     font-size: 14px !important;
   }
   h6 {
     font-size: 14px !important
   }

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

/*
	Magazine
*/
.magazine-list .link {
	font: normal 400 1rem/1.2rem "proxima-nova", sans-serif;
	color: #2A3980;
	-webkit-transition: all .3s ease-out;
}
	.magazine-list .link:hover {
		opacity: .5;
	}
.magazine-list .item {
	padding: 20px;
	background: #eee;
}

/*
	FONTS
*/

@font-face {
  font-family: "Baskerville";
  src: url("../fonts/LibreBaskerville-Regular.ttf"); }

@font-face {
  font-family: "Baskerville";
  src: url("../fonts/LibreBaskerville-Italic.ttf");
  font-style: italic; }

@font-face {
  font-family: "Baskerville";
  src: url("../fonts/LibreBaskerville-Bold.ttf");
  font-weight: 700; }

@media print {
  p {
    font-size: 3em;
  }
}