/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* END OF CSS RESET */
/* VARIABLES & MIXINS */
/* END OF VARIABLES & MIXINS */
body {
  font-family: 'Karla', sans-serif;
  font-size: 18px;
  letter-spacing: .01em;
  line-height: 1.7em;
  margin: 0px;
  color: #070A2A;
  background-color: #E1E2E6;
  margin-top: 64px !important; }

b {
  font-weight: 700; }

i {
  font-style: italic; }

.wrapper {
  max-width: 1440px;
  margin: 0 auto;
  background-color: #f2f2f2;
  min-height: 100%;
  height: auto !important;
  height: 100%; }

.nav-wrapper {
  max-width: 1440px;
  clear: both;
  margin: 0 auto; }

html, body {
  height: 100%; }

li {
  list-style-type: none; }

a {
  text-decoration: none;
  cursor: pointer; }

input {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0; }

span.visibly-hidden {
  position: absolute;
  left: -9999em; }

/* ICON FONT */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?3uj5pi");
  src: url("../fonts/icomoon.eot?3uj5pi#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?3uj5pi") format("truetype"), url("../fonts/icomoon.woff?3uj5pi") format("woff"), url("../fonts/icomoon.svg?3uj5pi#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-playback-pause:before {
  content: "\e900"; }

.icon-link:after {
  content: "\e9cb";
  font-family: 'icomoon';
  padding-left: .4em; }

.icon-youtube:after {
  content: "\ea9d";
  font-size: 1.9em; }

.icon-cross:before {
  content: "\e90b"; }

.icon-menu:before {
  content: "\e901"; }

.icon-minimize:before {
  content: "\e902"; }

.icon-minus:before {
  content: "\e903"; }

.icon-arrow-right:after {
  content: "\e904";
  font-family: 'icomoon';
  padding-left: .6em; }

.icon-arrow-left:before {
  content: "\e905"; }

.icon-arrow-down:before {
  content: "\e906"; }

.icon-arrow-up:before {
  content: "\e907"; }

.icon-play:before {
  content: "\e908"; }

.icon-search:before {
  content: "\e909";
  font-size: 1.4em; }

.icon-print:before {
  content: "\f02f"; }

