/*!
 * Project:   RHAP
 * Date:      2014/09/15
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #545454; font: 16px/1.5 Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 12px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

/*
@font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-regular.eot'); src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular.woff2') format('woff2'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-italic.eot'); src: url('../fonts/opensans-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic.woff2') format('woff2'), url('../fonts/opensans-italic.woff') format('woff'), url('../fonts/opensans-italic.ttf') format('truetype'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-bold.eot'); src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold.woff2') format('woff2'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-extrabold.eot'); src: url('../fonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold.woff2') format('woff2'), url('../fonts/opensans-extrabold.woff') format('woff'), url('../fonts/opensans-extrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; }
*/
@font-face { font-family: 'Icomoon'; src:url('../fonts/icomoon/fonts/icomoon.eot?-t144dn2c'); src:url('../fonts/icomoon/fonts/icomoon.eot?#iefix-t144dn2c') format('embedded-opentype'), url('../fonts/icomoon/fonts/icomoon.woff?-t144dn2c') format('woff'), url('../fonts/icomoon/fonts/icomoon.ttf?-t144dn2c') format('truetype'), url('../fonts/icomoon/fonts/icomoon.svg?-t144dn2c#icomoon') format('svg'); font-weight: normal; font-style: normal; }

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-width: 320px; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
 .root-a > *, .root-a .contain { max-width: 1235px; margin-left: auto; margin-right: auto; border-left: 30px solid transparent; border-right: 30px solid transparent; }
  .root-a .contain.-narrow { max-width: 800px; }
 .root-a > .max { max-width: none; border-left: none; border-right: none; }

@media screen and (max-width: 599px) {
.root-a > *, .root-a .contain { border-left-width: 25px; border-right-width: 25px; }
}

/*!
 * Modules
/* ---------------------------------------- */