.icon-share-square-o:before {
  content: "\f045"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-facebook-square:before {
  content: "\f082";
  font-size: 1.9em; }

.icon-twitter:before {
  content: "\f099";
  font-size: 1.9em; }

.icon-paperclip:before {
  content: "\f0c6"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-instagram:before {
  content: "\f16d";
  font-size: 1.9em; }

.icon-medium:before {
  content: "\e90a";
  font-size: 1.9em; }

/*LAYOUT*/
h1 {
  font-size: 1.86em;
  line-height: 1em;
  letter-spacing: .012em;
  font-weight: 300;
  font-family: 'Domine',serif;
  margin: 0px; }

@media screen and (min-width: 600px) {
  h1 {
    font-size: 3.16em; } }
h2 {
  font-size: 1.48em;
  line-height: 1.2em;
  text-align: center;
  letter-spacing: .012em;
  font-family: 'Domine', serif;
  margin: 0px; }

@media screen and (min-width: 600px) {
  h2 {
    font-size: 2.27em; } }
h3 {
  font-size: 1.24em;
  letter-spacing: .012em;
  font-family: 'Domine',serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media screen and (min-width: 900px) {
  h3 {
    font-size: 1.4em; } }
h4 {
  font-size: 1.16em;
  letter-spacing: .012em;
  font-weight: 300;
  font-family: 'Domine', serif;
  line-height: 1.4em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media screen and (min-width: 600px) {
  h4 {
    font-size: 1.26em; } }
h5 {
  font-size: 1.12em;
  text-align: center;
  letter-spacing: .012em;
  padding: .5em 0em;
  font-weight: 300;
  line-height: 1.4em;
  font-family: 'Karla',sans-serif; }
  h5 a {
    font-weight: 700;
    color: #3f9b8a;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    h5 a:hover {
      color: #F1B344; }

@media screen and (min-width: 600px) {
  h5 {
    font-size: 1.21em; } }
h6 {
  font-size: 16px;
  text-align: left;
  letter-spacing: .012em;
  font-weight: 300;
  text-transform: uppercase;
  font-family: 'Karla', sans-serif; }

@media screen and (min-width: 600px) {
  h6 {
    font-size: 1em; } }
p {
  font-size: 16px;
  letter-spacing: .01em;
  line-height: 1.6em;
  font-family: 'Karla',sans-serif; }

a {
  text-decoration: none; }

blockquote p {
  font-size: 1.34em;
  font-weight: 700;
  line-height: 1.5em; }

/*END OF LAYOUT*/
/* NAV BAR */
/*nav a{display:inline-block;}*/
header {
  background-color: #070A2A;
  /*overflow:hidden;*/
  height: 64px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100000; }
  header a.logo {
    float: left;
    color: white;
    margin: 16px 0px 0px 1em;
    font-weight: 300;
    font-size: 1.3em;
    font-family: 'Domine', serif; }
  header #nav-trigger {
    float: right;
    color: #8CDBB8;
    padding: 18px 18px 19px 18px;
    font-size: 1.5em;
    cursor: pointer; }
    header #nav-trigger:hover, header #nav-trigger.active {
      background: #3f9b8a;
      color: #070A2A; }
  header nav {
    font-size: 16px;
    line-height: 1.7em;
    margin: 0em auto; }
    header nav #search-trigger {
      cursor: pointer;
      text-align: right;
      padding: 1.3em;
      float: right;
      position: relative;
      color: #8CDBB8;
      background: transparent;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      header nav #search-trigger:hover, header nav #search-trigger.active {
        background: #3f9b8a;
        color: #070A2A; }
      header nav #search-trigger:before {
        content: "\e909"; }
    header nav ul {
      cursor: pointer;
      text-align: right;
      margin: 1em auto;
      display: inline-block;
      float: right;
      position: relative;
      display: none; }
      header nav ul li {
        cursor: pointer;
        display: inline-block;
        margin: 0 36px 0px 0px;
        text-transform: uppercase;
        letter-spacing: .07em; }
        header nav ul li a {
          color: #FFFFFF;
          cursor: pointer;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          header nav ul li a:active, header nav ul li a:hover, header nav ul li a.active {
            color: #8CDBB8; }

.mobile-menu {
  display: none;
  width: 100%;
  z-index: 99999;
  background: #070A2A; }
  .mobile-menu .mobile-nav ul {
    text-align: center; }
    .mobile-menu .mobile-nav ul li {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border-bottom: 2px solid #3f9b8a; }
      .mobile-menu .mobile-nav ul li:hover, .mobile-menu .mobile-nav ul li.active {
        background: #3f9b8a; }
      .mobile-menu .mobile-nav ul li a {
        text-transform: uppercase;
        font-size: 1em;
        padding: 1em;
        letter-spacing: .05em;
        color: white;
        display: block;
        width: 100%; }

.search-bar {
  display: none;
  text-align: center;
  width: 100%;
  max-height: 130px;
  z-index: 99;
  padding: 1em 2em;
  max-width: 1440px;
  margin: 0 auto;
  background: #f2f2f2;
  border-bottom: 2px solid #E1E2E6; }
  .search-bar form input {
    width: 80%;
    box-sizing: border-box;
    font-size: 2em;
    color: #222b38;
    margin: 0 auto;
    border: 0;
    border-bottom: 3px solid #3f9b8a;
    background: #f2f2f2; }
    .search-bar form input:focus {
      outline: none; }
    .search-bar form input[type="text"] {
      display: block;
      width: 75%;
      padding: 15px 0;
      line-height: normal; }
  .search-bar form > div {
    position: relative; }

/*-----SHARE AREA EDITS-------*/
.share-provider.more {
  display: none !important; }

.share-provider {
  background-color: #3f9b8a !important; }
  .share-provider:hover {
    background-color: #F1B344 !important; }

.os-responsive, .os-responsive-icon-only {
  text-align: center;
  padding: 0 0 0 0 !important; }

#os-share-more {
  display: none !important; }

.os-col-4 .share-provider {
  width: 85% !important;
  margin-bottom: 1em !important; }

#os-share-count {
  display: none !important; }

.twitter.responsive:after {
  content: "Share on Twitter" !important; }

.facebook.responsive:after {
  content: 'Share on Facebook' !important; }

.email.responsive:after {
  content: 'Share via Email' !important; }

.share-provider.flat.responsive:hover {
  box-shadow: none !important; }

/*-----END OF SHARE AREA CODE --------*/
@media screen and (min-width: 1050px) {
  header nav ul {
    display: block; }
  header #nav-trigger {
    display: none; }
  header #search-trigger {
    display: inline-block; } }
@media screen and (max-width: 1050px) {
  #search-trigger {
    display: none; } }
.hero {
  padding: 0em .8em 0em 1em;
  width: 100%;
  background-image: url("../images/getoutthevoterally.jpg");
  background-repeat: no-repeat;
  height: 380px;
  background-position: right top;
  position: relative;
  overflow: hidden;
  background-size: cover; }
  .hero h1 {
    padding-top: 1em;
    text-align: center;
    color: white;
    padding-top: 2em; }
  .hero .contact-container {
    cursor: pointer;
    position: absolute;
    text-align: center;
    right: 0;
    bottom: 0;
    background: #3f9b8a;
    padding: 1em 1em;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .hero .contact-container:hover {
      background: #F1B344; }
    .hero .contact-container a {
      color: #222b38; }
      .hero .contact-container a:hover {
        color: #222b38; }
  .hero h4 + a {
    display: none; }
  .hero h4 {
    font-size: 1em;
    width: 100%;
    max-width: 700px;
    padding: 1em 0em;
    color: white; }
  .hero a {
    font-family: 'Karla', sans-serif !important;
    text-transform: uppercase;
    color: #8CDBB8; }
    .hero a:hover {
      color: #F1B344; }

.landing-hero {
  width: 100%;
  height: 360px;
  background-image: url("../images/focusissuesheader.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  overflow: hidden;
  position: relative; }
  .landing-hero img {
    max-width: 100%;
    height: auto; }

.interior-hero {
  padding: 4em 2em;
  width: 100%;
  height: 100%;
  background-image: url("../images/focusissuesheader.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 340px;
  background-position: right top;
  overflow: hidden;
  position: relative; }
  .interior-hero .img-header {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: top center;
    z-index: 2; }
  .interior-hero h2 {
    text-align: left;
    color: white;
    z-index: 4; }
  .interior-hero h4 {
    z-index: 4;
    font-family: 'Karla', sans-serif;
    text-align: left;
    color: #8CDBB8;
    text-transform: uppercase;
    padding: .5em 0em; }
  .interior-hero.video {
    padding: 0 0 0 0;
    background: #000000; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(7, 15, 40, 0.5);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.content-wrapper {
  padding: 2em 1em; }

.results {
  background-color: #E1E2E6;
  max-width: 1064px;
  margin: 1em auto; }
  .results h5 a {
    color: #3f9b8a; }
    .results h5 a:hover {
      color: #070A2A; }
  .results ul {
    padding: 0px 20px; }
    .results ul li {
      border-bottom: 2px solid white;
      padding: 1.5em 1em; }
      .results ul li a {
        color: #070A2A; }
        .results ul li a:hover {
          color: #3f9b8a; }
      .results ul li:last-of-type {
        border-bottom: none; }

.wrapper span {
  font-family: 'Karla', sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em; }

.button {
  font-family: 'Karla', sans-serif !important; }

.view {
  padding: 0em 0em;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  color: #3F9B8A;
  letter-spacing: .05em;
  font-weight: 600;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .view:hover {
    color: #F1B344; }

.items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 1em 0em 2em; }

.notfound {
  margin: 4em 0em; }
  .notfound h1 {
    text-align: center; }
  .notfound h5 {
    text-align: center; }

.centered {
  text-align: center;
  padding-bottom: 2em; }

.focus-issues {
  text-align: left; }
  .focus-issues .items.home .issue-item:last-of-type {
    display: none; }
  .focus-issues .items a {
    width: 48%; }
  .focus-issues h5 {
    max-width: 900px;
    margin: 0 auto; }
  .focus-issues .items a {
    height: 260px;
    margin-bottom: 1em;
    width: 100%;
    position: relative;
    color: white; }
    .focus-issues .items a.issue-item .card-image {
      background-size: cover !important;
      background-position: top right !important; }
    .focus-issues .items a.issue-item .container {
      padding: 1em 1em;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .focus-issues .items a.issue-item h3, .focus-issues .items a.issue-item .date, .focus-issues .items a.issue-item p, .focus-issues .items a.issue-item .issue-type {
      z-index: 3; }
    .focus-issues .items a.issue-item h3 {
      color: #F1B344;
      padding: .3em 0em; }
    .focus-issues .items a.issue-item .date {
      color: #8CDBB8;
      text-transform: uppercase; }
    .focus-issues .items a.issue-item .issue-type {
      color: white;
      text-transform: uppercase; }
    .focus-issues .items a.issue-item p {
      opacity: 0;
      height: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .focus-issues .items a.issue-item span.icon-arrow-right {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 3;
      padding: 30px;
      font-size: 1.5em;
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .focus-issues .items a.issue-item span.icon-link {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 3;
      padding: 30px;
      font-size: 1.5em;
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .focus-issues .items a.issue-item .card-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-position: top right; }
    .focus-issues .items a.issue-item .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-color: rgba(7, 15, 40, 0.8);
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }

.news-events {
  text-align: center; }
  .news-events .items a {
    height: 240px;
    width: 100%;
    background-color: #070A2A;
    padding: 1em 1em;
    margin: 0em 0em 1em;
    position: relative; }
    .news-events .items a h6 {
      color: #8CDBB8; }
    .news-events .items a span.icon-arrow-right {
      position: absolute;
      bottom: 20px;
      right: 20px;
      color: white;
      font-size: 1.5em;
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .news-events .items a span.icon-link {
      position: absolute;
      bottom: 20px;
      right: 20px;
      color: white;
      font-size: 1.5em;
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .news-events .items a:hover span.icon-arrow-right {
      opacity: 1; }
    .news-events .items a:hover span.icon-link {
      opacity: 1; }
  .news-events .view {
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #3F9B8A;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .news-events .view:hover {
      color: #F1B344; }
  .news-events h4 {
    color: #F1B344;
    text-align: left;
    font-family: 'Domine', serif;
    padding-top: .5em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.media {
  width: 100%;
  text-align: center;
  overflow: hidden; }
  .media .items {
    max-width: 1064px;
    margin: 0 auto; }
  .media .media-type {
    font-family: 'Karla',sans-serif;
    font-size: 0.75em;
    text-align: left;
    text-transform: uppercase;
    display: block; }
  .media .media-player {
    cursor: pointer;
    text-align: left;
    border: 3px solid #F1B344;
    padding: 1em;
    border-radius: 60px;
    display: none;
    z-index: 999;
    bottom: 120px;
    left: 20px;
    position: absolute;
    color: #F1B344;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .media .media-player:before {
      content: "\e908";
      font-size: 1.5em;
      margin-left: 2px; }
  .media .media-item {
    background-color: black;
    width: 100%;
    height: 240px;
    color: white;
    overflow: hidden;
    padding: 3em 1em 1em;
    margin-bottom: 1em;
    position: relative; }
    .media .media-item h4 {
      text-align: left;
      color: #F1B344;
      z-index: 3; }
      .media .media-item h4 .media-type {
        color: white; }
    .media .media-item:hover .overlay {
      background-color: rgba(7, 15, 40, 0.8); }
    .media .media-item:hover .media-player {
      border: 3px solid #3f9b8a; }
      .media .media-item:hover .media-player:before {
        color: #3f9b8a; }
    .media .media-item .card-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-size: cover !important; }
    .media .media-item .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-color: rgba(7, 15, 40, 0.8);
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }

.twitter {
  margin-bottom: 2em;
  padding: 2em 2em;
  background-color: #070A2A;
  width: 100%;
  height: auto;
  text-align: center; }
  .twitter .icon-twitter {
    color: #8CDBB8;
    padding-top: .5em; }
  .twitter li {
    padding: 4em 0em 0em; }
  .twitter h3 {
    font-family: 'Karla', sans-serif;
    color: white;
    line-height: 1.5em; }
    .twitter h3 a {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #8CDBB8; }
      .twitter h3 a:hover {
        color: #F1B344; }
  .twitter .byline {
    text-transform: uppercase;
    font-size: 1em; }
    .twitter .byline a {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: white;
      margin: 0 8px; }
      .twitter .byline a:hover {
        color: #8CDBB8; }
      .twitter .byline a.date:before {
        content: "\2022";
        color: #3f9b8a;
        font-size: 1.5em;
        margin-right: 20px;
        vertical-align: bottom; }

/*FOCUS ISSUES PAGE STYLING*/
.item-text {
  max-width: 860px;
  margin: 0 auto; }
  .item-text .videoWrapper {
    margin: 0 auto;
    position: relative; }
  .item-text h2 {
    text-align: left; }
  .item-text ul {
    list-style-type: square;
    text-align: left;
    padding-left: 1em; }
    .item-text ul li {
      list-style-type: square;
      padding: .5em;
      font-size: 16px; }
  .item-text h5 {
    font-weight: 700;
    padding: 1em 0em 0em;
    text-align: left;
    line-height: 1.6em; }
  .item-text p {
    max-width: 860px;
    margin: 0 auto;
    text-align: left;
    padding-top: 1em; }
  .item-text img {
    max-width: 100%;
    height: auto; }
  .item-text a {
    font-weight: 700;
    color: #3f9b8a;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .item-text a:hover {
      color: #F1B344; }

.issues h5 {
  max-width: 860px;
  margin: 0 auto;
  line-height: 1.6em; }
.issues .items {
  max-width: 1064px;
  margin: 0 auto; }
.issues .issue-item {
  padding: 1em 1em 0em;
  text-align: left;
  background-color: black;
  width: 100%;
  height: 260px;
  margin-bottom: 1em;
  position: relative;
  overflow: hidden; }
  .issues .issue-item p {
    color: white;
    z-index: 3; }
  .issues .issue-item .card-image {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .issues .issue-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-shadow: 0px 0px 5px #35342f;
    background-color: rgba(7, 15, 40, 0.7);
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .issues .issue-item h3 {
    padding-bottom: .6em;
    color: #F1B344;
    z-index: 3; }

/*MEDIA PAGE STYLING*/
.media-archive {
  background-color: #E1E2E6;
  max-width: 1064px;
  margin: 0 auto; }
  .media-archive .media-player {
    cursor: pointer;
    bottom: 40px;
    left: 10px; }
    .media-archive .media-player:hover:before {
      color: #8CDBB8; }
  .media-archive ul {
    padding: 0px 20px; }
    .media-archive ul li {
      border-bottom: 2px solid white;
      padding: 1.5em; }
      .media-archive ul li:last-of-type {
        border-bottom: none; }
      .media-archive ul li a {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .media-archive ul li a h4 {
          text-align: left;
          color: #070A2A; }
        .media-archive ul li a h6 {
          color: #3f9b8a; }
        .media-archive ul li a:hover h4 {
          color: #F1B344; }
        .media-archive ul li a:hover h6 {
          color: #F1B344; }

/*------------END OF MEDIA PAGE STYLING-----------*/
/*CONTACT PAGE SYTLING*/
#contact-form {
  max-width: 860px;
  margin: 0 auto; }
  #contact-form fieldset {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    margin: 0 auto; }
  #contact-form input[type='checkbox'] {
    cursor: pointer; }
  #contact-form input[type='text'] {
    width: 100%;
    font-family: 'Karla',sans-serif;
    font-size: 1em;
    padding: .42em .56em;
    border: 2px #070A2A solid;
    margin: .35em 0; }
    #contact-form input[type='text']:focus {
      outline: none;
      border: 2px #070A2A solid; }
  #contact-form input {
    -webkit-appearance: none !important;
    -moz-appearance: none; }
  #contact-form input:focus::-webkit-input-placeholder {
    color: transparent; }
  #contact-form input:focus:-moz-placeholder {
    color: transparent; }
  #contact-form input [type='search'] {
    -webkit-appearance: none !important;
    -moz-appearance: none; }
  #contact-form ::-webkit-input-placeholder {
    color: #3f9b8a; }
  #contact-form :-moz-placeholder {
    /* Firefox 18- */
    color: #3f9b8a; }
  #contact-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #3f9b8a; }
  #contact-form :-ms-input-placeholder {
    color: #3f9b8a; }
  #contact-form textarea {
    width: 100%;
    height: 160px;
    font-size: 1em;
    background-color: #f2f2f2;
    font-family: 'Karla', sans-serif;
    padding: .42em .56em;
    border: 2px #070A2A solid;
    margin: .35em 0; }
  #contact-form select {
    cursor: pointer;
    width: 100%;
    font-size: 1em;
    font-family: 'Karla', sans-serif;
    padding: .42em .56em;
    border: 2px #070A2A solid;
    margin: .35em 0;
    -webkit-appearance: none;
    -moz-appearance: none; }
  #contact-form input[type='submit'] {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 1em;
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    background: #3f9b8a;
    padding: 1em 3.5em;
    font-family: 'Karla', sans-serif;
    font-size: 1.16em;
    text-transform: uppercase;
    width: 100%; }
    #contact-form input[type='submit']:hover {
      background-color: #F1B344; }

/*-----END OF CONTACT PAGE STYLING-----*/
/*NEWS POST PAGE STYLING*/
.news-wrapper {
  padding: 2em 1.5em;
  background-color: #E1E2E6;
  max-width: 1064px;
  margin: 1em auto; }
  .news-wrapper .text {
    max-width: 860px;
    margin: 0 auto; }
    .news-wrapper .text a {
      font-weight: 700;
      color: #3f9b8a;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .news-wrapper .text p {
      text-align: left;
      padding-top: 1em; }
    .news-wrapper .text h2 {
      text-align: left; }
    .news-wrapper .text h4 {
      font-family: 'Karla', sans-serif;
      text-align: left;
      color: #3f9b8a;
      text-transform: uppercase;
      padding: 0em 0em 1em; }

/*-------END OF NEWS POST PAGE PAGE STYLING-------*/
/*FOOTER BAR STYLING*/
footer {
  text-align: center;
  background-color: #070A2A;
  height: 200px; }
  footer h6 {
    color: white;
    text-align: center; }
    footer h6 a {
      color: white;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      footer h6 a:hover {
        color: #8CDBB8; }
  footer .footer-nav {
    max-width: 1440px;
    margin: 0 auto;
    color: #FFFFFF; }
  footer ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
    padding: 40px 0px 20px;
    text-align: center;
    padding-top: 20px;
    padding-left: 0em;
    vertical-align: top;
    margin: 0 auto; }
    footer ul li {
      width: 25%;
      padding: 20px 0;
      display: inline-block; }
      footer ul li a {
        color: #8CDBB8;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        footer ul li a:hover {
          color: #F1B344; }

/*END OF FOOTER BAR STYLING*/
@media screen and (min-width: 380px) {
  .focus-issues .items a.issue-item .container {
    padding: 2em 2em; }

  .media .media-item {
    padding: 3em 2em 2em; }

  .news-events .items a {
    padding: 2em 2em; }

  .issues .issue-item {
    padding: 2em 2em 0em; } }
@media screen and (min-width: 500px) {
  .media .media-item {
    width: 85%;
    margin: 1em auto 0em; }

  .issues .issue-item {
    width: 80%;
    margin: 1em auto 0em; } }
@media screen and (min-width: 600px) {
  .hero {
    height: 560px; }
    .hero h1 {
      padding-top: 0%;
      text-align: left; }
    .hero h4 {
      display: block;
      font-size: 1.26em; }
    .hero h4 + a {
      display: block; }

  #contact-form fieldset {
    width: 90%; }

  footer ul {
    width: 60%; }

  .interior-hero {
    height: 420px; }

  .issues .issue-item .overlay {
    background-color: rgba(7, 15, 40, 0.6); }
  .issues .issue-item:hover .overlay {
    background-color: rgba(7, 15, 40, 0.8); }

  p {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 18px;
    letter-spacing: .01em;
    line-height: 1.7em; }

  .item-text ul li {
    font-size: 1em; }

  .media .media-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(7, 15, 40, 0.5);
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .hero {
    padding-left: 40px;
    padding-top: 180px; }

  .media {
    padding: 0px 40px; }

  .news-events {
    padding: 0px 40px; }

  #contact-form .email-error p, #contact-form .name-error p, #contact-form .subject-error p, #contact-form .msg-error p, #contact-form .captcha-error p {
    color: maroon;
    font-weight: 700; }
  #contact-form input[type='submit'] {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    margin-top: 1em;
    background: #3f9b8a;
    padding: 1em 3.5em;
    font-family: 'Karla', sans-serif;
    font-size: 1.16em;
    text-transform: uppercase;
    float: right;
    width: auto; }
    #contact-form input[type='submit']:hover {
      background-color: #F1B344; }

  #success h5 {
    text-transform: uppercase;
    color: #3f9b8a;
    font-weight: 700; }

  .hero .contact-container {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #3f9b8a;
    padding: 1em 3.5em;
    width: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .hero .contact-container:hover {
      background: #F1B344; }
    .hero .contact-container a {
      color: #222b38; }
      .hero .contact-container a:hover {
        color: #222b38; }

  blockquote p {
    padding: 1em 0em 1em 2em; } }
@media screen and (min-width: 780px) {
  .focus-issues {
    padding: 0px 40px; }
    .focus-issues h5 {
      max-width: 900px;
      margin: 0 auto; }
    .focus-issues .items a {
      height: 408px;
      width: 48%;
      margin-bottom: 1em; }
      .focus-issues .items a.issue-item {
        margin-right: 13px; }
        .focus-issues .items a.issue-item .container {
          padding: 4em 2em 0em; }
        .focus-issues .items a.issue-item p {
          opacity: 0;
          height: 0;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .focus-issues .items a.issue-item span.icon-arrow-right {
          opacity: 0; }
        .focus-issues .items a.issue-item span.icon-link {
          opacity: 0; }
        .focus-issues .items a.issue-item .overlay {
          background-color: rgba(7, 15, 40, 0.6); }
        .focus-issues .items a.issue-item:hover span.icon-arrow-right {
          opacity: 1; }
        .focus-issues .items a.issue-item:hover span.icon-link {
          opacity: 1; }
        .focus-issues .items a.issue-item:hover .overlay {
          background-color: rgba(7, 15, 40, 0.8); }
        .focus-issues .items a.issue-item:hover p {
          opacity: 1;
          height: auto;
          padding-top: .5em; }
        .focus-issues .items a.issue-item:hover .container {
          padding: 3em 2em; }

  .news-events .items a span.icon-arrow-right {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .news-events .items a span.icon-link {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .news-events .items a:hover span.icon-arrow-right {
    opacity: 1; }
  .news-events .items a:hover span.icon-link {
    opacity: 1; }

  .os-col-4 .share-provider {
    width: -webkit-calc(25% - 4px) !important;
    width: calc(25% - 4px) !important; }

  .media-archive ul li {
    padding-left: 100px; }

  .media .media-item {
    width: 85%;
    margin: 1em auto 0em; }
    .media .media-item h4 {
      padding: 10px 0 0 70px; }
  .media .media-player {
    display: inline-block; }

  .issues .issue-item {
    width: 70%;
    margin: 1em auto 0em; } }
@media screen and (min-width: 900px) {
  .hero {
    padding-left: 80px;
    padding-top: 200px; }

  .media-archive ul {
    padding: 0em 4em; }

  #contact-form fieldset {
    width: 80%; }

  .twitter {
    margin-bottom: 2em;
    padding: 1em 1em;
    background-color: #070A2A;
    width: 100%;
    height: auto;
    text-align: center; }
    .twitter h3 {
      padding: 30px 40px;
      font-size: 1.78em; }
    .twitter .icon-twitter {
      color: #8CDBB8;
      padding-top: .5em; }
    .twitter li {
      padding: 3.5em 0em; }

  .news-events {
    text-align: center; }
    .news-events .items a {
      height: 240px;
      width: 48.8%;
      margin: 0em 0em 1.5em;
      margin-right: 9px; }

  .interior-hero {
    padding: 6em 8em; }

  .issues .issue-item {
    width: 48.8%;
    height: 346px;
    margin: 1.5em 0em 0em;
    margin-right: 10px; }
    .issues .issue-item h3 {
      padding-top: 3em; }

  .media {
    padding: 0px 40px; }
    .media .media-item {
      margin: 0em;
      margin-right: 10px;
      margin-bottom: 14px;
      background-color: black;
      width: 48.8%;
      height: 346px;
      color: white;
      overflow: hidden;
      padding: 4em 2em 0em;
      position: relative; }
      .media .media-item h4 {
        text-align: left;
        color: #F1B344;
        padding: 80px 0 0 80px;
        z-index: 3; }
        .media .media-item h4 .media-type {
          color: white; }

  .results ul {
    padding: 2em 4em 0em; } }
@media screen and (min-width: 1200px) {
  .focus-issues {
    padding: 0px 80px; }
    .focus-issues .items.home .issue-item:last-of-type {
      display: block; }
    .focus-issues h5 {
      max-width: 900px;
      margin: 0 auto; }
    .focus-issues .items a {
      height: 408px;
      width: 32%; }

  .twitter {
    height: 320px; }

  .news-events {
    padding: 0px 80px;
    text-align: center; }
    .news-events .items a {
      height: 408px;
      width: 23.5%;
      padding: 4em 2em;
      margin: 0em 0em 1.5em;
      margin-right: 14px; }

  .twitter {
    max-width: 1440px; } }
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 Aspect Ratio */ }
  .videoWrapper iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important; }

.sharing {
  max-width: 860px;
  margin: 0 auto;
  padding: 20px 0; }
  .sharing .os-vertical-counter-widget-interface {
    display: none; }
  .sharing .twitter {
    margin: 0;
    padding: 0; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

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