.browser-a { margin: 0; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
 .browser-a a { color: #fff !important; text-decoration: underline; }

/* global content */

.content-a { margin-bottom: 90px; }

@media screen and (max-width: 599px) {
.content-a { margin-bottom: 50px; }
}

/* footer cta */

.cta-a { position: relative; margin: 30px 0; padding: 25px 0; line-height: 114px; text-align: center; }
 .cta-a:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; content: ' '; background: #324f63; }
 .cta-a .hx { display: inline-block; position: relative; overflow: hidden; width: 413px; height: 69px; margin: 0; background: url(../images/cta-a-logo-a.svg) 100% 0 no-repeat; background-size: 413px 69px; font-size: 0; text-indent: 321%; white-space: nowrap; vertical-align: middle; }
 .no-svg .cta-a .hx,
 .mie10 .cta-a .hx,
 .native.android .cta-a .hx { background-image: url(../images/cta-a-logo-a.png); }
 .cta-a ul { display: inline-block; margin: 0 0 0 20px; padding: 0; vertical-align: top; }
  .cta-a li { float: left; font-size: 13px; font-weight: bold; }
  .cta-a li ~ li { margin-left: 15px; }
   .cta-a li:before { display: none; }
   .cta-a li a { display: block; position: relative; width: 114px; height: 114px; }
    .cta-a li a:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; content: ''; border-radius: 50%; background: #fff; }
    .cta-a li a:hover:before { background-color: #31759a; box-shadow: 0 0 0 13px #32576e; }
    .cta-a li a:hover { color: #fff; }
    .cta-a li a span { position: relative; z-index: 3; }

@media screen and (max-width: 1199px) {
 .cta-a { line-height: 100px; }
  .cta-a .hx { width: 325px; }
   .cta-a li { font-size: 12px; }
    .cta-a li a { width: 100px; height: 100px; }
}
@media screen and (max-width: 767px) {
  .cta-a .hx { display: block; width: 325px; height: 20px; margin: 0 auto 20px; background-position: 100% -25px; }
  .cta-a ul { margin-left: 0; }
}
@media screen and (max-width: 413px) {
.cta-a { line-height: 80px; }
 .cta-a .hx { display: block; width: 270px; height: 17px; background-position: 100% -22px; background-size: 343px 57px; }
 .cta-a li a { width: 80px; height: 80px; line-height: 80px; font-size: 10px; }
}

/* donate cta */

.cta-b { max-width: 280px; margin: 0 0 40px; padding: 25px 30px 30px;; border-radius: 5px; background: #f4f0e5 url(../images/cta-b-bg-a.jpg) 50% 100% no-repeat; }
 .cta-b .hx { margin-bottom: 10px; color: #f16828; font-size: 26px; line-height: 1.230769231; font-weight: normal; text-transform: none; }
 .cta-b p { font-weight: bold; line-height: 1.375; }
 .cta-b .action { margin-top: 40px; }
 .page-template-template-topic-landing-2col .cta-b { max-width: 320px; background-size: cover;}
@media screen and (max-width: 599px) {
.cta-b { margin: 0 auto 30px; padding: 20px 25px 25px; }
}

/* subscribe cta */

.cta-c { margin: 0 0 40px; padding: 25px 30px 30px; border-radius: 4px; background: #31759a url(../images/cta-c-bg-a.jpg) 50% 0 no-repeat; color: #fff; }
 .cta-c .hx { margin: 0 0 10px; color: #fff; font-size: 26px; line-height: 1.285714286; font-weight: normal; text-transform: none; }
 .cta-c .fields { margin-top: 20px; }
  .cta-c .fields label { display: none; }
  .cta-c .fields input { display: block; margin: 0 0 10px; border-color: #83acc2; background-color: #83acc2; color: #fff; }
  .cta-c .fields input:focus { border-color: #5a91ae; background-color: #5a91ae; }
.cta-c.wide { margin-left: -100%; margin-right: -100%; padding-top: 40px; padding-bottom: 40px; border-radius: 0; text-align: center; }
 .cta-c.wide .fields { position: relative; max-width: 300px; margin-left: auto; margin-right: auto; padding-right: 80px; }
  .cta-c.wide .fields input { padding-right: 20px; }
  .cta-c.wide .fields button { position: absolute; right: 0; top: 0; width: 90px; padding: 0 10px; }

@media screen and (max-width: 1199px) {
.cta-c.wide { margin-left: -30px; margin-right: -30px; }
}
@media screen and (max-width: 767px) {
.cta-c { width: auto; margin-left: -30px; margin-right: -30px; }
}
@media screen and (max-width: 599px) {
.cta-c.wide .fields { max-width: none; padding-right: 0; }
 .cta-c.wide .fields input { padding-right: 14px; }
 .cta-c.wide .fields button { position: static; right: auto; top: auto; width: auto; padding: 0 15px; }
}

/* post */

.entry-a { }
 .entry-a > header { margin-bottom: 30px; }
  .entry-a > header .socials-a { float: right; margin: 5px 0 0 20px; }
  .entry-a > header h1 { margin-bottom: 10px; }
  .entry-a > header .info { font-size: 13px; line-height: 1.230769231; }
   .entry-a > header .info span { padding: 0 5px; color: #e1ded2; }
   .entry-a > header .info a { font-weight: bold; }
 .entry-a > section { margin-bottom: 40px; }
  .entry-a > section:after { display: table; clear: both; content: ''; }

@media screen and (max-width: 999px) {
.entry-a > header .socials-a { float: none; margin: -20px 0 20px; }
.flexbox .entry-a > header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flexbox .entry-a > header .socials-a { margin: 20px 0 0; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; }
}
@media screen and (max-width: 599px) {
.entry-a > header .socials-a { float: none; margin: 0 0 15px; }
}

/* featured */

.featured-a { overflow: auto; margin: 0 -30px; padding: 0 15px; font-size: 0; letter-spacing: -1em; white-space: nowrap; }
 .featured-a article { display: inline-block; width: 400px; margin: 0; padding: 0; border: 1px solid transparent; border-width: 30px 15px 0; font-size: 16px; letter-spacing: 0; vertical-align: top; white-space: normal; }
  .featured-a article > .hx { display: table; width: 100%; height: 135px; margin: 0; border-radius: 4px 4px 0 0; background: #31759a; background-position: 50% 0; background-repeat: no-repeat; color: #fff; font-size: 26px; font-weight: normal; line-height: 1.230769231; text-transform: none; }
  .featured-a article.bga > .hx { background-image: url(../images/featured-a-bg-a.png); }
  .featured-a article.bgb > .hx { background-image: url(../images/featured-a-bg-b.png); }
  .featured-a article.bgc > .hx { background-image: url(../images/featured-a-bg-c.png); background-position: 50% 100%; }
   .featured-a article > .hx a { display: table-cell; padding: 10px 40px; border-radius: 4px 4px 0 0; color: #fff; vertical-align: middle; text-align: center; }
   .featured-a article > .hx a:hover { background: rgba(50,79,99,0.65); color: #45ade5; }
  .featured-a article > .wrap { padding: 40px; border-radius: 0 0 4px 4px; background: #fff; text-align: center; }
  .featured-a article figure { margin-bottom: 20px; }

@media screen and (max-width: 1199px) {
.featured-a article { width: 350px; }
}
@media screen and (max-width: 767px) {
.featured-a article { width: 400px; }
}
@media screen and (max-width: 599px) {
.featured-a { overflow: visible; margin: 0 -25px; padding: 0; white-space: normal; }
 .featured-a article { display: block; width: 100%; margin: 0 0 30px; border: none; }
  .featured-a article > .hx { border-radius: 0; }
  .featured-a article > .wrap { padding: 25px 25px 0; border-radius: 0; }
}

/* file list */

.files-a { width: 100%; }
.files-a.clear { clear: both; padding-top: 20px; }
 .files-a ul { margin: 0 0 40px; padding: 0; }
  .files-a li { margin-bottom: 15px; padding-left: 40px; font-size: 13px; }
   .files-a li:before { display: none; }
   .files-a li strong { font-size: 26px; line-height: 1.23; font-weight: normal; }
    .files-a li strong a { position: relative; }
     .files-a li strong a .icon-a { float: left; margin: 1px 0 0 -40px; }

@media screen and (max-width: 599px) {
.files-a li strong { font-size: 22px; }
 .files-a li strong a .icon-a { margin-top: 0; }
}

/* filter sidebar */

.filter-a { }
 .filter-a .search { margin: 0 0 5px; padding: 0 0 5px;  display:block; }
  .filter-a .search p { position: relative; padding-right: 70px; }
   .filter-a .search label { display: none; }
   .filter-a .search input { border-color: #f8f7f4; border-radius: 4px 0 0 4px; background-color: #f8f7f4; }
   .filter-a .search button { position: absolute; right: 0; top: 0; width: 70px; overflow: hidden; border-radius: 0 4px 4px 0; background-color: #edebe3; color: #31759a; text-indent: 321%; white-space: nowrap; text-align: left; }
   .filter-a .search button:hover { background-color: #f16828; color: #fff; }
    .filter-a .search button:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e80a'; font: 16px/38px Icomoon; text-indent: 0; text-align: center; }

.filter-a .search .fields { width: 280px;  display: inline-block;}
.filter-a .search .button-b { display: inline-block; position:relative; top: 6px; left: 10px; padding-left: 44px;}
.filter-a .search .button-b:before { display: inline-block; position: absolute; left: 18px; top: 0; bottom: 0; content: '\e902'; font: 16px/38px Icomoon; text-indent: 0; text-align: center;}

 .filter-a h4 ~ h4 { margin-top: 40px; }
 .filter-a h4.pad { margin-top: 10px; }
 .filter-a ul { margin: 0 0 40px; padding: 0; }
  .filter-a li { margin: 0 0 20px; color: #324f63; font-weight: bold; }
   .filter-a li:before { display: none; }
   .filter-a li ul { margin: 3px 0 0; }
   .filter-a li li { margin-bottom: 3px; color: #31759a; font-weight: normal; }

/* Updated Search */
.search-b { margin-bottom: 40px; border-bottom: 1px solid #c8d5d8; }
.search-b.noborder { border: none; }
 .search-b .togglers { display: none; margin: 0 0 -1px; padding: 0; border: 1px solid #c8d5d8; }
  .search-b .togglers:after { display: table; clear: both; content: ''; }
  .search-b .togglers li { float: left; width: 50%; margin: 0; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; }
  .search-b .togglers li ~ li { border-left: 1px solid #c8d5d8; }
   .search-b .togglers li:before { display: none; }
   .search-b .togglers li a { display: block; color: inherit; line-height: 50px; text-decoration: none !important; }
   .search-b .togglers li.is-active a { color: #00bc4c; }
    .search-b .togglers li .fa { margin-right: 10px; color: #222; font-size: 20px; line-height: 48px; vertical-align: top; }
 .search-b .searchbox { position: relative; margin: 0; }
  .search-b .searchbox .fa { position: absolute; left: 20px; top: 50%; margin: -15px 0 0; color: #111; font-size: 20px; line-height: 30px; }
  .search-b .searchbox input[type] { height: 80px; padding-left: 55px; font-size: 24px; font-weight: 300; line-height: 78px; }
 .search-b .filters { background: #fff; }
  .search-b .filters .inner { position: relative; overflow: hidden; margin: 0; border: 1px solid #c8d5d8; border-width: 0 1px; background: #fff; }
   .search-b .filters .section { position: relative; float: left; width: 25%; margin: 0; }
    .search-b .filters .section.wide { width: 50%; }
   .search-b .filters .section:before { position: absolute; right: 0; top: 0; content: ''; width: 1px; height: 1000px; background: #c8d5d8; }
   .search-b .filters .section:last-child:before { right: -1px; }
   .search-b .filters .section ~ .section { border-left: none; }
    .search-b .filters .hx { margin: 0; padding: 15px 30px; font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: 0; text-transform: none; background: #31759a; color: #fff;}
     .search-b .filters .hx:before { display: inline-block; content: '\e8f8'; margin: -3px 8px 0 0; color: #000; font: 16px Icomoon; font-size: 18px; line-height: inherit; vertical-align: top; }
    .search-b .filters .section .wrap { display: none; padding: 20px; border-top: 1px solid #c8d5d8; }
    .search-b .filters.is-active .section .wrap,
    .search-b .filters.is-active .section.is-active .wrap { display: block; }
     .search-b .filters ul { padding: 0; }
      .search-b .filters > li { margin-bottom: 5px; font-size: 14px; padding-left: 5px; }
       .search-b .filters li:before { display: none; }
       .search-b .filters li ul { padding-left: 0; }
       .search-b .filters .wrap > ul > li > label{ font-weight: bold; }
       .search-b .filters li label { position: relative; display: inline-block; padding-left: 28px; color: #31759a; font-size: 14px; line-height: 26px; }
        .search-b .filters li label:before { margin-top: 3px; position: absolute; left: 0; }
        .search-b .filters .wide .wrap > ul {margin: 0 -5px; }
         .search-b .filters .wide .wrap > ul:after { display: table; clear: both; content: ''; }
        .search-b .filters .wide .wrap > ul > li { width: 33%; float: left; position: relative; padding: 3px;}
     .search-b .filters .date { position: relative; margin: 0 0 10px; padding-left: 50px; font-size: 14px; line-height: 40px; }
      .search-b .filters .date label { position: absolute; left: 0; top: 0; }
  .search-b .filters .action { display: none; padding: 20px; background: #00bc4c; text-align: center; }
  .search-b .filters.is-active .action { display: block; }
   .search-b .filters .action button { min-width: 180px; }

@media screen and (max-width: 1023px) {
.search-b .filters .section .wrap { padding: 20px; }
.search-b .filters li ul { padding-left: 0; padding-bottom: 10px; }
.search-b .filters .date { padding-left: 0; }
.search-b .filters .date label { display: block; position: static; left: auto; top: auto; line-height: 1.3; }
.search-b .filters .section { width: 33%; }
 .search-b .filters .section.wide { width: 34%; }

.search-b .filters .wide .wrap > ul > li { width: 100%; padding: 0 20px;}
}
@media screen and (max-width: 719px) {
.search-b .togglers { display: block; }
.search-b .searchbox { display: none; }
.search-b.is-search .searchbox { display: block; }
 .search-b .searchbox input[type] { height: 60px; padding-left: 19px; padding-right: 55px; font-size: 18px; font-weight: normal; line-height: 58px; }
 .search-b .searchbox .fa { left: auto; right: 20px; }
.search-b .filters { display: none; }
.search-b.is-filter .filters { display: block; }
 .search-b .filters .hx { padding-left: 20px; }
 .search-b .filters .inner { border-width: 1px 1px 0; }
  .search-b .filters .section { float: none; width: auto; }
   .search-b .filters .section.wide {width: auto; }
  .search-b .filters .section ~ .section { border-left: none; border-top: 1px solid #c8d5d8; }
   .search-b .filters .section ~ .section:before { display: none; }
   .search-b .filters .section .wrap { display: none; padding: 0 20px 20px 37px; border-top: none; }
   .search-b .filters.is-active .section .wrap { display: block; }
    .search-b .filters .section.is-active .wrap { display: block !important; }
    .search-b .filters li ul { padding-left: 25px; }
 .search-b .filters .action { display: block; }
 .filter-a .search { margin-top: 10px; }
  .filter-a .search .fields { width: 100%; }
  .filter-a .search .button-b { width: 100%; left: 0; top: 0; }
}
@media screen and (max-width: 719px) {
.search-b { margin-left: -20px; margin-right: -20px; }
}



/* global footer */

.footer-a { position: relative; margin-bottom: 0; padding-top: 50px; padding-bottom: 30px; }
 .footer-a:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: #edebe3; }
 .footer-a:after { display: table; clear: both; content: ''; }
 .footer-a .cta-a:first-child { margin: -50px 0 45px; }
 .footer-a .socials-a { float: left; margin: -86px 0 40px; }
  .footer-a .socials-a li a:after { background-color: #dddbd4; }
 .footer-a .bottom { clear: both; padding: 30px 0 0; border-top: 1px solid #d8d6cf; color: #8d8c88; font-size: 13px; line-height: 16px; }
  .footer-a .bottom:after { display: table; clear: both; content: ''; }
 .footer-a .bottom p { float: right; margin: 0; }
 .footer-a .bottom p.cc { padding-right: 80px; background: url(../images/footer-a-cc.png) 100% 50% no-repeat; }
  .footer-a .bottom p a { color: inherit; }
 .footer-a .bottom ul { float: left; margin: 0; padding: 0; }
  .footer-a .bottom li { float: left; margin-left: 20px; padding-left: 20px; }
  .footer-a .bottom li:first-child { margin-left: 0; padding-left: 0; }
   .footer-a .bottom li:before { content: '|'; width: auto; margin: 0 0 0 -22px; color: #759aaf; font-size: inherit; font-weight: normal; }
   .footer-a .bottom li:first-child:before { display: none; }
 .footer-a img { border-radius: 0; }

@media screen and (max-width: 1199px) {
.footer-a { }
 .footer-a .sitemap-a { float: left; width: 48%; margin: 0 0 20px; }
 .footer-a .socials-a { float: right; width: 48%; margin: 0 0 40px; padding-top: 15px; }
 .footer-a .bottom { clear: none; float: right; width: 48%; padding-top: 0; border-top: none; }
  .footer-a .bottom ul { float: none; margin: 0 0 15px; padding: 0; }
   .footer-a .bottom ul:after { display: table; clear: both; content: ''; }
  .footer-a .bottom p,
  .footer-a .bottom p.cc { float: none; margin: 0 0 15px; padding: 0 0 25px; background-position: 0 100%; }
}
@media screen and (max-width: 767px) {
.footer-a .sitemap-a { float: none; width: 100%; margin: 0 0 20px; }
.footer-a .socials-a { float: none; width: 100%; margin: 0 0 20px; padding: 0; }
.footer-a .bottom { float: none; width: 100%; margin: 0 0 20px; padding: 0; }
}
@media screen and (max-width: 599px) {
.footer-a .cta-a:first-child { margin-bottom: 30px; }
.footer-a .bottom { margin-top: 40px; padding-top: 25px; border-top: 1px solid #d8d6cf; }
 .footer-a .bottom li { margin-left: 10px; padding-left: 10px; }
  .footer-a .bottom li:before { margin-left: -13px; }
}

/* groups */

.group-a { }

@media screen and (max-width: 1199px) {
.group-a { width: 100%; }
 .group-a:after { display: table; clear: both; content: ''; }
 .group-a > .cta-b { float: left; margin: 0 60px 0 0; }
}
@media screen and (max-width: 767px) {
.group-a > .cta-b { float: none; margin: 0 auto 40px; }
}

.group-b { }

@media screen and (max-width: 1199px) {
.group-b { width: 100%; margin-bottom: 50px; }
 .group-b:after { display: table; clear: both; content: ''; }
 .group-b > .related-a { float: left; width: 100%; margin: 0 -100% 0 0; padding: 0 52% 0 0; }
 .group-b > .cta-c { float: right; width: 48%; margin: 0; }
}
@media screen and (max-width: 767px) {
.group-b > .related-a { float: none; width: 100%; margin: 0 0 40px; padding: 0; }
.group-b > .cta-c { float: none; width: auto; margin: 0 -30px 40px; border-radius: 0; }
}

/* page header */

.header-a { margin: 0 0 60px; padding: 40px 0; background: #888; color: #fff; }
 .header-a .crumbs { position: relative; margin: -40px 0 40px; padding: 15px 0; }
  .header-a .crumbs:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; content: ' '; background: url(../images/rgba-00000005.png); background: rgba(0,0,0,0.05); }
  .header-a .crumbs p { position: relative; margin: 0; font-size: 13px; line-height: 20px; }
   .header-a .crumbs a { color: inherit; font-weight: bold; }
   .header-a .crumbs a:hover { border-bottom: 1px dotted #fff; }
   .header-a .crumbs span.sep { padding: 0 5px; font-size: 11px; }
 .header-a .hx { color: inherit; font-size: 48px; font-weight: normal; line-height: 1.083333333; text-transform: none; }
 .header-a p { margin-top: 5px; font-size: 26px; line-height: 1.230769231; }

.header-a.orange { background: #f16828  url(../images/header-a-orange.jpg) 50% 0 no-repeat; } .header-a.orange .crumbs:before { background-color: rgba(217,85,23,0.7); }
.header-a.green { background: #b3cc56 url(../images/header-a-green.jpg) 50% 0 no-repeat; } .header-a.green .crumbs:before { background-color: rgba(163,187,63,0.7); }
.header-a.yellow { background: #ffc325 url(../images/header-a-yellow.jpg) 50% 0 no-repeat; } .header-a.yellow .crumbs:before { background-color: rgba(242,177,31,0.7); }
.header-a.berry { background: #e8345e url(../images/header-a-berry.jpg) 50% 0 no-repeat; } .header-a.berry .crumbs:before { background-color: rgba(217,43,73,0.7); }
.header-a.purple { background: #676cbd url(../images/header-a-purple.jpg) 50% 0 no-repeat; } .header-a.purple .crumbs:before { background-color: rgba(90,96,172,0.7); }
.header-a.teal { background: #63d2cc url(../images/header-a-teal.jpg) 50% 0 no-repeat; } .header-a.teal .crumbs:before { background-color: rgba(47,193,184,0.7); }

@media screen and (max-width: 767px) {
.header-a .hx { font-size: 36px; }
}
@media screen and (max-width: 599px) {
.header-a { margin-bottom: 30px; padding: 30px 0; }
.header-a .crumbs { margin: -30px 0 25px; }
}

/* document icon */

.icon-a { display: inline-block; width: 30px; height: 30px; margin: 0; border-radius: 50%; background: #888; color: #fff !important; font-size: 10px; font-weight: bold; line-height: 30px !important; text-align: center; vertical-align: top; text-transform: lowercase; }
a.icon-a, a .icon-a { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s; }
.icon-a.pdf { content: 'pdf'; background-color: #d35618; } a:hover .icon-a.pdf, a.icon-a.pdf:hover { background-color: #f16828; }
.icon-a.doc { content: 'doc'; background-color: #83acc2; } a:hover .icon-a.doc, a.icon-a.doc:hover { background-color: #a0d4f0; }
.icon-a.ppt { content: 'ppt'; background-color: #7278c6; } a:hover .icon-a.ppt, a.icon-a.ppt:hover { background-color: #8a92f3; }
.icon-a.langs { background: none; color: #31759a !important; } a:hover .icon-a.langs, a.icon-a.langs:hover { background-color: none; color: #545454 !important; }
 .icon-a.langs:before { content: '\e80d'; font: 29px/1 Icomoon; -webkit-transition: none; transition: none; }

.home .intro-b .icon-a.langs { color: #324f63 !important; }

/* intro */

.intro-a { margin: 0 0 60px; padding: 60px 0; background: #f16828 url(../images/intro-a-bg-a.jpg) 50% 0 no-repeat; color: #fff; text-align: center; }
.intro-a + .wrap-a { margin-top: -60px; }
 .intro-a .hx { color: #fff; font-size: 48px; line-height: 1.083333333; font-weight: normal; text-transform: none; }
 .intro-a .sub { color: #2f2f2f; font-size: 16px; font-weight: bold; text-transform: uppercase; }
 .intro-a ul { margin: 40px 0; padding: 0; font-size: 0; letter-spacing: -1em; }
  .intro-a li { display: inline-block; margin: 0 22px; vertical-align: top; font-size: 26px; letter-spacing: 0; }
   .intro-a li:before { display: none; }
   .intro-a li a { display: block; position: relative; width: 230px; height: 230px; padding-top: 90px; border-radius: 50%; background: #fff; line-height: 1; }
   .intro-a li a:hover { z-index: 2; color: #f16828; }
    .intro-a li a:before { position: absolute; left: -40px; right: -40px; top: -40px; bottom: -40px; content: ''; border-radius: 50%; background: #f1812e; background: rgba(242,228,68,0.2); }
    .intro-a li a:before { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
    .intro-a li a:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    .intro-a li a:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; border-radius: 50%; background: #fff; }
    .intro-a li a span { display: block; position: relative; z-index: 5; }
    .intro-a li span:after { display: block; content: '\e806'; width: 24px; height: 24px; margin: 10px auto 0; border: 1px solid #2f6b8b; border-radius: 50%; font: 16px/22px Icomoon; text-align: center; }
    .intro-a li a:hover span:after { border-color: #f16828; }
    .intro-a li a:before,
    .intro-a li span:after { -webkit-transition: -webkit-transform 0.25s, border 0.25s; transition: transform 0.25s, border 0.25s; }

@media screen and (max-width: 1199px) {
.intro-a li { margin: 0 12px; font-size: 22px; }
 .intro-a li a { width: 200px; height: 200px; padding-top: 75px; }
}
@media screen and (max-width: 599px) {
.intro-a { background-image: url(../images/intro-a-bg-b.jpg); }
}
@media screen and (max-width: 532px) {
.intro-a { padding: 40px 0; }
 .intro-a .hx { font-size: 26px; line-height: 1.230769231; }
 .intro-a .sub { font-size: 15px; }
 .intro-a li { display: block; margin: 0 0 30px; }
  .intro-a li a { width: 230px; height: 230px; margin: 0 auto; padding-top: 90px; }
}


/* homepage - resources-section */

.intro-b { position: relative; color: #fff; margin: -40px 0 50px 0; background: linear-gradient(90deg, transparent 67%, #324f63 33%); }
 .intro-b:before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 67%; z-index: -1; background: #31759a url(../images/cta-c-bg-a.jpg) 50% 0 no-repeat; }
 .intro-b:after { display: table; clear: both; content: ''; }
 .intro-b .h1, .intro-b .h2, .intro-b .h3, .intro-b .h4 { color: #fff; }
  .intro-b a { color: #fff; }
  .intro-b a:hover { color: #fff; opacity: 0.7; }
 .intro-b .primary {  float: left; width: 67%; margin: 0; padding: 70px 40px 70px 0; z-index: 111;}
  .intro-b .primary .entry-a:after { display: table; clear: both; content: ''; }
  .intro-b .download span { color: #fff; margin: 7px 8px 0 0; display: inline-block; }

 .intro-b .secondary { float: right; width: 33%; margin: 0; background: #324f63; padding: 70px 0 70px 40px; }
 .intro-b .filter-a { }
  .intro-b .filter-a .search .fields { width: 100%; }
  .intro-b .filter-a .search input { border: 1px solid #7d8d96; background: #7d8d96; color: #fff; }

@media screen and (max-width: 1199px) {
.intro-b{ background: linear-gradient(90deg, transparent 100%, transparent 0); }
.intro-b:before { width: 100%; }
 .intro-b:after { display: none; }
.intro-b .contain { border: none; }
.intro-b .primary { float: none; width: 100%; margin: 0 30px; }
.intro-b .secondary { float: none; width: 100%; padding: 30px; }
}
@media screen and (max-width: 599px) {
.intro-b { margin-top: -30px; }
.intro-b .primary { margin: 0 20px; }
}
@media screen and (max-width: 532px) {

}

/* responsive map */

.map-a { position: relative; overflow: hidden; height: 0; padding-bottom: 90%; /* (width / height = padding-bottom) */ }
 .map-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* more line */

.more-a { margin-bottom: 40px; }

/* page layout */

.page-a { position: relative; }
 .page-a:before { position: absolute; right: 325px; top: 0; bottom: 0; content: ''; width: 1px; background: #e8e6de; }
 .page-a:after { display: table; clear: both; content: ''; }
 .page-a > .primary { float: left; width: 100%; margin: 0 -100% 0 0; padding: 0 370px 0 0; }
 .page-a > .secondary { float: right; width: 280px; margin: 0; }

@media screen and (max-width: 1199px) {
.page-a:before, .page-a:after { display: none; }
.page-a > .primary { float: none; width: 100%; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid #e8e6de; }
.page-a > .secondary { float: none; width: 100%; }
}
@media screen and (max-width: 599px) {
.header-a + .contain > .page-a.posts { margin-top: -30px; }
.page-a > .primary { margin-bottom: 35px; padding-bottom: 35px; }
}

/*!
 * Get Involved Page
/* ---------------------------------------- */

.page-template-template-get-involved .content-a { margin-bottom: 0; }

/* hero */

.hero { height: 647px; margin-bottom: 0; background-size: cover!important; background-position: center!important; }
 .hero .contain { height: 100%; }
 .hero .crumbs { margin-bottom: 0; }
  .hero .crumbs::before { opacity: 1!important; background-color: #e8345e!important; }
 .hero .hero-content { height: calc( 100% - 115px ); text-align: center; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 800px; }
  .hero .hero-content h3 { font-size: 21px; }
  .hero .hero-content p { font-size: 48px; line-height: 1.16666666; margin: 25px auto; }
  .hero .hero-content .button-b { font-size: 18px; line-height: 0px; padding: 24px 50px; margin-top: 5px; }

@media screen and (max-width: 599px) {
 .hero { height: 500px; background-position: -600px 0px !important; }
  .hero .hero-content h3 { font-size: 18px; }
  .hero .hero-content p { font-size: 26px; }
}

/* tabs */

.tabs-a { margin-top: -65px; margin-bottom: 0; }
 .tabs-a .contain { display: flex; }
 .tabs-a .tab { flex: 1; border: 1px solid #FFF; border-bottom: 0; font-size: 26px; line-height: 1; font-weight: bold; text-align: center; padding: 15px; height: 65px; color: #FFF; background: transparent; text-transform: none; }
  .tabs-a .tab:nth-child(1) { border-radius: 5px 0 0 0; border-right: 0; }
  .tabs-a .tab:nth-child(2) { border-radius: 0 5px 0 0; border-left: 0; }
  .tabs-a .tab i { font-size: .85em; margin-right: 15px; }
  .tabs-a .tab.active { background: #31759A; border: 1px solid #31759A; }

@media screen and (max-width: 899px) {
 .tabs-a .tab { font-size: 18px; line-height: 24px; }
}

@media screen and (max-width: 599px) {
  .tabs-a { margin-top: -120px; }
   .tabs-a .tab { height: 120px; }
    .tabs-a .tab i { display: block; margin: 0 auto 10px!important; }
}

/* tab content */

.swappable-content-a,.swappable-content-b { display: none; }
 .swappable-content-a.active, .swappable-content-b.active { display: block; }

.swappable-content-intro { text-align: center; background: #FFF; padding-top: 120px; padding-bottom: 30px; }
 .swappable-content-intro p { font-size: 21px; line-height: 1.33333333; }
 .swappable-content-intro i { display: block; color: #e8345e; font-size: 30px; font-weight: bold; margin: 60px 0 30px!important; }

@media screen and (max-width: 599px) {
 .swappable-content-intro { padding-top: 60px; padding-bottom: 10px; }
  .swappable-content-intro h1 { font-size: 26px; line-height: 1.2; }
  .swappable-content-intro i  { margin: 40px 20px!important; }
}

/* featured campaign */

.featured-campaign { display: flex; color: #FFF; max-width: 930px; margin: 0 auto 30px; position: relative; }
 .featured-campaign::before { content: ""; position: absolute; background: #FFF; left: -1000%; right: -1000%; bottom: 50%; height: calc(50% + 65px); }
 .featured-campaign figure, .featured-campaign .featured-campaign-innards { flex: 50%; position: relative; z-index: 10; overflow: hidden; }
 .featured-campaign figure { margin-bottom: 0; border-radius: 5px 0 0 5px; }
  .featured-campaign figure img { object-fit: cover; width: 100%; height: 100%; border-radius: 0; }
.featured-campaign-innards { padding: 75px; background: #31759A; border-radius: 0 5px 5px 0; }
 .featured-campaign-innards p { margin: 10px 0 20px; }
 .featured-campaign-innards a { color: #FFF; font-weight: bold; text-transform: uppercase; }

@media screen and (max-width: 899px) {
 .featured-campaign { flex-direction: column; }
  .featured-campaign figure { border-radius: 5px 5px 0 0; }
 .featured-campaign-innards { border-radius: 0 0 5px 5px; }
}

@media screen and (max-width: 599px) {
 .featured-campaign { flex-direction: column; padding: 0 auto 15px; }
 .featured-campaign-innards  { padding: 30px 30px 60px; }
}

/* promo carousel */
.swappable-content-b .promo-carousel { margin-top: 60px; }
.promo-carousel { text-align: center; }
 .promo-carousel .hx { font-weight: bold; }
 .promo-carousel .slider { display: flex; margin: 50px auto 185px!important; }
 .promo-carousel .slick-slide { padding: 30px 15px 0; flex: 1; }
  .promo-carousel .slick-slide > div, .promo-carousel .slick-slide > div a { height: 100%; }
 .promo-carousel article { background: white; border-radius: 5px; padding: 15px; position: relative; height: 100%; }
 .promo-carousel figure { margin-top: -45px; border-radius: 5px; margin-bottom: 0; width: 100%; position: relative; z-index: 5; margin-left: 0; margin-right: 0; transition-property: width, margin-left, margin-right; transition-duration: .3s; }
  .promo-carousel figure img { object-fit: cover; width: 100%; }
 .promo-carousel h3 { color: #31759A; margin-top: 25px; margin-bottom: 15px; position: relative; z-index: 5; }
 .promo-carousel a p { color: #545454; padding: 0 30px 25px; opacity: 0; visibility: hidden; }
  .promo-carousel a .drawer { position: absolute; margin-top: calc(-50% + 20px); left: 0; right: 0; background: #FFF; border-radius: 5px; transition-property: margin-top; transition-duration: .3s; z-index: 1; }
 .promo-carousel a:hover figure, .promo-carousel a:focus figure  { width: calc(100% + 30px)!important; margin-left: -15px; margin-right: -15px; }
 .promo-carousel a:hover .drawer, .promo-carousel a:focus .drawer { margin-top: 0; }
 .promo-carousel a:hover p, .promo-carousel a:focus p { opacity: 1; transition: opacity .3s .1s; visibility: visible; }
 .promo-carousel .slick-list { padding-bottom: 250px; margin-bottom: -250px!important; }

@media screen and (max-width: 599px) {
 .promo-carousel .slider { margin-top: 20px!important; margin-bottom: 100px!important; }
}

/* feature form */
.feature-form-a { display: flex; color: #FFF; }
 .feature-form-a > * { flex: 50%; padding: 100px 125px; margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; }
  .feature-form-a > *:nth-child(1) { background: rgba(39,53,63,1); background-repeat: no-repeat; background-size: cover; background-position: top; position: relative; }
   .feature-form-a > *:nth-child(1)::before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #1D2328; opacity: .3; z-index: 0; }
  .feature-form-a > *:nth-child(2) { background: #e8345e; }
 .feature-form-a h1 { color: #FFF; position:relative; z-index: 1; }
 .feature-form-a form { margin-bottom: 40px; }
 .feature-form-a .fields { margin-top: 15px; }
 .feature-form-a label { display: block; margin-bottom: 15px!important; }
  .feature-form-a .nolabels label { display: none; }
 .feature-form-a .input-set { display: flex; margin-top: 15px; }
  .feature-form-a .input-set input[type="email"] { background: transparent; border-radius: 5px 0 0 5px; padding: 25px 15px; color: #FFF; min-width: 100px; }
  .feature-form-a .input-set button { font-size: 16px; border-radius: 0 5px 5px 0; height: 100%; flex-shrink: 0; padding: 7px 30px; }
 .feature-form-a ::-webkit-input-placeholder { color: inherit !important; font-style: normal; opacity: 0.75; }
 .feature-form-a :-ms-input-placeholder { color: inherit !important; font-style: normal; opacity: 0.75; }
 .feature-form-a :-moz-placeholder { color: inherit !important; font-style: normal; opacity: 0.75; }
 .feature-form-a ::-moz-placeholder { color: inherit !important; font-style: normal; opacity: 0.75; }

@media screen and (max-width: 1240px) {
 .feature-form-a > * { padding: 75px; }
}

@media screen and (max-width: 1040px) {
 .feature-form-a > * { padding: 50px 50px 75px; }
}

@media screen and (max-width: 899px) {
 .feature-form-a { flex-direction: column; }
  .feature-form-a > *:nth-child(1) { padding: 50px; min-height: 486px; justify-content: flex-end; text-align: center; }
}

@media screen and (max-width: 599px) {
 .feature-form-a h1 { font-size: 26px; }
 .feature-form-a > * { padding-left: 25px; padding-right: 25px; }
}

/* lower promos */
.lower-promos { background: #EDEBE3; text-align: center; padding: 80px 0; }
 .lower-promos .contain { display: flex; }
 .lower-promos i, .lower-promos .hx { color: #31759A; }
 .lower-promos i { font-size: 27px; margin-bottom: 20px; display: inline-block; }
 .lower-promos .hx { font-weight: bold; margin-bottom: 10px; }
 .lower-promos .promo { border-right: 1px solid #DDDBD4; padding: 5px 25px 15px; }
  .lower-promos .promo:last-child { border: 0!important; }

@media screen and (max-width: 799px) {
 .lower-promos { padding: 30px 0; }
  .lower-promos .contain { flex-direction: column; }
  .lower-promos .promo { border-right: 0; border-bottom: 1px solid #DDDBD4; padding: 40px 25px;
 }
}

/* transparent checkmarks */

.transparent-check input[type="checkbox"] { position: absolute; left: -9999em; }
 .transparent-check input[type="checkbox"] + span { position: relative; }
  .transparent-check input[type="checkbox"] + span::before { content: ""; border: 1px solid #FFF; border-radius: 3px; height: 20px; width: 20px; display: inline-block; margin-bottom: -4px; margin-right: 20px; }
  .transparent-check input[type="checkbox"]:checked + span::after { content: "\2713"; color: #fff; position: absolute; left: 4px; top: -1px; }

/* secondary social list */

.socials-b { margin: 20px 0; padding: 0; }
 .socials-b li { display: inline-block; margin-bottom: 25px; }
  .socials-b li::before { content: none; }
  .socials-b li:last-child { margin-bottom: 0; }
 .socials-b a { color: #FFF; margin-right: 40px; }
 .socials-b i { background: #FFF; color: #31759A; padding: 8px 12px; border-radius: 50%; margin-right: 10px; }
  .socials-b i.icon-twitter { padding: 8px 9px; }

/* misc. utilites */

.border-wrap { border: 15px solid #31759A; background: #EDEBE3; background-image: url('../images/get-involved-bg.png'); background-size: contain; background-position: 0px 450px; background-repeat: no-repeat; background-size: 100%; overflow: hidden; }

hr.mini { border: 0; border-bottom: 2px solid #FFF; width: 60px; margin: 15px auto; }
 hr.mini.berry { border-bottom: 2px solid #e8345e; }
 hr.mini.big-spacer { margin: 60px auto; }

.button-c.noarrow::after { content: none; }

.button-wrap { text-align: center; }

h3.hx.ondark { font-size: 26px; text-transform: none; color: #FFF; }

/*!
/* ---------------------------------------- */

/* paging */

.paging-a { width: 100%; margin: 50px 0; }
.paging-a:first-child { margin-top: 0; }
 .paging-a:after { display: table; clear: both; content: ''; }
 .paging-a .hx { float: left; margin: 0; color: #2f2f2f; font-size: 16px; font-weight: bold; line-height: 21px; text-transform: uppercase; }
 .paging-a ul { float: left; margin: 0 0 0 15px; padding: 0; }
  .paging-a li { float: left; font-size: 16px; line-height: 21px; }
  .paging-a li ~ li { margin-left: 20px; }
   .paging-a li:before { display: none; }
   .paging-a li.current,
   .paging-a li.active > a { color: #2f2f2f; font-weight: bold; }

/* pills nav */

.pills-a { margin: 20px 0 40px; padding: 0; }
.pills-a:first-child { margin-top: 0; }
 .pills-a li { margin: 0 0 5px; }
  .pills-a li:before { display: none; }
  .pills-a li a { display: block; padding: 5px 15px; border-radius: 4px; /*background: #edebe3; */ background: #243948; color: #fff; }
  .pills-a li a:hover { opacity: 0.9; }
@media screen and (max-width: 1199px) {
.pills-a { margin-top: 15px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
 .pills-a li { display: inline-block; width: 100%; margin: 5px 0 0; }
}
@media screen and (max-width: 599px) {
.pills-a { margin-top: 15px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}

/* subscribe form */

.quickform-a { }
 .quickform-a p { position: relative; padding-right: 100px; }
  .quickform-a p label { display: none; }
  .quickform-a p input { border-color: #83acc2; border-radius: 4px 0 0 4px; border-right-width: 0; background-color: #83acc2; color: #fff; }
  .quickform-a p input:focus { border-color: #5a91ae; background-color: #5a91ae; }
  .quickform-a p button { position: absolute; right: 0; top: 0; width: 100px; padding: 0 10px; border-radius: 0 4px 4px 0; }

/* resources layout */

.resources-a { position: relative; margin-bottom: 60px; }
 /*.resources-a:before { position: absolute; left: 325px; top: 0; bottom: 0; content: ''; width: 1px; background: #e8e6de; }*/
 .resources-a:after { display: table; clear: both; content: ''; }
 .resources-a > .primary { width: 100%; margin: 0 -100% 0 0; padding: 0 0 0 0;  }
  .resources-a > .primary > .header { margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px dashed #e2e2e2; }
   .resources-a .switch { display: none; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #e3e2e0; }
   .resources-a > .primary > .header .reset { float: right; margin: 11px 0 0 20px; }
   .resources-a > .primary > .header h1 { font-size: 37px; line-height: 60px; }
    .resources-a > .primary > .header h1 span { display: inline-block; line-height: 55px; padding: 0 5px; margin-top: -5px; border-radius: 4px; background: #edebe3; vertical-align: middle; }
     .resources-a > .primary > .header h1 span a { display: inline-block; position: relative; overflow: hidden; width: 20px; height: 20px; margin: 20px 5px 0; color: #b0afaa; text-indent: 321%; white-space: nowrap; vertical-align: top; }
     .resources-a > .primary > .header h1 span a:hover { color: #8b8a83; }
      .resources-a > .primary > .header h1 span a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e804'; font: 20px/1 Icomoon; text-indent: 0; }

  .resources-a .grid { margin: -40px -20px 40px; font-size: 0; letter-spacing: -1em;}
  .resources-a .grid.is-loading { opacity: 0.1; }
   .resources-a .grid > .teaser-c { float: left; display: inline-block; width: 50%; margin: 0; border: 1px solid transparent; border-width: 40px 20px 0; font-size: 16px; letter-spacing: 0; }
    .resources-a .grid > .teaser-c:nth-child(2n+1) { clear: both; }
  .resources-a .grid:after { display: table; clear: both; content: ''; }


@media screen and (max-width: 1199px) {
.resources-a { margin-top: -60px; padding-top: 30px; }
 .resources-a:before { display: none; left: -30px; right: -30px; bottom: auto; z-index: 89; width: auto; height: 9999px; background: #000; background: rgba(0,0,0,0.8); }
 .resources-a:after { display: none; }
 .resources-a.on:before { display: block; }
 .resources-a > .primary { float: none; width: 100%; margin: 0; padding: 0; }
  .flexbox .resources-a > .primary > .header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
   .resources-a .switch { display: block; }
   .flexbox .resources-a > .primary > .header .reset { float: none; margin: 20px 0 0; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; }
}
@media screen and (max-width: 767px) {
.resources-a > .primary > .header h1 span { height: 42px; display: table-cell; }
 .resources-a > .primary > .header h1 span a { margin-top: 12px; }
.resources-a .grid > .teaser-c { width: 100%; }

}
@media screen and (max-width: 599px) {
.resources-a { margin-top: -30px; }
 .resources-a .teaser-c .hx br { display: block; }
 .resources-a .teaser-c .hx .icon-a { margin-top: 3px; }
 .resources-a .teaser-c figure ~ p { clear: both; margin-left: 0; padding-top: 10px; }
 .resources-a .grid { margin: -30px -20px 30px; }
 .resources-a .grid > .teaser-c { border-width: 30px 20px 0; }

}

/* light resources layout */

.resources-b { position: relative; margin-bottom: 60px; }
 .resources-b:before { position: absolute; left: 68.5%; top: 0; bottom: 0; content: ''; width: 1px; background: #e8e6de; }
 .resources-b:after { display: table; clear: both; content: ''; }
 .resources-b > .primary { float: left; width: 64%; margin: 0 -100% 0 0; padding: 0; }
  .resources-b > .primary > .grid { margin: -40px -20px 40px; font-size: 0; letter-spacing: -1em; }
   .resources-b > .primary > .grid > .teaser-c { float: left; display: inline-block; width: 50%; margin: 0; border: 1px solid transparent; border-width: 40px 20px 0; font-size: 16px; letter-spacing: 0; }
 	  .resources-b > .primary > .grid > .teaser-c:nth-child(2n+1) { clear: both; }
  .resources-b > .primary > .grid:after { display: table; clear: both; content: ''; }
 .resources-b > .secondary { float: right; width: 27%; margin: 0; }

@media screen and (max-width: 1199px) {
.resources-b {  }
 .resources-b:before, .resources-b:after { display: none; }
 .resources-b > .primary { float: none; width: 100%; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid #e8e6de; }
 .resources-b > .secondary { float: none; width: 100%; margin: 0; }
}
@media screen and (max-width: 767px) {
.resources-b > .primary > .grid > .teaser-c { width: 100%; }
}
@media screen and (max-width: 599px) {
.resources-b > .primary > .grid { margin: -30px -20px 30px; }
 .resources-b > .primary > .grid > .teaser-c { border-width: 30px 20px 0; }
}

/* Two column Topic Landing Page */

.resources-c { position: relative; margin-bottom: 60px; }
 .resources-c-wrap { position: relative; }
  .resources-c-wrap:before { position: absolute; left: 68.5%; top: 0px; bottom: 0; content: ''; width: 1px; background: #e8e6de; }
  .resources-c-wrap:after { display: table; clear: both; content: ''; }

  .resources-c > .header { margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px dashed #e2e2e2; }
   .resources-c .switch { display: none; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #e3e2e0; }
   .resources-c > .header .reset { float: right; margin: 11px 0 0 20px; }
   .resources-c > .header h1 { font-size: 37px; line-height: 60px; }
    .resources-c >  .header h1 span { display: inline-block; line-height: 55px; padding: 0 5px; margin-top: -5px; border-radius: 4px; background: #edebe3; vertical-align: middle; }
     .resources-c > .header h1 span a { display: inline-block; position: relative; overflow: hidden; width: 20px; height: 20px; margin: 20px 5px 0; color: #b0afaa; text-indent: 321%; white-space: nowrap; vertical-align: top; }
     .resources-c > .header h1 span a:hover { color: #8b8a83; }
      .resources-c > .header h1 span a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e804'; font: 20px/1 Icomoon; text-indent: 0; }
   .resources-c > .resources-c-wrap > .primary { float: left; width: 64%; margin: 0 -100% 0 0; padding: 0; }
    .resources-c > .resources-c-wrap > .primary > .grid { margin: -40px -20px 40px; font-size: 0; letter-spacing: -1em; }
     .resources-c > .resources-c-wrap > .primary > .grid > .teaser-c { float: left; display: inline-block; width: 50%; margin: 0; border: 1px solid transparent; border-width: 40px 20px 0; font-size: 16px; letter-spacing: 0; }
      .resources-c > .resources-c-wrap > .primary > .grid > .teaser-c:nth-child(2n+1) { clear: both; }
    .resources-c > .resources-c-wrap > .primary > .grid:after { display: table; clear: both; content: ''; }
   .resources-c > .resources-c-wrap > .secondary { float: right; width: 27%; margin: 0; }

@media screen and (max-width: 1199px) {
.resources-c {  }
 .resources-c:before, .resources-c:after { display: none; }
  .flexbox .resources-c > .header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
   .resources-c .switch { display: block; }
   .flexbox .resources-c > .header .reset { float: none; margin: 20px 0 0; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; }

 .resources-c > .resources-c-wrap > .primary { float: none; width: 100%; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 1px solid #e8e6de; }
 .resources-c > .resources-c-wrap > .secondary { float: none; width: 100%; margin: 0; }
}
@media screen and (max-width: 767px) {
.resources-c > .resources-c-wrap > .primary > .grid > .teaser-c { width: 100%; }
.resources-c > .header h1 span { height: 42px; display: table-cell; }
 .resources-c > .header h1 span a { margin-top: 12px; }

}
@media screen and (max-width: 599px) {
.resources-c > .resources-c-wrap > .primary > .grid { margin: -30px -20px 30px; }
 .resources-c > .resources-c-wrap > .primary > .grid > .teaser-c { border-width: 30px 20px 0; }
}


/* sidebar */

.sidebar-a { }
 .sidebar-a .box { margin-bottom: 40px; }
  .sidebar-a .tags .select { display: none; }
  .sidebar-a ul { margin: 0 0 30px; padding: 0; }
   .sidebar-a li { }
   .sidebar-a li.active, .sidebar-a li.current-cat { font-weight: bold; }
    .sidebar-a li:before { display: none; }

@media screen and (max-width: 1199px) {
.sidebar-a .tags .select { display: block; }
.sidebar-a .tags ul { display: none; }
}

/* post teaser */

.teaser-a { position: relative; margin-bottom: 40px; }
 .teaser-a > a { display: block; margin: 0 0 5px; text-decoration: none !important; }
  .teaser-a .date { position: absolute; left: 0; top: 35px; z-index: 1; padding: 0 15px; background: #f16828; border-radius: 0 4px 4px 0; color: #fff; font-size: 13px; font-weight: bold; line-height: 28px; }
  .teaser-a figure { position: relative; }
   .teaser-a figure:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; content: ''; border-radius: 4px; background: #31759a; background: rgba(49,117,154,0.8); opacity: 0; }
   .teaser-a figure:after { position: absolute; left: 50%; top: 50%; z-index: 2; content: '\e806'; width: 66px; height: 66px; margin: -33px 0 0 -33px; padding-left: 3px; border: 3px solid #fff; border-radius: 50%; color: #fff; font: 40px/60px Icomoon; text-align: center; opacity: 0; }
   .teaser-a figure:after { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
   .teaser-a figure:before, .teaser-a figure:after { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
   .teaser-a a:hover figure:before, .teaser-a a:hover figure:after { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
   .ie8 .teaser-a figure:before, .ie8 .teaser-a figure:after { display: none; }
  .teaser-a .h { margin-bottom: 5px; }
  .teaser-a a .h { color: #31759a; }
  .teaser-a a .h { -webkit-transition: color 0.25s; transition: color 0.25s; }
  .teaser-a a:hover .h { color: #45ade5; }
 .teaser-a .author { font-size: 13px; font-weight: bold; }

@media screen and (max-width: 1199px) {
.teaser-a { }
 .teaser-a .date { left: -30px; }
 .teaser-a figure { margin: 0 -30px 30px; }
  .teaser-a figure:before { border-radius: 0; }
  .teaser-a figure img { border-radius: 0; }
}
@media screen and (max-width: 599px) {
 .teaser-a figure { margin: 0 -25px 25px; }
}


/* wide post teaser */

.teaser-b { position: relative; margin-bottom: 50px; padding-left: 400px; }
 .teaser-b:after { display: table; clear: both; content: ''; }
 .teaser-b > a { display: block; margin: 0 0 5px; text-decoration: none !important; }
  .teaser-b .date { position: absolute; left: 0; top: 35px; z-index: 1; margin: 0; padding: 0 15px; background: #f16828; border-radius: 0 4px 4px 0; color: #fff; font-size: 13px; font-weight: bold; line-height: 28px; }
  .teaser-b figure { position: relative; float: left; width: 360px; margin: 0 0 0 -400px; }
   .teaser-b figure:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; content: ''; border-radius: 4px; background: #31759a; background: rgba(49,117,154,0.8); opacity: 0; }
   .teaser-b figure:after { position: absolute; left: 50%; top: 50%; z-index: 2; content: '\e806'; width: 86px; height: 86px; margin: -43px 0 0 -43px; padding-left: 3px; border: 3px solid #fff; border-radius: 50%; color: #fff; font: 50px/80px Icomoon; text-align: center; opacity: 0; }
   .teaser-b figure:after { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
   .teaser-b figure:before, .teaser-b figure:after { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
   .ie8 .teaser-b figure:before, .ie8 .teaser-b figure:after { display: none; }
   .teaser-b a:hover figure:before, .teaser-b a:hover figure:after { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .teaser-b .h { margin-bottom: 5px; }
  .teaser-b a .h { color: #31759a; }
  .teaser-b a .h { -webkit-transition: color 0.25s; transition: color 0.25s; }
  .teaser-b a:hover .h { color: #45ade5; }
 .teaser-b .author { font-size: 13px; font-weight: bold; }

@media screen and (max-width: 999px) {
.teaser-b:not(.standard) { padding-left: 0; }
 .teaser-b:not(.standard) .date { left: -30px; }
 .teaser-b:not(.standard) figure { position: relative; float: none; width: auto; margin: 0 -30px 30px; }
  .teaser-b:not(.standard) figure:before { border-radius: 0; }
  .teaser-b:not(.standard) figure img { border-radius: 0; }
}
@media screen and (max-width: 767px) {
.teaser-b.standard { padding-left: 0; }
 .teaser-b.standard .date { left: -30px; }
 .teaser-b.standard figure { position: relative; float: none; width: auto; margin: 0 -30px 30px; }
  .teaser-b.standard figure:before { border-radius: 0; }
  .teaser-b.standard figure img { border-radius: 0; }
}
@media screen and (max-width: 599px) {
.teaser-b { margin-bottom: 30px; }
 .teaser-b.standard .date, .teaser-b:not(.standard) .date { left: -25px; }
 .teaser-b.standard figure,  .teaser-b:not(.standard) figure { margin: 0 -25px 25px; }
}

/* resource teaser */

.teaser-c { margin-bottom: 30px; }
 .teaser-c:after { display: table; clear: both; content: ''; }
 .teaser-c > a { display: block; }
 .teaser-c figure { position: relative; float: left; width: 85px; margin: 0 -100% 0 0; }
  .teaser-c figure:before, .teaser-c figure a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; content: ''; background: #31759a; background: rgba(49,117,154,0.8); opacity: 0; }
  .teaser-c figure:after, .teaser-c figure a:after { position: absolute; left: 50%; top: 50%; z-index: 2; content: '\e806'; width: 26px; height: 26px; margin: -13px 0 0 -13px; padding-left: 1px; border: 1px solid #fff; border-radius: 50%; color: #fff; font: 18px/24px Icomoon; text-align: center; opacity: 0; }
  .teaser-c figure:after, .teaser-c figure a:after { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  .teaser-c figure:before, .teaser-c figure:after, .teaser-c figure a:before, .teaser-c figure a:after { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
  .ie8 .teaser-c figure:before, .ie8 .teaser-c figure:after, .ie8 .teaser-c figure a:before, .ie8 .teaser-c figure a:after { display: none; }
  .teaser-c.over figure:before, .teaser-c.over figure:after { display: none; }
  .teaser-c a:hover figure:before, .teaser-c a:hover figure:after,
  .teaser-c.over figure a:before, .teaser-c.over figure a:after,
  .teaser-c figure a:hover:before, .teaser-c figure a:hover:after { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .teaser-c figure img { border-radius: 0; }
 .teaser-c figure ~ * { margin-left: 120px; }
 .teaser-c .hx { margin-bottom: 10px; color: inherit; font-size: 26px; line-height: 34px; font-weight: normal; text-transform: none; }
  .teaser-c .hx br { display: none; }
  .teaser-c.over .hx a { color: #45ade5; }
 .teaser-c p { color: #545454; }
 .teaser-c.slim figure ~ * { margin-left: 100px; }

 .teaser-c.tiny figure { width: 60px; }
 .teaser-c.tiny .hx { font-size: 21px; line-height: 28px; }
 .teaser-c.tiny figure ~ * { margin-left: 80px; }

@media screen and (max-width: 599px) {
.teaser-c .hx { font-size: 22px; line-height: 26px; }
.teaser-c figure, .teaser-c.slim figure { width: 45px; }
.teaser-c figure ~ *, .teaser-c.slim figure ~ * { margin-left: 65px; }
}

/* custom tick boxes */

.tick-a { }
:root .tick-a { position: absolute; left: -10001px; }
:root .tick-a + label { vertical-align: top; }
:root .tick-a + label { -webkit-transition: color 0.25s; transition: color 0.25s; }
:root .tick-a + label:hover { color: #45ade5; }
 :root .tick-a + label:before { display: inline-block; content: ''; width: 20px; height: 20px; margin: 2px 10px 0 0; border: 1px solid #dcd9ce; border-radius: 4px; background: #fff; background-clip: content-box; color: #324f63; font: 14px/18px Icomoon; vertical-align: top; text-align: center; }
 :root .tick-a[type=radio] + label:before { padding: 4px; border-radius: 50%; }
 :root .tick-a[type=radio]:checked + label:before { background-color: #324f63; }
 :root .tick-a[type=checkbox]:checked + label:before { content: '\e80e'; }

/* Super-header donate */
.donate-super { display: none; padding: 0; margin: 0; height: auto;}
.donate-super { -webkit-transition: all .5s !important ; transition: all .5s !important; }
 .affix .donate-super { padding: 0; height: 0; }
 .donate-super .button-a { width: 100%; border-radius: 0; padding: 10px 0; height: auto; }
@media screen and (max-width: 767px) {
.donate-super { display: block; }
}

/* global header */
.top-a { position: relative; z-index: 101; margin-bottom: 0; border: 0px solid #fff; border-bottom: 2px solid #edebe3; background: #fff; max-width: none; position: fixed; width: 100%;  }
 /* .top-a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 10px; background: linear-gradient(to top, #ccc, transparent ); }*/

 .top-a .skips { position: absolute; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
  .top-a .skips li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
   .top-a .skips li:before { display: none;  }
   .top-a .skips li a { display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
   .top-a .skips li a:focus, .top-a > .skips li a:active { position: relative; left: 0; }

 .top-a .bar { border-bottom: 1px solid #edebe3; padding: 16px 0; margin: 0; top: 0; position: absolute; width: 100%;}
  .top-a .bar { -webkit-transition: all .5s ; transition: all .5s ; }
  @media screen and (min-width: 1200px) { .top-a.affix .bar { padding: 4px 0; } }
  .top-a .bar .socials-a { float: left; margin: 0; }
   .top-a .bar .socials-a a { width: 38px; height: 38px; color: #324f63; font-size: 22px; line-height: 38px; }
   .top-a .bar .socials-a a:hover { color: #fff;   }
    .top-a .bar .socials-a a:after { background-color: #fff; }
    .top-a .bar .socials-a a:hover:after { background-color: #324f63 !important; }
  .top-a .bar .wrap { margin: 0 0 0 200px; position: relative; }
   .top-a .bar .wrap > * { position: relative; float: left; margin: 0; line-height: 38px; }
   .top-a .bar .wrap > * ~ * { margin-left: 60px; }
    .top-a .bar .wrap:after { display: table; clear: both; content: ''; }
  .top-a .bar .quickform-a input { width: 270px; border: 1px solid #adc8d7; border-width: 1px 0 1px 1px; color: #31759a; background: transparent; }
   .top-a .bar .quickform-a button { background: #31759a; color: #fff; border: 1px solid #31759a; }
   .top-a .bar .quickform-a button:hover { background: #f16828; border-color: #f16828 }
 .top-a .bar ul.menu { list-style: none;}
  .top-a .bar ul.menu { float: left; position: relative; list-style: none; margin: 0; padding: 0; margin-left: 90px; }
   .top-a .bar ul.menu li { float: left; padding: 0; font-size: 16px;   }
    .top-a .bar ul.menu li:before { display: none; }
    .top-a .bar ul.menu li ~ li { margin-left: 50px;}


  .top-a .bar ul.donate { list-style: none; display: inline-block; position: relative; right: 0; position: absolute; top: -16px; bottom: -16px; background: #f16828; vertical-align: middle; font-size: 18px; font-weight: bold; line-height: 38px; text-align: center; margin: 0; padding: 0; width: 170px; -webkit-transition: all .5s ; transition: all .5s;}
  .top-a .bar ul.donate > li { background: #f16828; -webkit-transition: all .5s ; transition: all .5s; }
   .top-a .bar ul.donate > li:hover { background: #f39d5d; }
   .top-a .bar ul.donate a { color: #fff; }
   .top-a .bar ul.donate li:before { display: none; }
   .top-a .bar ul.donate ul { position: absolute; padding: 4px 18px; margin: 0; left:0; right: 0;background: #edebe3; top: -10001px; opacity: 0; -webkit-transition: opacity 0.25s, top 0s; transition: opacity 0.25s, top 0s; }
    .top-a .bar ul.donate li:hover ul { opacity: 1; top: 100%; }
    .top-a .bar ul.donate ul:before { content: ''; width: 0; height: 0;  position: absolute; left: 0; right: 0; margin: 0 auto; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px; border-bottom: 10px solid #edebe3; }
    .top-a .bar ul.donate ul a { color: #f26829; padding: 10px 0;}
    .top-a .bar ul.donate ul a:hover { color: #f39d5d; }
    .top-a .bar ul.donate ul li { font-size: 14px; font-weight: bold; line-height: 1.4em; border-bottom: 1px solid #f39d5d; text-align: left; }
     .top-a .bar ul.donate ul li:last-child { border: none; }

   @media screen and (min-width: 1200px) { .top-a.affix .bar .donate { top: -4px; bottom: -4px; -webkit-transition: all .5s ; transition: all .5s; } }
   .top-a .bar .donate a { display: block; padding: 16px 30px; height: auto;}
   .top-a .bar .donate a { -webkit-transition: all .5s ; transition: all .5s ; }
   @media screen and (min-width: 1200px) { .top-a.affix .bar .donate a { padding: 4px 30px; } }


   .top-a .bar .store a:hover { color: #45ade5; }
   .top-a .bar .store a:before { display: inline-block; content: '\e80f'; margin: -3px 10px 0 -5px; font: 20px/38px Icomoon; vertical-align: top; }

 .top-a .nav-main { position: relative; margin: 0; }
  .top-a .nav-main > .contain { position: relative; border-top: 70px solid transparent; padding: 30px 0 30px 0; }
  .top-a .nav-main > .contain { -webkit-transition: all .5s ; transition: all .5s ; }
  @media screen and (min-width: 1200px) { .top-a.affix .nav-main > .contain { padding: 4px 0 4px 0; }}

 .top-a .logo { margin: 0; }
 .top-a .nav { position: absolute; right: 0; top: 0; }
  .top-a .nav ul { float: left; position: relative; list-style: none; margin: 100px 0 0; padding: 0; }
  .top-a .nav ul  { -webkit-transition: all .5s ; transition: all .5s ; }
  @media screen and (min-width: 1200px) { .top-a.affix .nav > ul { margin-top: 40px; } }

   .top-a .nav > ul { }
   .top-a .nav > ul > li { float: left; position: relative; display: inline-block; padding: 0; font-size: 18px; line-height: 40px; font-weight: 800;  }
   .top-a .nav > ul > li ~ li { margin-left: 40px; }
    .top-a .nav li:before { display: none; }
    .top-a .nav li i { display: none; position: absolute; right: 0; top: 5px; width: 40px; height: 40px; margin: 0; padding: 0; color: #31759a; font: 20px/40px Icomoon; text-align: center; }
     .top-a .nav li i:before { content: '\e810'; }
     .top-a .nav li.on > i:before { content: '\e811'; }
    .top-a .nav li a { display: block; }
    .top-a .nav li em { position: absolute; left: -10001px; top: -10001px; }
    .top-a .nav li ul { width: 180px; position: absolute; top: -10001px; left: 50%; transform: translateX(-50%); float: none; margin: 0; opacity: 0; -webkit-transition: opacity 0.25s, top 0s 0.25s; transition: opacity 0.25s, top 0s 0.25s; padding: 4px 18px; border-top: 10px solid #fff; background: #324f63; }
     .top-a .nav li ul:before { content: ''; width: 0; height: 0;  position: absolute; left: 0; right: 0; margin: 0 auto; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px; border-bottom: 10px solid #324f63; }
     .top-a .nav li ul a { color: #fff; padding: 10px 0;}
     .top-a .nav li ul a:hover { color: #45ade5; }
    .top-a .nav li.on > ul { top: 100%; opacity: 1; -webkit-transition: opacity 0.25s, top 0s; transition: opacity 0.25s, top 0s; }
     .top-a .nav li li { font-size: 14px; font-weight: bold; line-height: 1.4em; border-bottom: 1px solid #31759a; }
      .top-a .nav li li:last-child { border: none; }
    .top-a .nav li li.hidden { display: none; }
 .top-a .nav .search { position: absolute; right: 150px; top: 30px; width: 366px; }
 .top-a .nav .search { -webkit-transition: all .5s; transition: all .5s; }
 .top-a .nav .search { margin: 0; padding: 0; display:block; }
 @media screen and (min-width: 1200px) { .top-a.affix .nav .search { top: -10px;  } }
  .top-a .nav .search label { display: none; }
  .top-a .nav .search input { border-color: #edebe3; border-width: 0 0 1px 0; height: 44px; border-radius: 0; padding: 0;}
  .top-a .nav .search button { position: absolute; right: 0; top: 0; border-radius: 0; background-color: transparent; color: #545454; padding: 0; }
  .top-a .nav .search button:hover { color: #f16828; }
   .top-a .nav .search button:after { position: relative; display: inline-block; right: 0; right: 0; top: 0; bottom: 0; margin-left: 10px; content: '\e80a'; font: 16px/44px Icomoon; text-indent: 0; text-align: center; }

 .top-a .toggler { z-index: 101; display: none; position: absolute; right: 30px; top: 50px; float: right; width: 40px; height: 40px; margin: -20px 0 0; text-decoration: none !important; text-indent: -10001px; }
  .top-a .toggler:before, .top-a .toggler:after { position: absolute; left: 5px; top: 8px; content: ''; width: 30px; height: 4px; margin: 0; background: #31759a; box-shadow: 0 10px 0 #31759a; }
  .top-a .toggler:before, .top-a .toggler:after { -webkit-transition: all 0.15s; transition: all 0.15s; }
  .top-a .toggler:after { top: 28px; box-shadow: none; }
  .navon .top-a .toggler:before, .navon .top-a .toggler:after { top: 19px; box-shadow: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .navon .top-a .toggler:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .native.android .navon .top-a .toggler:after { margin-top: -1px; }

@media screen and (max-width: 1199px) {

.navon .root-a:before { position: absolute; left: -30px; top: 0; bottom: 0; right: -30px; z-index: 100; content: ''; height: 9999px; background: #000; background: rgba(0,0,0,0.7); }

.top-a { }
 .navon .top-a { overflow-y: scroll; height: 100vh;

 -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox

  }

.navon .top-a::-webkit-scrollbar {
    display: none;  // Safari and Chrome
}
.top-a * { -webkit-transition: none !important ; transition: none !important; }

 .top-a .nav-main { background-color: #fff; }
  .top-a .nav-main:after { display: table; clear: both; content: ''; }
 .top-a .nav-main > .contain { padding: 0; margin: 0; border: none; }
 .top-a .toggler { display: block; }
 .top-a .toggler { -webkit-transition: top .5s !important; transition: top .5s !important; }
 .top-a.affix .toggler { top: 40px; }
 .top-a .toggler:before, .top-a .toggler:after { -webkit-transition: none !important; transition: none !important; }
 .top-a .nav-main .nav,  .top-a .nav-main .bar { display: none; }
 .navon .top-a .nav-main .nav,  .navon .top-a .nav-main .bar { display: block; }
 .top-a .logo { width: 100%; display: block; padding: 30px; }
 .top-a .logo { -webkit-transition: padding .5s !important; transition: padding .5s !important; }
 .top-a.affix .logo { padding: 10px 30px; }
 .navon .top-a .logo { border-bottom: 2px solid #edebe3;}
  .top-a .logo a { display: block; overflow: hidden; width: 413px; height: 69px; background: url(../images/logo-b.svg) no-repeat; background-size: contain; }
  .top-a .logo img { display: none; }

  .top-a .nav { position: relative; top: auto; left: auto; right: auto; float: left; width: 50%; height: auto; padding: 30px; background: #fff; }
   .top-a .nav ul { float: none; margin: 0 0 30px; }
    .top-a .nav ul > li { position: relative; display: block; float: none; border-bottom: 2px solid #edebe3; line-height: 30px; padding: 0; }
    .top-a .nav ul > li ~ li { margin-left: 0; }
     .top-a .nav li i { display: block; }
     .top-a .nav li.noarrow i { display: none; }
     .top-a .nav li a { display: block; padding: 10px 0; }
     .top-a .nav li ul { display: none; position: relative; left: 0; transform: none; width: auto; top: auto; padding: 0 0 15px; opacity: 1; background: transparent;}
      .top-a .nav li ul:before {display: none;}
     .top-a .nav li.on > ul { display: block; top: auto; }
      .top-a .nav li li { border: none; font-size: 16px; font-weight: 300; line-height: 20px; }
       .top-a .nav li li a { padding: 5px 0 5px 0; color: #31759E; }

   .top-a .nav .search { position: relative; left: auto; top: auto; right: auto; height: 46px; width: 100%; }
   .top-a .nav .search button { padding-right: 12px; }
   .top-a .nav .search input { border-width: 0 0 2px 0; }
   .top-a .nav.over .search { opacity: 1; }

  .top-a .bar { position: relative; left: auto; top: auto; right: auto; bottom: auto; float: right; width: 50%; height: auto; padding: 30px 40px; }
   .top-a .bar .socials-a { float: none; margin: 0 0 25px; text-align: center; }
   .top-a .bar .wrap { float: none; margin: 0 0 30px; }
    .top-a .bar .wrap > * { position: relative; float: none; margin: 0 0 30px; }
    .top-a .bar .wrap > * ~ * { margin-left: 0; }
     .top-a .bar .wrap > * ~ *:before { display: none; }
      .top-a .bar .quickform-a input { width: 100% }
      .top-a .bar ul.menu { margin: 0; width: 100%;}
      .top-a .bar ul.menu li { width: 33%; margin: 0; padding: 0; text-align: center;}
      .top-a .bar ul.menu li ~ li { margin: 0; }
     .top-a .bar .store { padding: 15px 0; border: 1px solid #5a91ae; border-width: 1px 0; text-align: center; }
     .top-a .bar ul.donate { display: none; }
}

@media screen and (max-width: 767px) {
.top-a .nav { float: none; width: 100%; }
.top-a .bar { float: none; width: 100%; height: auto; padding: 30px; margin-top: 25px; border-top: 2px solid #edebe3; }
}
@media screen and (max-width: 599px) {
 .top-a .logo { background: #fff; }
  .top-a .logo a { display: inline; width: auto; height: auto; background: none; }
  .top-a .logo img { display: block; width: 150px; height: 62px; }
 .top-a > .wrap { left: -25px; right: -25px; }
  .top-a .nav { padding: 25px; }
  .top-a .bar { padding: 25px; }
}

/* related */

.related-a { margin-bottom: 40px; }
 .related-a ul { margin: 0 0 30px; padding: 0; }
  .related-a li { margin: 0 0 20px; font-size: 26px; line-height: 1.230769231; }
   .related-a li:before { display: none; }

@media screen and (max-width: 599px) {
.related-a li { font-size: 22px; }
}

/* footer sitemap */

.sitemap-a { margin: 0 -20px 40px; }
 .sitemap-a ul { margin: 0; padding: 0; }
  .sitemap-a li { margin: 0 0 10px; font-size: 13px; line-height: 1.230769231; font-weight: bold; text-transform: uppercase; }
   .sitemap-a li:before { display: none; }
   .sitemap-a li i { display: none; position: absolute; right: 0; top: 0; width: 40px; height: 40px; margin: 0; padding: 0; color: #31759a; font: 20px/40px Icomoon; text-align: center; }
    .sitemap-a li i:before { content: '\e810'; }
    .sitemap-a li.on > i:before { content: '\e811'; }
   .sitemap-a li ul { margin-top: 15px; }
    .sitemap-a li li { font-weight: normal; text-transform: none; }
 .sitemap-a > ul { display: table; width: 100%; }
  .sitemap-a > ul > li { display: table-cell; width: 10%; margin: 0; padding: 0 20px; }
  .sitemap-a > ul > li:nth-child(1) { width: 15%; }
  .sitemap-a > ul > li:nth-child(2) { width: 20%; }
  .sitemap-a > ul > li:nth-child(3) { width: 20%; }
  .sitemap-a > ul > li:nth-child(4) { width: 19%; }
  .sitemap-a > ul > li:nth-child(5) { width: 11%; }
  .sitemap-a > ul > li:nth-child(6) { width: 15%; }

@media screen and (max-width: 1199px) {
.sitemap-a > ul { display: block; width: 100%; }
 .sitemap-a > ul > li { display: block; position: relative; width: auto !important; padding: 0; border-bottom: 1px solid #d8d6cf; }
  .sitemap-a > ul > li > a { display: block; padding: 10px 0; }
  .sitemap-a > ul > li > i { display: block; }
  .sitemap-a li ul { display: none; margin: 0 0 0 20px; padding-bottom: 15px; }
  .sitemap-a li.on ul { display: block; }
}

/* social icons */

.socials-a { list-style: none; margin: 0 0 25px; padding: 0; font-size: 0; letter-spacing: -1em; }
 .socials-a li { display: inline-block; margin: 0; vertical-align: top; font-size: 22px; letter-spacing: 0; }
 .socials-a li ~ li { margin-left: 10px; }
  .socials-a li:before { display: none; }
  .socials-a a { display: block; position: relative; width: 46px; height: 46px; color: #31759a; font: 24px/46px Icomoon; }
  .socials-a a { -webkit-transition: none; transition: none; }
  .socials-a a:hover { color: #fff; }
   .socials-a a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; content: ''; width: 100%; height: 100%; text-align: center; }
   .socials-a a:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; content: ''; border-radius: 50%; background-color: #edebe3; }
   .socials-a a:before, .socials-a a:after { -webkit-transition: all 0.25s; transition: all 0.25s; }
   .socials-a a:hover:after { background-color: #f16828 !important; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
   .socials-a .facebook a:before { content: '\e800'; }
   .socials-a .twitter a:before { content: '\e801'; }
   .socials-a .instagram a:before { content: '\e90a'; padding-left: 2px; }
   .socials-a .email a:before { content: '\e802'; font-size: 22px; line-height: 45px; }
   .socials-a span { display: none; }

/* responsive video */

.video-a { position: relative; overflow: hidden; height: 0; padding: 30px 0 56.25%; }
 .video-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* content wrapper */

.wrap-a { margin: 0 0 40px; padding: 50px 0; background: #edebe3; }

@media screen and (max-width: 599px) {
.wrap-a { margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #e3e2e0; background: none; }
.contain.mb0 + .wrap-a { margin-top: 1px; }
}

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; height: 38px; padding: 0 20px; border: none; border-radius: 4px; background: #f16828; color: #fff; font-size: 18px; font-weight: bold; line-height: 38px; text-align: center; text-transform: uppercase; text-decoration: none !important; }
.button-a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { background-color: #f49f59; color: #fff; }
.button-a.huge { min-width: 270px; height: 68px; padding: 0 40px; line-height: 68px; }
.ie8 .button-a.huge { min-width: 190px; }

.button-a.pampas { background-color: #edebe3; color: #8e8e8e; }
.button-a.pampas:hover { background-color: #f16828; color: #fff; }

.button-b { display: inline-block; height: 38px; padding: 0 19px; border: 1px solid #e3e0d6; border-radius: 4px; background: #fff; color: #31759a; font-size: 13px; font-weight: bold; line-height: 36px; text-align: center; text-transform: uppercase; text-decoration: none !important; }
.button-b:hover { background-color: #e3e0d6; color: #31759a; }
.button-b.ondark { border-color: #fff; }
.button-b.ondark:hover { border-color: #324f63; background-color: #324f63; color: #45ade5; }

.button-c { display: inline-block; vertical-align: top; font-weight: bold; text-transform: uppercase; }
 .button-c:after { display: inline-block; content: '\e806'; width: 24px; height: 24px; margin: 0 0 0 10px; border: 1px solid #2f6b8b; border-radius: 50%; font: 16px/22px Icomoon; text-align: center; }
 .button-c:after { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, -webkit-transform 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, transform 0.25s; }
 .button-c:hover:after { border-color: #45ade5; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }

.button-d { display: inline-block; font-size: 13px; font-weight: bold; line-height: 44px; text-transform: uppercase; vertical-align: top; }
 .button-d:before { display: inline-block; width: 44px; height: 44px; margin: 0 10px 0 0; border-radius: 50%; background: #31759a; color: #fff; font: 24px/44px Icomoon; vertical-align: top; text-align: center; }
 .button-d:hover:before { background-color: #45ade5; }
 .button-d.buy:before { content: '\e80f'; }

/*!
 * Helpers
/* ---------------------------------------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 40px; }
.alignleft { float: left; margin: 0 40px 20px 0; }
 .alignright img, .alignleft img { display: block; }

@media screen and (max-width: 999px) {
.alignright, .alignleft { max-width: 330px; }
 .alignright img, .alignleft img { max-width: 100%; }
}
@media screen and (max-width: 767px) {
.alignright, .alignleft { max-width: 300px; }
}
@media screen and (max-width: 599px) {
.alignright, .alignleft { float: none; width: auto !important; max-width: none; margin: 0 -25px 25px; display: block; }
 .alignright img , .alignleft img { width: 100%; border-radius: 0 !important; }
 .alignleft figcaption, .alignleft.wp-caption p, .alignright figcaption, .alignright.wp-caption p { padding: 15px 25px; border-radius: 0; }
}

[hidden] { display: none !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.block { display: block; width: 100%; max-width: 100%; }
.bold { color: #2f2f2f; font-weight: bold; }

.mb0 { margin-bottom: 0; }
.mb40 { margin-bottom: 40px; }

@media screen and (max-width: 599px) {
.mb40 { margin-bottom: 25px; }
}

.ie8 .hide-desktop { display: none !important; }

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1024px) { .show-desktop { display: block !important; } .hide-desktop { display: none !important; } }
@media screen and (max-width: 1023px) { .show-tablet { display: block !important; } .hide-tablet { display: none !important; } }
@media screen and (max-width: 599px) { .show-mobile { display: block !important; } .hide-mobile { display: none !important; } }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 38px; padding: 0 14px; border: 1px solid #dcd9ce; border-radius: 4px; background: #fff; vertical-align: top; line-height: 36px; -webkit-appearance: none; outline: none; }
 .native.android input:not([type=checkbox]):not([type=radio]) { padding-top: 9px; padding-bottom: 9px; line-height: 20px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 textarea { overflow: auto; height: auto; padding: 14px; line-height: 1.2; resize: vertical; }
 select { padding: 7px 40px 7px 13px; background: #fff url(../images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 13px; padding-left: 11px; background-image: none; }
 .ie8 select { padding-top: 9px; padding-bottom: 9px; }
 .gecko select { padding-left: 9px; background-image: none; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; outline: none; } button::-moz-focus-inner { padding: 0; border: none; }
 button, input { -webkit-transition: border 0.25s, background 0.25s, color 0.25s; transition: border 0.25s, background 0.25s, color 0.25s; }
 button[disabled], input[disabled] { cursor: default; }

 ::-webkit-input-placeholder { color: inherit !important; font-style: normal; opacity: 0.5; }
 :-ms-input-placeholder { color: inherit !important; font-style: normal; opacity: 0.5; }
 :-moz-placeholder { color: inherit !important; font-style: normal; opacity: 0.5; }
 ::-moz-placeholder { color: inherit !important; font-style: normal; opacity: 0.5; }
 .placeholder, .placeholdersjs { color: #888 !important; font-style: normal; opacity: 1; }
 select:invalid { color: #888; }

 .dark.placeholder, .dark.placeholdersjs { color: #ccc !important; }
 .dark:-ms-input-placeholder { color: #fff !important; }
 select.dark:invalid { color: #ccc; }

.alert { padding: 10px; border: 1px dashed #ccc; background: #f3f3f3; }
 .alert p { margin: 5px 0 5px 0; font-weight: bold; font-size: 14px;}
 .alert input { border: 1px solid #ccc; padding: 5px; width: 100%; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
 .alert

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

/* headers */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #2F2F2F; font: bold 10px/1.2 Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: none; }
h1, .h1 { margin-bottom: 20px; color: #545454; font-size: 48px; font-weight: normal; line-height: 1.083333333; }
h2, .h2 { margin-bottom: 16px; color: #545454; font-size: 26px; font-weight: normal; line-height: 1.230769231; }
h3, .h3 { margin-bottom: 2px; font-size: 16px; line-height: 1.5; text-transform: uppercase; }
h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 8px; font-size: 13px; line-height: 1.230769231; text-transform: uppercase; }

@media screen and (max-width: 767px) {
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 24px; }
}

/* lists */

ul, ol, dd, blockquote { padding-left: 35px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -30px; text-align: right; }
  ul li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -25px; color: #324f63; }

/* links */

a > strong, a > b,
a { background: transparent; color: #31759a; text-decoration: none; }
a, a:before, a:after { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s; }
a:hover > strong, a:focus > strong, a:active strong, a:hover > b, a:focus > b, a:active > b,
a:hover, a:focus, a:active { color: #45ade5; text-decoration: none; }
 a span { cursor: pointer; }

/* images */

figure { }
 figure img, .wp-caption img { display: block; }
 figure img:not(:last-child), .wp-caption img:not(:last-child) { border-radius: 5px 5px 0 0; }
 figure figcaption, .wp-caption p { padding: 15px 25px; border-radius: 0 0 5px 5px; background: #edebe3; color: #2f2f2f; font-size: 13px; font-weight: bold; line-height: 1.230769231; text-transform: uppercase; }

 img { max-width: 100%; border-width: 0; border-radius: 5px; }
 img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* announcement */
.announcement-a { display: none; background: #63d2cc; color: #000; text-align: center; position: relative; padding: 16px 40px; margin: 0; }
  .announcement-a { -webkit-transition: all .5s; transition: all .5s; }
  @media screen and (min-width: 1200px) { .top-a.affix .announcement-a { padding: 4px 40px; font: 14px/20px; } }
  .announcement-a .close { position: absolute; right: 30px; top: 50%; width: 30px; height: 30px; margin: -15px 0 0; color: #000; text-align: right; }
  .announcement-a .close:before { content: '\e901'; font: 30px/1 Icomoon; }
   .announcement-a .close:hover { opacity: 0.7; cursor: pointer;}
  .announcement-a p { font-size: 16px; line-height: 22px; }
  .announcement-a p { -webkit-transition: all .5s !important; transition: all .5s !important; }
  .top-a.affix .announcement-a p { line-height: 20px; }
  .announcement-a strong { color: inherit; }
   .announcement-a a { color: #000; text-decoration: underline; }
   .announcement-a a:hover { color: #000; text-decoration: none; }
  .announcement-a.show { display: block; }

@media screen and (max-width: 1279px) and (min-width: 1024px) {
.announcement-a .hx { display: block; }
}
@media screen and (max-width: 1023px) {
.announcement-a {  font-size: 16px; }
 .announcement-a p { line-height: 26px; vertical-align: top; }
  .announcement-a p a { font-size: 14px; }
}
@media screen and (max-width: 599px) {
.announcement-a { font-size: 14px; text-align: left; padding-left: 0px; }
 .announcement-a .close:before { font-size: 25px; }
 .announcement-a p { line-height: 25px; }
  .announcement-a p a { font-size: 13px; }
}

/* Logged In Banner */
.logged-in-banner { background: #31759a; color: #fff; text-align: center; position: relative; padding: 8px 40px; margin: 0; text-align: right; font-size: 14px;}
  .logged-in-banner { -webkit-transition: all .5s; transition: all .5s; }
  @media screen and (min-width: 1200px) { .top-a.affix .logged-in-banner { padding: 4px 40px; font: 14px/20px; } }
   .logged-in-banner a { color: #fff; border-bottom: 1px solid #edebe3; margin-left: 10px;}
   .logged-in-banner a:hover { color: #edebe3; border-bottom: 1px solid transparent; }
   .logged-in-banner .contain > span { position: relative; }
    .logged-in-banner .contain > span:before { content: '\e903'; font: 20px/1 Icomoon; -webkit-transition: none; transition: none; position: absolute; width: 30px; height: 30px; top: 1px; left: -40px; }

@media screen and (max-width: 1279px) and (min-width: 1024px) {
.logged-in-banner .hx { display: block; }
}
@media screen and (max-width: 1023px) {
.logged-in-banner {  font-size: 16px; }
 .logged-in-banner p { line-height: 26px; vertical-align: top; }
  .logged-in-banner p a { font-size: 14px; }
}
@media screen and (max-width: 599px) {
.logged-in-banner { font-size: 14px; padding-right: 0px; }
 .logged-in-banner .close:before { font-size: 25px; }
 .logged-in-banner p { line-height: 25px; }
  .logged-in-banner p a { font-size: 13px; }
}

/* Ultimate Member Plugin - Style overrides */

/* UM Registration Form */
.um-register { margin-top: 40px; }
 .um-register .um-center { margin: 0; text-align: left }

/* UM General */
.um ul li:before { content: ''; }
.um .um-clear { margin-bottom: 0; }
.um .um-row-heading { text-transform: uppercase; font-weight: bold; }
.um .um-field { padding-top: 4px; margin-bottom: 6px; }
.um .um-field-label { margin: 0 0 4px 0; }
.um .um-field-label label { font-weight: normal; margin: 0; }
.um .um-form input[type] { border-width: 1px !important; border-color: #c4cfdc !important; }
.um .um-button { text-transform: uppercase !important; font-weight: bolder !important; min-width: 150px !important; font-size: 24px; box-shadow: none !important;}
.um input[type="submit"] { text-transform: uppercase !important; font-weight: bolder !important; background: #f16828 !important; min-width: 150px !important; font-size: 24px; }
.um input[type="submit"]:hover { background: #31759a !important; }
.um .select2.select2-container .select2-selection { border-width: 1px !important; border-color: #c4cfdc !important; padding-left: 0px !important;}
.um-field-select .um-field-area.um-field-area-has-icon .select2-selection__rendered { text-indent: 0; }
.um span.um-req { color: #e73537; margin: 0 0 0 4px; }

.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i { color: #f16828; }

/* icons */
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-x-thin:before { content: "\e901"; }
.icon-circle:before { content: "\e900";}
.icon-facebook:before { content: "\e800"; }
.icon-twitter:before { content: "\e801"; }
.icon-mail-alt:before { content: "\e802"; }
.icon-cancel:before { content: "\e803"; }
.icon-cancel-circled:before { content: "\e804"; }
.icon-menu:before { content: "\e805"; }
.icon-right-open-mini:before { content: "\e806"; }
.icon-left-open-mini:before { content: "\e807"; }
.icon-right-open-big:before { content: "\e808"; }
.icon-left-open-big:before { content: "\e809"; }
.icon-search-1:before { content: "\e80a"; }
.icon-quote-close:before { content: "\e80b"; }
.icon-quote-open:before { content: "\e80c"; }
.icon-world:before { content: "\e80d"; }
.icon-ok:before { content: "\e80e"; }
.icon-cart:before { content: "\e80f"; }
.icon-down-open-mini:before { content: "\e810"; }
.icon-up-open-mini:before { content: "\e811"; }
.icon-up-open-big:before { content: "\e812"; }
.icon-down-open-big:before { content: "\e813"; }
.icon-user-icon:before { content: "\e903"; }
.icon-horn:before { content: "\e904"; }
.icon-heart:before { content: "\e905"; }
.icon-suitcase:before { content: "\e906"; }
.icon-volunteer:before { content: "\e907"; }
.icon-partner:before { content: "\e908"; }
.icon-intern:before { content: "\e909"; }
.icon-refresh:before { content: "\e902"; }
.icon-sort-desc:before { content: "\e8f8"; }
.icon-sort-down:before { content: "\e8f8"; }

/* For font-based icons like ppt/ppx/doc/etc. */
.icon-a { font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif !important; }

/* other */

blockquote { position: relative; margin: 36px 0; padding: 35px 70px; border: 1px dashed #e2e2e2; border-width: 1px 0; background: #fff; color: #2f2f2f; font-weight: bold; font-style: normal; text-align: center; }
 blockquote:before, blockquote:after { position: absolute; left: 0; top: 30px; content: '\e80c'; color: #efebde; font: 30px/1 Icomoon; }
 blockquote:after { left: auto; right: 0; top: auto; bottom: 30px; content: '\e80b'; }
 blockquote strong { font-size: 13px; line-height: 1.230769231; text-transform: uppercase; }

@media screen and (max-width: 767px) {
blockquote { padding-left: 50px; padding-right: 50px; }
}
@media screen and (max-width: 599px) {
blockquote { padding-left: 30px; padding-right: 30px; }
 blockquote:before { top: 20px; left: -15px }
 blockquote:after { bottom: 20px; right: -15px; }
}

strong, b { color: #2f2f2f; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: 100%; height: 1px; margin: 40px 0; border: none; border: none; border-top: 1px dashed #e2e2e2; font-size: 0; }
hr.solid { border-top: 1px solid #e8e6de; }
/*!
 * Plugins
/* ---------------------------------------- */

.tooltipster-default {  border: 1px solid #e3e0d6; border-radius: 4px; background: #edebe3; color: #2f2f2f; }
.tooltipster-default .tooltipster-content { overflow: hidden; padding: 9px 14px; font: bold 13px/16px Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }

/* If you're using the icon option, use this next selector to style them */

.tooltipster-icon { cursor: help; margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */

.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; }
.tooltipster-base .tooltipster-content { overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */

.tooltipster-arrow { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; text-align: center; }
.tooltipster-arrow span, .tooltipster-arrow-border { display: block; position: absolute; width: 0; height: 0; border: 6px solid transparent; }
.tooltipster-arrow-border { border-width: 7px !important; }

[class*=tooltipster-arrow-top] span, [class*=tooltipster-arrow-top] .tooltipster-arrow-border { top: 100%; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; }
[class*=tooltipster-arrow-bottom] span, [class*=tooltipster-arrow-bottom] .tooltipster-arrow-border { bottom: 100%; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; }
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 7px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 6px; }
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span { right: 7px; }
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 6px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left .tooltipster-arrow-border { top: 50%; left: 100%; margin-top: -6px; border-right-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right .tooltipster-arrow-border { top: 50%; right: 100%; margin-top: -6px; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }
.tooltipster-arrow-left .tooltipster-arrow-border, .tooltipster-arrow-right .tooltipster-arrow-border { margin-top: -7px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
.tooltipster-fade-show { opacity: 1; }
.tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }
.tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }
.tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); }
.tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-fall-show {}
.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; }
.tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); }
.tooltipster-slide.tooltipster-slide-show { }
.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */

.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/* slick.js */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
 .slick-list:focus { outline: none; }
 .slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: flex; margin-left: auto; margin-right: auto; }
 .slick-track:before, .slick-track:after { display: table; content: ''; }
 .slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; min-height: 1px; }
 [dir='rtl'] .slick-slide { float: right; }
 .slick-slide img { display: block; }
 .slick-slide.slick-loading img { display: none; }
 .slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-arrow { position: absolute; top: 50%; bottom: 50%; transform: translateY(-50%); background: none!important; color: #31759A; font-weight: bold; font-size: 55px; }
.slick-prev { left: -80px; }
.slick-next { right: -80px; }
.slick-dots { position: absolute; bottom: -65px; display: flex; padding: 0; width: 100%; justify-content: center;}
  .slick-dots li button { font-size: 0; line-height: 0; background: 0; padding: 15px;}
    .slick-dots li button::before { content: ""; background: #31759A; border-radius: 100%; height: 10px; width: 10px; display: block; opacity: .5;}
  .slick-dots li.slick-active button::before { opacity: 1;}
  .slick-dots li::before { display: none; }
}
@media screen and (max-width: 1350px) {
 .slick-prev { left: -35px; }
 .slick-next { right: -35px; }
}


/* Misc */
.ngg-gallery-thumbnail img,
.ngg-imagebrowser .pic { border: none !important; }

.at fieldset,
header.at-title,
.at-inner { border: none !important; }
.at .btn-at-primary { background-color: #f16828 !important; font-weight: bold !important; border-radius: 2px !important; line-height: 13px !important; }
.at form .label-amount input[type="radio"]:checked+a {background-color: #f16828 !important; border-color: #f16828 !important; }
.at form .label-amount input[type="radio"]:checked+a:hover { opacity: 0.9 !important; }
.at form .label-amount>a { background: #f1ab8b !important; border-color: #f16828 !important; }
.at form .label-amount>a:hover { background: #f16828 !important; }
.at form .at-form-submit .at-submit { float: left; }
.at header.at-title { display: none; }
.at table { display: table; }

/*
 * Cookie Consent
 * https://github.com/insites/cookieconsent
 */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}