@charset "UTF-8";
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING SASSY PARTIALS

Make sure to import these FIRST so all your sassy variables get loaded in

*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("https://fonts.googleapis.com/css?family=News+Cycle");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,800,900");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: "";
  content: none;
}

small, .small {
  font-size: 75%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf, .comment-respond {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after, .comment-respond:after {
  clear: both;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Put your variables here.  That includes fonts.

Use the two tier varaible system for maximum flexibility.
In short, define a color variable, with a hex code, and then define a property varaible using your color variable.
This allows for maximum flexibility down the line.  It allows you to both replace all instances of a color in one line
or change one properties color without effecting anything else.

*******************************************************************/
/***************************************************************************
COLOR DEFINITIONS
****************************************************************************/
/**********************************************************************
PROPERTY DEFINITIONS
***********************************************************************/
/**************************************************************************
FONT EMBEDS
***************************************************************************/
/* Google fonts method: go to google fonts, select a font, open your selection window, click the '@import' tab, and copy the code here.
I've started you out with one font. I like it. Maybe you do to. Maybe you change it. Count your blessings, because I almost made comic sans the default font. It is like the rickroll of fonts. BOOM. You got comic sans-ed. I shoulda done in. Sigh.*/
/*
If you want to embed locally hosted fonts, use the syntax below. You need the actual font files corresponding to
the file formats called below. Drop those into /library/fonts, copy the code chunk below (without the comments, lunchbox),
and you should be off to the races. The font races. Much excitement.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/****************************************************************************
FONT VARIABLES
******************************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

Functions do what functions ought to do. They take an input and provide an output.
Think of these like mixins that take a parameter.  Write them that way too.
If you want to automate something, ask yourself, 'would it be helpful for this tool to take a parameter?'
If the answer is yes, write it as a function. If not, then mix it in, baby.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION


Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

Yeah, so mixins. Can be super useful, especially for code that you find yourself repeating frequently (vendor prefixes for example),
but that being said, I wouldn't go out of your way to force mixins just because they're a cool SASS feature.
In short, don't over-complicate things. You don't need a mixin for everything. Also, what you gain in speed you lose in granular control.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/*********************
IMPORTING PAGES

*********************/
.home-center-wrapper {
  background-color: #ffffff;
}

.home-center-section {
  padding-top: 5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mission-statement-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 5em !important;
}

.mission-statement {
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}

.control-group.checkbox_group_wrap {
  display: block !important;
}

#select2-drop {
  z-index: 99999999 !important;
}

input#Organization {
  max-width: 960px;
}

span.international_link-wrap.js-international_link-wrap.mb10 {
  width: 100%;
}

#can_embed_form_inner form .control-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 64.5% !important;
}

/**************************************************************
BLOG MODULE
**************************************************************/
.home-blog-box-wrapper {
  width: 100%;
  background-color: #f5f5f5;
  margin-bottom: 5em;
}

.home-blog-box {
  margin-bottom: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5em;
  padding-bottom: 5em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.voices-side {
  width: 55%;
  padding-right: 2em;
  border-bottom: 0.2em solid #a9a9a9;
  border-right: 0.2em solid #a9a9a9;
}

.hnr-side {
  width: 45%;
  border-bottom: 0.2em solid rgba(76, 152, 113, 0.9);
  margin-left: 2em;
}

.blog-img {
  background-repeat: no-repeat !important;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  max-width: 350px;
}
.blog-img img {
  max-width: 100%;
}
.blog-img:hover img {
  opacity: 0.7;
}

.home-blog-title, .home-blog-date {
  color: #6b6a6a;
}

.home-blog-title {
  font-weight: 800;
}

.single-blog-wrapper {
  padding-right: 0.5em;
}
.single-blog-wrapper:hover {
  -webkit-box-shadow: inset -15px 0 15px -15px;
          box-shadow: inset -15px 0 15px -15px;
}

.single-voice-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2em 0.5em 0 2em;
}
.single-voice-wrapper:last-child {
  margin-bottom: 3em;
}

.voices-img {
  padding-left: 2em;
}

.single-voice-content, .single-hnr-content {
  text-align: justify;
  color: #6b6a6a;
}
.single-voice-content p, .single-hnr-content p {
  color: #6b6a6a;
}

.single-voice-date {
  font-style: italic;
}

.single-hnr-wrapper {
  display: block;
  padding-top: 2em;
}

.single-hnr-date {
  font-style: italic;
}

.voices-img, .single-voice-wrapper {
  border-left: 1em solid rgba(76, 152, 113, 0.9);
}

.home-blog-box .blog-img img {
  max-width: 100%;
}

.single-voice-img {
  width: 20%;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  height: 100px;
  min-width: 100px;
  margin-right: 10px;
}

.single-voice-text {
  width: 75%;
}

.issue-title {
  color: #55a097;
  width: 100%;
  text-align: center;
  margin-bottom: 2em;
}

/**************************************************************
ISSUES MODULE
**************************************************************/
.issue-box .issue-box-tiles .issue-box-5, .issue-box .issue-box-tiles .issue-box-10 {
  border-right: none;
}

.issue-arrow {
  display: none;
}

.issue-box-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.issue-box-tiles .issue-box-link {
  border-right: 2px solid #f5f5f5;
  width: 20%;
  margin-bottom: 5em;
}
.issue-box-tiles .issue-box-link .issue-box-single {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.issue-box-tiles .issue-box-link .issue-box-single .issue-box-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.issue-box-tiles .issue-box-link .issue-box-single .issue-box-top:hover {
  -webkit-box-shadow: inset -15px 0 15px -15px;
          box-shadow: inset -15px 0 15px -15px;
}

.issue-name {
  text-align: center;
  width: 100%;
  margin: 0.8em 0.8em 0 0.8em;
  min-height: 4.5em;
}

.issue-color-bar {
  height: 5px;
  width: 100%;
  -webkit-box-shadow: 1px 2px 3px #a9a9a9;
          box-shadow: 1px 2px 3px #a9a9a9;
}

a.issue-latest {
  display: block;
  cursor: pointer;
}

.issue-latest-article {
  display: block;
  background-color: #f5f5f5;
  padding: 0.3em;
  margin-bottom: 1em;
}
.issue-latest-article:hover {
  -webkit-box-shadow: 1px 1px 1px #6b6a6a;
          box-shadow: 1px 1px 1px #6b6a6a;
}

.issue-latest {
  margin: 0.5em;
  padding: 0.2em;
  color: #6b6a6a;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.issue-latest-title {
  font-weight: 800;
  margin-bottom: 0.5em;
}

.issue-latest-title, .issue-latest-date {
  color: #6b6a6a;
}

.page-template-page_voices .featured-area, .page-template-page_pubs .featured-area {
  border-bottom: none;
  padding-top: 1em;
}
.page-template-page_voices .library-section, .page-template-page_pubs .library-section {
  background-color: white;
}
.page-template-page_voices .pagination, .page-template-page_pubs .pagination {
  margin-bottom: 0;
}
.page-template-page_voices .pagination .page-numbers, .page-template-page_pubs .pagination .page-numbers {
  font-weight: 800;
  color: #6b6a6a;
  padding: 0.5em 0.5em;
}
.page-template-page_voices .pagination .page-numbers:hover, .page-template-page_pubs .pagination .page-numbers:hover {
  background: transparent;
  opacity: 0.7;
}
.page-template-page_voices .pagination .current, .page-template-page_pubs .pagination .current {
  border: none;
  background-color: #4c9871;
  color: #ffffff;
}
.page-template-page_voices .pagination .current:hover, .page-template-page_pubs .pagination .current:hover {
  background-color: #a9a9a9;
}
.page-template-page_voices .pagination .next, .page-template-page_voices .pagination .prev, .page-template-page_pubs .pagination .next, .page-template-page_pubs .pagination .prev {
  color: #6b6a6a;
  font-size: 1.5em;
}

.voices-logo-wrap {
  text-align: center;
  margin-top: 1em;
}
.voices-logo-wrap .voices-logo, .voices-logo-wrap .hrn-logo {
  height: 75px;
  max-width: 90%;
}

.voices-list {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 3em 0.5em;
}
.voices-list .voices-list-single {
  margin-bottom: 2em;
}

.voices-list-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.voices-single-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.voices-single-title, .voices-single-author, .voices-single-date {
  color: #6b6a6a;
}

.voices-single-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 2em;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}

.voices-single-img-link {
  width: 20%;
  min-width: 240px;
  height: 170px;
  overflow: hidden;
}
.voices-single-img-link:hover {
  opacity: 0.7;
}

.voices-title-link {
  width: 100%;
}
.voices-title-link:hover {
  opacity: 0.7;
}

.voices-single-title {
  width: 100%;
  font-weight: 800;
}

.voices-single-author {
  text-decoration: underline;
  font-style: italic;
}
.voices-single-author:hover a {
  color: #55a097;
}

.voices-single-date {
  font-style: italic;
}

.voices-single-author + .voices-single-date {
  margin-left: 0.5em;
}

.voices-single-content .jp-relatedposts {
  display: none !important;
}
.voices-single-content.gutters {
  max-width: 960px;
}

.voices-archive-issues {
  width: 100%;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-weight: 800;
  padding-top: 1em;
}

.voices-archive-issue {
  margin-left: 0.5em;
  font-weight: 800;
  text-transform: uppercase;
}
.voices-archive-issue:hover {
  text-decoration: underline;
}

.voices-single-author {
  text-transform: capitalize;
}

.voices-single-excerpt {
  padding-top: 1em;
  text-align: justify;
}

.excerpt-read-more {
  text-transform: lowercase;
  text-decoration: underline;
}
.excerpt-read-more:hover {
  color: #4c9871;
  font-weight: 600;
}

.important-gutters {
  margin: 0 auto !important;
}

.single-voices #inner-content, .single-proj #inner-content {
  background-image: none !important;
  background-color: white;
}
.single-voices .single-heading-wrap, .single-proj .single-heading-wrap {
  border-bottom: 10px solid #4164a6;
}

.single-heading-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 300px;
  padding: 2em 0;
}

.single-color-bar {
  -ms-flex-preferred-size: 2%;
      flex-basis: 2%;
  max-width: 10px;
  display: none;
}

.single-heading-inner {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2em;
  position: relative;
}

.single-heading-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.single-logo-wrap {
  text-align: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  z-index: 10;
}

.single-heading-title {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #6b6a6a;
  text-transform: uppercase;
  z-index: 15;
  max-width: 900px;
  text-shadow: 1px 1px 1px white;
}

.single-heading-meta {
  color: #6b6a6a;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  text-shadow: 1px 1px 1px white;
}

.single-heading-author {
  margin-right: 0.2em;
  text-transform: capitalize;
}
.single-heading-author:hover a {
  color: #55a097;
}

.single-heading-date {
  margin-left: 0.2em;
}

.voices-single-content {
  padding: 3em 0;
}
.voices-single-content p, .voices-single-content div, .voices-single-content img, .voices-single-content ul, .voices-single-content ol, .voices-single-content blockquote, .voices-single-content h1, .voices-single-content h2, .voices-single-content h3, .voices-single-content h4, .voices-single-content h5, .voices-single-content h6 {
  margin-bottom: 1em;
}
.voices-single-content ul li {
  margin-bottom: 0.5em;
}
.voices-single-content ul li:first-child {
  margin-top: 0.5rem;
}

.single-issues-ribbon {
  background-color: #f5f5f5;
  padding: 3em 0;
}

.single-issues {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-issues .single-issue {
  margin-bottom: 1em;
}

.single-issue {
  margin-right: 1em;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.2em 2em;
}

.single-tag {
  background-color: #6b6a6a;
}

.single-editions .single-heading-wrap {
  margin-bottom: 1em;
}
.single-editions .single-heading-title, .single-editions .single-heading-meta {
  color: #6b6a6a;
  text-shadow: 1px 1px 1px white;
}
.single-editions .download-edition {
  color: #a84149;
  font-weight: 700;
}
.single-editions .download-edition:hover {
  opacity: 0.7;
}
.single-editions .filter-by-issue {
  padding-bottom: 2em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-editions .filter-by-issue .edition-link-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-editions .filter-by-issue .edition-link-box .edition-square {
  width: 120px;
  margin-bottom: 40px;
  cursor: pointer;
}
.single-editions .filter-by-issue .edition-link-box .edition-square img {
  width: 32px !important;
}
.single-editions .filter-by-issue .edition-link-box .edition-square .edition-link {
  font-size: 0.85em !important;
  width: 90% !important;
  margin-bottom: 0 !important;
}
.single-editions .editions-filter .filter-title {
  text-align: center;
  text-transform: uppercase;
  color: #6b6a6a;
  text-shadow: 1px 1px 1px white;
  border-bottom: 2px solid #a84149;
  width: 50%;
  margin: 1em auto;
}
.single-editions .editions-single-articles-wrap {
  padding: 3em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-editions .edition-link {
  width: 32%;
  margin-bottom: 20px;
  position: relative;
}
.single-editions .edition-link:hover {
  opacity: 0.7;
}
.single-editions .edition-article {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  padding: 1em;
  min-height: 200px;
}
.single-editions .edition-article .edition-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  opacity: 0.7;
}
.single-editions .edition-article .edition-date {
  color: white;
  position: relative;
  padding-top: 1em;
}
.single-editions .edition-article .edition-title {
  position: relative;
  z-index: 10;
  text-shadow: 1px 1px 1px black;
}

.single-articles main {
  background: white;
}
.single-articles .single-heading-wrap {
  min-height: 200px;
  border-bottom: 10px solid #4c9871;
  padding-bottom: 2em;
}
.single-articles .single-heading-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-articles .article-single-content {
  padding: 3em 0;
}
.single-articles .article-single-content .articles-content.gutters {
  max-width: 960px;
}
.single-articles .article-single-content .articles-content p, .single-articles .article-single-content .articles-content div, .single-articles .article-single-content .articles-content img, .single-articles .article-single-content .articles-content ul, .single-articles .article-single-content .articles-content ol, .single-articles .article-single-content .articles-content blockquote, .single-articles .article-single-content .articles-content h1, .single-articles .article-single-content .articles-content h2, .single-articles .article-single-content .articles-content h3, .single-articles .article-single-content .articles-content h4, .single-articles .article-single-content .articles-content h5, .single-articles .article-single-content .articles-content h6 {
  margin-bottom: 1em;
}
.single-articles .article-single-content .articles-content ul li {
  margin-bottom: 0.5em;
}
.single-articles .article-single-content .articles-content ul li:first-child {
  margin-top: 0.5em;
}
.single-articles .parent-edition {
  font-weight: bold;
}
.single-articles .articles-content.flex-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.single-articles .articles-content.flex-order .sharedaddy.sd-sharing-enabled {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.single-articles .articles-content.flex-order #jp-relatedposts {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.single-articles .articles-content.flex-order .rss-share.sharedaddy {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

#main .about-history-wrap {
  margin-top: 6em;
  margin-bottom: 6em;
}
#main .about-history-wrap .history-title {
  width: 100%;
  text-align: center;
  color: #55a097;
  font-weight: bold;
  margin-bottom: 1em;
}
#main .about-history-wrap .about-history-copy {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  text-align: justify;
  color: black;
}

/***SLICK DOTS****/
.slick-dots {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
}
.slick-dots .slick-active button {
  background-color: #55a097;
}

.slick-dots li button {
  border-radius: 50%;
  background-color: grey;
  border: none;
  font-size: 0;
  padding: 12px;
  margin: 15px;
}

.arrow-container {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
  font-size: 3em;
  color: #4c9871;
}

.slide-arrow {
  width: 100%;
  height: 100%;
  background-size: cover;
  cursor: pointer;
}

.right-arrow-container {
  right: 0;
  padding-left: 0.5em;
}

/*****END OF SLICK DOTS***********/
.all-staff-wrap {
  background-color: #ffffff;
  border-top: 30px solid rgba(76, 152, 113, 0.9);
  border-bottom: 30px solid rgba(76, 152, 113, 0.9);
}
.all-staff-wrap .staff-title-wrap {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.all-staff-wrap .staff-title-wrap .staff-section-title {
  color: #55a097;
  width: 40%;
  text-align: center;
  margin: 0 auto 2em auto;
  border-bottom: 2px solid #6b6a6a;
  font-weight: bold;
}
.all-staff-wrap .staff-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.all-staff-wrap .staff-wrap .staff-column {
  width: 48%;
}
.all-staff-wrap .staff-wrap .staff-single-wrap {
  width: 100%;
  margin-bottom: 2%;
}
.all-staff-wrap .staff-wrap .staff-single-wrap .staff-title {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  padding: 1em;
  background-color: rgba(39, 40, 34, 0.3);
  color: #ffffff;
  font-weight: bold;
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.all-staff-wrap .staff-wrap .staff-single-wrap .staff-title:hover {
  cursor: pointer;
  background-color: rgba(39, 40, 34, 0.5);
}
.all-staff-wrap .staff-wrap .staff-single-wrap .staff-title .staff-chev {
  width: 20px;
  height: 20px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.all-staff-wrap .staff-wrap .staff-single-wrap .bellows {
  background-color: #ffffff;
}
.all-staff-wrap .staff-wrap .staff-single-wrap .bellows .staff-headshot {
  float: left;
  height: 20%;
  width: 20%;
  margin-top: 20px;
}
.all-staff-wrap .staff-wrap .staff-single-wrap .bellows .staff-bio {
  margin: 20px 0 0 auto;
  width: 75%;
  text-align: justify;
}
.all-staff-wrap .staff-wrap .staff-single-wrap .bellows .bio-links {
  margin: 10px 0 0 auto;
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.all-staff-wrap .staff-wrap .staff-single-wrap .staff-email, .all-staff-wrap .staff-wrap .staff-single-wrap .staff-linked {
  width: 1.5em;
  display: inline-block;
  margin-right: 0.5em;
}
.all-staff-wrap .staff-wrap .staff-single-wrap .staff-email img, .all-staff-wrap .staff-wrap .staff-single-wrap .staff-linked img {
  width: 100%;
  display: block;
}
.all-staff-wrap .board-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.all-staff-wrap .board-wrap .board-section-title {
  margin-bottom: 20px;
}
.all-staff-wrap .board-wrap .blurb-wrap {
  width: 100%;
}
.all-staff-wrap .board-wrap .blurb-wrap .board-blurb {
  text-align: justify;
  width: 80%;
  margin: 0 auto 40px auto;
}
.all-staff-wrap .board-wrap .exec-side {
  width: 33.3333%;
  border-right: 2px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
}
.all-staff-wrap .board-wrap .exec-side .exec-wrapper {
  border-left: 8px solid #4c9871;
  height: 98%;
}
.all-staff-wrap .board-wrap .exec-side .exec-wrapper .mlem {
  margin-left: 20px;
}
.all-staff-wrap .board-wrap .exec-side .exec-wrapper .exec-bio {
  width: 70%;
  margin-bottom: 20px;
  margin-left: 20px;
}
.all-staff-wrap .board-wrap .exec-side .exec-wrapper .exec-bio p {
  margin-bottom: 0.25em;
}
.all-staff-wrap .board-wrap .board-side {
  width: 63%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 20px;
  border-bottom: 2px solid #55a097;
}
.all-staff-wrap .board-wrap .board-side .board-wrap {
  width: 100%;
}
.all-staff-wrap .board-wrap .board-side .board-bio {
  margin-bottom: 20px;
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}
.all-staff-wrap .mlem {
  color: #4c9871;
  margin-bottom: 20px;
  width: 100%;
  font-weight: 400;
  font-size: 1em;
  padding-right: 2em;
}

.join {
  padding: 3em 0;
}
.join .join-title {
  color: #55a097;
  width: 40%;
  text-align: center;
  margin: 0 auto 2em auto;
  border-bottom: 2px solid #6b6a6a;
  font-weight: bold;
}
.join .title {
  color: black;
}
.join .entry {
  color: black;
}

.seagreen {
  background-color: #55a097 !important;
}

.about-org-section-title {
  color: #55a097;
  padding: 2em 0;
  font-weight: bold;
}

.rotate {
  -webkit-transform: rotateZ(90deg) !important;
      -ms-transform: rotate(90deg) !important;
          transform: rotateZ(90deg) !important;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.extra-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}

.org-wrap {
  padding-bottom: 3em;
}

.slick-slide > div {
  text-align: center;
}

.page-template-page_about .library-section {
  border-top: none;
  background-color: #ffffff !important;
}

.author-information {
  padding: 3em 0;
}

.additional-posts {
  list-style: none;
  padding-bottom: 3em;
}
.additional-posts .post-break {
  height: 1px;
  width: 100%;
  background-color: gray;
  opacity: 0.5;
}
.additional-posts .author-post {
  margin: 1em 0;
  font-weight: 600;
}
.additional-posts .author-post:hover a {
  color: #55a097;
}

.single-author-headshot {
  width: 200px;
  height: 200px;
  margin-bottom: 1em;
}
.single-author-headshot img {
  height: 100%;
  width: auto;
}

.single-author-bio {
  text-align: justify;
}

.tax-issues .heading-overlay {
  background-color: rgba(85, 160, 151, 0.7) !important;
}
.tax-issues .section-title {
  text-align: center;
  color: #4c9871;
  font-weight: bold;
  padding: 2em 0;
  width: 100%;
}

.issues-latest-block {
  width: 98%;
  margin: 2em auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.issue-description {
  background-size: cover;
  position: relative;
}
.issue-description .texture {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: repeat;
}
.issue-description .issue-text-wrap {
  position: relative;
  z-index: 10;
}
.issue-description .issue-text-wrap .issue-description-copy {
  text-align: justify;
  padding-bottom: 2em;
}

#main .issue-org-wrap {
  border-bottom: 30px solid rgba(76, 152, 113, 0.9);
  border-top: 30px solid rgba(76, 152, 113, 0.9);
}
#main .issue-org-wrap .org-tile-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 2em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#main .issue-org-wrap .org-tile-wrap .issue-org-single {
  margin-bottom: 10px;
}
.issue-resource-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.issue-resource-block .related-title {
  color: #ffffff;
}

.related-issues-wrap {
  border-top: none !important;
  padding-top: 2em !important;
}

.related-issue-section-title {
  color: #6b6a6a;
  font-weight: normal;
}

.related-single-link:hover {
  opacity: 0.7;
}

.page-template-page_jobs .jobs-section {
  background-color: #ffffff;
}
.page-template-page_jobs .jobs-section .jobs-inner {
  padding: 2em 0;
}
.page-template-page_jobs .jobs-section .jobs-inner .job-top-copy {
  margin-bottom: 2em;
  text-align: justify;
}
.page-template-page_jobs .jobs-section .jobs-inner .job {
  margin-bottom: 40px;
}
.page-template-page_jobs .jobs-section .jobs-inner .job:hover .job-link {
  color: #4c9871;
}
.page-template-page_jobs .jobs-section .jobs-inner .job .job-link {
  font-weight: bold;
  margin-right: 10px;
}
.page-template-page_jobs .jobs-section .jobs-inner .job .job-date {
  font-style: italic;
  margin-bottom: 10px;
}
.page-template-page_jobs .jobs-section .jobs-inner .job .job-scrip:after {
  content: "";
  width: 15%;
  margin: 0 auto;
  border-bottom: 1px solid grey;
  height: 40px;
  display: block;
}

.search-title-wrap {
  width: 100%;
  margin: 3em 0 1em 0;
  text-align: center;
}
.search-title-wrap .search-title {
  width: 40%;
  margin: 0 auto 1em auto;
  border-bottom: 1px solid #6b6a6a;
  font-size: 1.5em;
  font-weight: 300;
}

.results-search {
  margin-bottom: 4em;
  border-bottom: 30px solid rgba(76, 152, 113, 0.9);
}
.results-search .asp_main_container {
  max-width: 1200px !important;
  width: 90% !important;
  margin: 0 auto !important;
}
.results-search .searchsettings {
  max-width: 1200px !important;
  width: 90% !important;
  margin: 0 auto !important;
}
.results-search .searchsettings form {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.results-search .searchsettings fieldset {
  width: 29% !important;
}
.results-search #mCSBap_4_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.results-search #mCSBap_4_container .asp_option_cat {
  width: 50% !important;
}

.search-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto 5em auto !important;
}
.search-main .related-single-link {
  margin-right: 10px;
}

.page-template-page_pubs #main {
  padding-top: 0;
  padding: 0 !important;
}
.page-template-page_pubs .section-title {
  color: #4c9871;
  width: 40%;
  text-align: center;
  margin: 0 auto 2em auto;
  border-bottom: 2px solid #6b6a6a;
  font-weight: bold;
  text-transform: uppercase;
}
.page-template-page_pubs .publication-section:nth-of-type(even) {
  background-color: #ffffff;
}
.page-template-page_pubs .publication-section {
  padding: 3em 0;
}
.page-template-page_pubs .voices-archive-issues {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-template-page_pubs .voices-archive-issues a:first-child {
  margin-left: 0;
}

.page-template-page_trainings .voices-list {
  margin-top: 2em;
  padding: 0 !important;
}
.page-template-page_trainings .upcoming-trainings, .page-template-page_trainings .training-by-topic {
  color: #4c9871;
  width: 50%;
  text-align: center;
  border-bottom: 2px solid #6b6a6a;
  font-size: 2em;
}
.page-template-page_trainings .a-webinar {
  margin-bottom: 2em;
}
.page-template-page_trainings .a-webinar .training-date {
  margin-bottom: 1em;
  margin-left: 0;
  font-style: normal;
}
.page-template-page_trainings .a-webinar .training-date p {
  margin-bottom: 0.5em;
}
.page-template-page_trainings .a-webinar .training-url {
  font-weight: bold;
  color: #4c9871;
}
.page-template-page_trainings .a-webinar .training-url:hover {
  color: #6b6a6a;
}
.page-template-page_trainings .a-webinar .training-copy {
  margin-top: 20px;
}
.page-template-page_trainings .training-title {
  margin-bottom: 1em;
  text-align: center;
}
.page-template-page_trainings .upcoming-training-block {
  padding: 3em 0 0;
  background-color: #ffffff;
}
.page-template-page_trainings .current-section .training-link-wrap {
  padding-bottom: 2em;
}
.page-template-page_trainings .current-section .training-link-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-template-page_trainings .current-section .training-link-box .training-square {
  width: 120px;
  margin-bottom: 40px;
  cursor: pointer;
}
.page-template-page_trainings .current-section .training-link-box .training-square img {
  width: 20% !important;
}
.page-template-page_trainings .current-section .training-link-box .training-square .training-link {
  font-size: 0.85em;
  width: 90%;
}
.page-template-page_trainings .current-section .training-cat {
  padding: 0 0 3em 0;
}
.page-template-page_trainings .current-section .training-cat .section-title {
  color: #4c9871;
  margin: 0 auto 2em auto;
  font-weight: bold;
}
.page-template-page_trainings .current-section .training-cat:nth-child(odd) {
  background-color: #ffffff;
}
.page-template-page_trainings .events-wrap {
  background-color: #ffffff;
  border-top: 30px solid rgba(76, 152, 113, 0.9);
  border-bottom: 30px solid rgba(76, 152, 113, 0.9);
}
.page-template-page_trainings .events-wrap .events {
  background-color: #ffffff;
  padding: 2em 0;
}
.page-template-page_trainings .events-wrap .events .tribe-events-nav-pagination {
  width: 100%;
}

.eventsv2 h1 {
  color: #4c9871;
}
.eventsv2 .featured-col h2 {
  margin-bottom: 20px;
}
.eventsv2 .voices-list {
  background-color: white;
}
.eventsv2 .heading-inner h1.heading-title {
  color: white;
}
.eventsv2 .pillbox {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-radius: 25px;
  border: 1px solid #707070;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  overflow: hidden;
  margin-bottom: 50px;
}
.eventsv2 .pillbox div {
  background-color: #ffffff;
  color: #4c9871;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #707070;
  cursor: pointer;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.eventsv2 .pillbox div:last-child {
  border-right: none;
}
.eventsv2 .pillbox div.active {
  background-color: #4c9871;
  color: white;
}
.eventsv2 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (max-width: 1200px) {
  .eventsv2 .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.eventsv2 .row .left-col {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media only screen and (max-width: 1200px) {
  .eventsv2 .row .left-col {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.eventsv2 .row .right-col {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
@media only screen and (max-width: 1200px) {
  .eventsv2 .row .right-col {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.eventsv2 .export-button {
  margin-top: -30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media only screen and (max-width: 1200px) {
  .eventsv2 .export-button {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
}
.eventsv2 .export-help {
  border: 1px solid #21759b;
  background-color: white;
  border-radius: 4px;
  height: 25px;
  width: 25px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  top: 9px;
}
.eventsv2 .export-help a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 25px;
  font-weight: bold;
  color: #21759b;
}
.eventsv2 .featured-list a {
  color: #4c9871;
  font-weight: bold;
}
.eventsv2 .featured-list .featured-item {
  position: relative;
  margin-bottom: 30px;
}
.eventsv2 .featured-list .featured-item .details {
  position: relative;
  width: 100%;
  padding-right: 60px;
  margin-bottom: 10px;
}
.eventsv2 .featured-list .featured-item .details h2 {
  margin-bottom: 0px;
  line-height: 1.2em;
}
.eventsv2 .featured-list .featured-item .details .time {
  color: #6B6A6A;
  font-size: 13px;
  font-weight: bold;
}
.eventsv2 .featured-list .featured-item .details .date {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  border-left: 2px solid #707070;
  width: 50px;
}
.eventsv2 .featured-list .featured-item .details .date .month {
  color: #6B6A6A;
  font-size: 13px;
  font-weight: bold;
}
.eventsv2 .featured-list .featured-item .details .date .day {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  color: #4c9871;
}
.eventsv2 .featured-list .featured-item .details .date .day-long {
  font-size: 13px;
  font-weight: normal;
  color: #6B6A6A;
}
.eventsv2 .featured-list .featured-item .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.eventsv2 .featured-list .featured-item .tags .tag {
  background-color: #4c9871;
  margin-right: 10px;
  margin-top: 10px;
  padding: 5px;
  color: white;
  font-size: 10px;
}
.eventsv2 .featured-list .featured-item .tags + a {
  margin-top: 15px;
  display: block;
  position: relative;
}
.eventsv2 .previous-events {
  position: relative;
}
.eventsv2 .previous-events .pillbox {
  width: 500px;
  max-width: 100vw;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 1200px) {
  .eventsv2 .previous-events .pillbox {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 100%;
  }
}
.eventsv2 .previous-events .library-section .library-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.eventsv2 .previous-events .library-section .library-items .training-square {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  display: none;
  max-width: 120px;
}
.eventsv2 .previous-events .library-section .library-items .training-square.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.eventsv2 .previous-events .library-section .library-items .library-item {
  height: 120px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.eventsv2 .previous-events .library-section .library-items .library-item-title {
  bottom: auto;
  left: 5%;
  margin-top: 5px;
}
@media only screen and (max-width: 1200px) {
  .eventsv2 .previous-events .library-section .library-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    padding: 0 !important;
    margin: auto;
  }
  .eventsv2 .previous-events .library-section .library-items .training-square {
    margin: 0 !important;
    width: 25% !important;
    display: none;
  }
  .eventsv2 .previous-events .library-section .library-items .training-square.visible {
    display: block;
  }
  .eventsv2 .previous-events .library-section .library-items .library-item {
    padding: 0 !important;
  }
}
.eventsv2 .previous-events .library-section .square-tile-title {
  font-size: 0.8em;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.46);
  position: relative;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.eventsv2 .previous-events .library-section .library-items .library-link {
  margin-right: 20px;
}
.eventsv2 .previous-events .library-section .library-items .library-link:last-child {
  margin-right: 0;
}
.eventsv2 .previous-events .library-section .library-items .library-link img.library-item-icon {
  width: 35% !important;
  position: relative;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  margin-top: 10px;
}
.eventsv2 .previous-events .center-header {
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
}
.eventsv2 .previous-events .library-title {
  position: relative;
  display: inline-block;
  margin-top: 30px;
}
.eventsv2 .previous-events .library-title:before, .eventsv2 .previous-events .library-title:after {
  height: 1px;
  background-color: #707070;
  width: 150px;
  content: "";
  position: absolute;
  top: 17px;
}
.eventsv2 .previous-events .library-title:before {
  left: calc(100% + 20px);
}
.eventsv2 .previous-events .library-title:after {
  right: calc(100% + 20px);
}
.eventsv2 .page-divider {
  margin-top: 10px;
  height: 30px;
  background-color: #707070;
  margin-bottom: 50px;
}
.eventsv2 .results-grid {
  width: calc(100% + 50px);
  position: relative;
  left: -25px;
}
.eventsv2 .results-grid .col {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.eventsv2 .results-grid .col .featured-item {
  width: 100%;
  padding: 25px;
  padding-left: 85px;
}
@media only screen and (max-width: 1200px) {
  .eventsv2 .results-grid .col .featured-item {
    width: 100%;
  }
}
.eventsv2 .results-grid .col .featured-item .details {
  padding-right: 0;
}
.eventsv2 .results-grid .col .featured-item .details .date {
  left: -60px;
  right: auto;
  border-right: 2px solid #707070;
  border-left: none;
}
.eventsv2 .results-grid .col .featured-item .details h2 {
  margin-bottom: 0px;
  line-height: 1.2em;
}
.eventsv2 .results-grid .featured-img {
  height: 125px;
  width: 125px;
  background-size: cover;
  float: right;
  margin-left: 15px;
}
.eventsv2 #tribe-events {
  background-color: white;
  position: relative;
}
.eventsv2 #tribe-events .tribe-events-bar {
  position: absolute;
  top: 0;
  right: 0;
}
.eventsv2 #tribe-events .tribe-events-bar h1 {
  text-transform: capitalize;
}
@media only screen and (max-width: 1382px) {
  .eventsv2 #tribe-events .tribe-events-bar {
    position: relative;
  }
}
.eventsv2 #tribe-events .tribe-events-title-bar {
  width: 100%;
}
.eventsv2 #tribe-events .tribe-events-title-bar h1 {
  margin: auto;
  position: relative;
}
@media only screen and (max-width: 1382px) {
  .eventsv2 #tribe-events .tribe-events-title-bar {
    position: relative;
  }
}
.eventsv2 #tribe-events form#tribe-bar-form {
  background-color: white;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-date-filter, .eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-views, .eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-geoloc-filter {
  display: none;
}
.eventsv2 #tribe-events form#tribe-bar-form #tribe-bar-filters-wrap {
  width: 100%;
  float: none;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-filters {
  float: none;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-filters-inner.tribe-clearfix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-filters-inner.tribe-clearfix .tribe-bar-search-filter {
  padding: 0;
  width: auto;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-filters-inner.tribe-clearfix .tribe-bar-search-filter label.label-tribe-bar-search {
  display: none;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-filters-inner.tribe-clearfix .tribe-bar-search-filter input#tribe-bar-search {
  width: 224px;
  height: 39px;
  background: #E4E4E4 0% 0% no-repeat padding-box;
  border: 1px solid #D9D9D9;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-filters-inner.tribe-clearfix .tribe-bar-submit {
  position: relative;
  width: 41px;
  padding: 0 !important;
  margin-left: 0;
  cursor: pointer;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-filters-inner.tribe-clearfix .tribe-bar-submit .tribe-events-button.tribe-no-param {
  background-color: transparent;
  color: black;
  z-index: 101;
  position: relative;
  color: transparent;
  display: none;
}
.eventsv2 #tribe-events form#tribe-bar-form .tribe-bar-filters-inner.tribe-clearfix .tribe-bar-submit:before {
  content: "";
  background-image: url("/wp-content/themes/chn_coyote/library/images/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 41px;
  display: block;
  z-index: 1;
}
.eventsv2 #tribe-events #tribe-events-content table.tribe-events-calendar {
  border-spacing: 10px;
  border-collapse: separate;
}
.eventsv2 #tribe-events .tribe-events-calendar thead th {
  background-color: white;
  border: 0;
  color: #6B6A6A;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: right;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
  border: none;
  width: calc(100% - 20px);
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-food-nutrition {
  border-color: #f74327 !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-food-nutrition.event-type {
  background-color: #f74327;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-budget-appropriations {
  border-color: #eeee22 !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-budget-appropriations.event-type {
  background-color: #eeee22;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-education-labor {
  border-color: #dd33e0 !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-education-labor.event-type {
  background-color: #dd33e0;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-health {
  border-color: #a84149 !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-health.event-type {
  background-color: #a84149;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-housing-homelessness {
  border-color: #81d742 !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-housing-homelessness.event-type {
  background-color: #81d742;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-immigration {
  border-color: #3a6e8a !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-immigration.event-type {
  background-color: #3a6e8a;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-poverty {
  border-color: #c56a44 !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-poverty.event-type {
  background-color: #c56a44;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-social-economic-justice {
  border-color: #6ecea8 !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-social-economic-justice.event-type {
  background-color: #6ecea8;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-social-services {
  border-color: #a195ed !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-social-services.event-type {
  background-color: #a195ed;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-taxes-the-economy {
  border-color: #8224e3 !important;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .cat-taxes-the-economy.event-type {
  background-color: #8224e3;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] .event-type {
  color: white;
  display: inline-block;
  font-size: 0.7rem;
  white-space: pre-wrap;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 2px 2px 2px;
}
.eventsv2 #tribe-events .tribe-events-calendar div[id*=tribe-events-daynum-], .eventsv2 #tribe-events .tribe-events-calendar div[id*=tribe-events-daynum-] a {
  background-color: white;
  color: black;
  font-weight: bold;
  text-align: right;
  padding-right: 0;
}
.eventsv2 #tribe-events .tribe-events-calendar div[id*=tribe-events-daynum-], .eventsv2 #tribe-events #tribe-events .tribe-events-calendar div[id*=tribe-events-daynum-] a {
  margin-bottom: -20px;
}
.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar td {
  border: 0;
  border-top: 1px solid #ccc;
}
.eventsv2 #tribe-events nav.tribe-events-nav-pagination {
  width: 100%;
}

.tags .cat-food-nutrition {
  background-color: #f74327 !important;
}
.tags .cat-budget-appropriations {
  background-color: #eeee22 !important;
}
.tags .cat-education-labor {
  background-color: #dd33e0 !important;
}
.tags .cat-health {
  background-color: #a84149 !important;
}
.tags .cat-housing-homelessness {
  background-color: #81d742 !important;
}
.tags .cat-immigration {
  background-color: #3a6e8a !important;
}
.tags .cat-poverty {
  background-color: #c56a44 !important;
}
.tags .cat-social-economic-justice {
  background-color: #6ecea8 !important;
}
.tags .cat-social-services {
  background-color: #a195ed !important;
}
.tags .cat-taxes-the-economy {
  background-color: #8224e3 !important;
}

.page-template-page_hnr .hnr-search, .page-template-page_projects .hnr-search {
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
.page-template-page_hnr .hnr-search #ajaxsearchprobsettings3_1, .page-template-page_projects .hnr-search #ajaxsearchprobsettings3_1 {
  padding: 10px !important;
}
.page-template-page_hnr .hnr-search .asp-fss-flex fieldset, .page-template-page_projects .hnr-search .asp-fss-flex fieldset {
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.page-template-page_hnr .hnr-search .asp-fss-flex fieldset div:first-child, .page-template-page_projects .hnr-search .asp-fss-flex fieldset div:first-child {
  margin-bottom: 30px !important;
}
.page-template-page_hnr .heading-wrap .heading-inner .heading-overlay, .page-template-page_projects .heading-wrap .heading-inner .heading-overlay {
  background-color: #4c9871;
  opacity: 0.7;
}
.page-template-page_hnr .fade, .page-template-page_projects .fade {
  opacity: 0.4;
}
.page-template-page_hnr .filter-wrap, .page-template-page_projects .filter-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2em 0;
}
.page-template-page_hnr .filter-wrap .filter-area-title, .page-template-page_projects .filter-wrap .filter-area-title {
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
  color: #4c9871;
  text-shadow: 1px 1px 1px white;
}
.page-template-page_hnr .filter-wrap .filter-title, .page-template-page_projects .filter-wrap .filter-title {
  width: 100%;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px black;
  padding-bottom: 2em;
}
.page-template-page_hnr .month-box, .page-template-page_hnr .year-box, .page-template-page_projects .month-box, .page-template-page_projects .year-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2em;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 45%;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #6b6a6a;
  opacity: 0.85;
  padding: 2em 1em;
  -webkit-box-shadow: 1px 1px 1px #6b6a6a;
          box-shadow: 1px 1px 1px #6b6a6a;
  max-width: 500px;
}
.page-template-page_hnr .month-box h4, .page-template-page_hnr .year-box h4, .page-template-page_projects .month-box h4, .page-template-page_projects .year-box h4 {
  cursor: pointer;
  color: white;
  text-shadow: 1px 1px 1px black;
  width: 30%;
  margin: 5px;
  text-align: center;
}
.page-template-page_hnr .month-box h4:hover, .page-template-page_hnr .year-box h4:hover, .page-template-page_projects .month-box h4:hover, .page-template-page_projects .year-box h4:hover {
  color: #a84149;
}
.page-template-page_hnr .year-filter-out, .page-template-page_projects .year-filter-out {
  display: none !important;
}
.page-template-page_hnr .month-filter-out, .page-template-page_projects .month-filter-out {
  display: none !important;
}
.page-template-page_hnr .editions-list-wrap, .page-template-page_projects .editions-list-wrap {
  background-color: white;
}
.page-template-page_hnr .editions-list-wrap .pagination, .page-template-page_projects .editions-list-wrap .pagination {
  margin-bottom: 0;
  width: 100%;
}
.page-template-page_hnr .editions-list-wrap .pagination .page-numbers, .page-template-page_projects .editions-list-wrap .pagination .page-numbers {
  font-weight: 800;
  color: #6b6a6a;
  padding: 0.5em 0.7em;
}
.page-template-page_hnr .editions-list-wrap .pagination .page-numbers:hover, .page-template-page_projects .editions-list-wrap .pagination .page-numbers:hover {
  text-decoration: underline;
  background: transparent;
  opacity: 0.7;
}
.page-template-page_hnr .editions-list-wrap .pagination .current, .page-template-page_projects .editions-list-wrap .pagination .current {
  border: none;
  background-color: #4c9871;
  color: #ffffff;
  -webkit-box-shadow: 2px 2px 4px #6b6a6a;
          box-shadow: 2px 2px 4px #6b6a6a;
}
.page-template-page_hnr .editions-list-wrap .pagination .next, .page-template-page_hnr .editions-list-wrap .pagination .prev, .page-template-page_projects .editions-list-wrap .pagination .next, .page-template-page_projects .editions-list-wrap .pagination .prev {
  color: #6b6a6a;
  font-size: 1.5em;
  text-shadow: 2px 2px 2px #6b6a6a;
}
.page-template-page_hnr .editions-list-wrap .pagination .next:hover, .page-template-page_hnr .editions-list-wrap .pagination .prev:hover, .page-template-page_projects .editions-list-wrap .pagination .next:hover, .page-template-page_projects .editions-list-wrap .pagination .prev:hover {
  color: #4c9871;
}
.page-template-page_hnr .editions-list, .page-template-page_projects .editions-list {
  padding: 3em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-template-page_hnr .editions-list .edition-link, .page-template-page_projects .editions-list .edition-link {
  width: 30%;
  text-align: center;
  margin-bottom: 1em;
  min-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em;
  -webkit-box-shadow: 2px 2px 2px #6b6a6a;
          box-shadow: 2px 2px 2px #6b6a6a;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.page-template-page_hnr .editions-list .edition-link:hover, .page-template-page_projects .editions-list .edition-link:hover {
  opacity: 0.7;
}
.page-template-page_hnr .editions-list .edition-link .edition-tile-overlay, .page-template-page_projects .editions-list .edition-link .edition-tile-overlay {
  background-color: #a84149;
  opacity: 0.7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-template-page_hnr .editions-list-single, .page-template-page_projects .editions-list-single {
  color: white;
  text-shadow: 1px 1px 1px black;
  font-weight: 600;
  position: relative;
}

.page-template-page_projects .edition-tile-overlay {
  background-color: #4c9871 !important;
}

.page-template-page_issues .issue-box {
  width: 100%;
  margin: 2em auto;
  max-width: none;
  background-color: #ffffff;
  padding: 3em 0 0 0;
}
.page-template-page_issues .issue-box .issue-box-tiles {
  max-width: 1200px;
  margin: 0 auto;
  width: 95%;
}

/****************************************
DYNAMIC POPUPS
****************************************/
.pop-gone {
  display: none !important;
}

/****************************************
SUBSCRIBE BUTTON
****************************************/
#can_embed_form_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
#can_embed_form_inner h4 {
  margin: 0 auto;
}
#can_embed_form_inner form {
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
  max-width: 96%;
}
#can_embed_form_inner form #form_col1 {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#can_embed_form_inner form .core_field {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#can_embed_form_inner form .core_field .floatlabel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 92%;
      flex-basis: 92%;
}
#can_embed_form_inner form .core_field .floatlabel-wrapper label {
  padding-right: 1em;
}
#can_embed_form_inner form .core_field .floatlabel-wrapper .floatlabel-input {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
#can_embed_form_inner form .international_link-wrap {
  padding: 1em;
}
#can_embed_form_inner form .international_link {
  color: #55a097;
}
#can_embed_form_inner form .control-group {
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
#can_embed_form_inner form .control-group .control-label {
  padding-right: 1em;
}
#can_embed_form_inner form .control-group .select2-drop.select2-display-none.can_embed_select2.select2-with-searchbox {
  display: none;
}
#can_embed_form_inner form .control-group .select2-focusser.select2-offscreen {
  margin-left: 1em;
}
#can_embed_form_inner form .control-group #State {
  margin-left: 1em;
}
#can_embed_form_inner form #form_col2 ul {
  list-style: none;
  padding: 0;
}
#can_embed_form_inner form #form_col2 .ajax-loading {
  display: none;
}
#can_embed_form_inner form #form_col2 input[name=commit] {
  background-color: #6b6a6a;
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  padding: 0.5em 1em;
}
#can_embed_form_inner form #form_col2 input[name=commit]:hover {
  opacity: 0.7;
}
#can_embed_form_inner .country_drop_wrap {
  padding: 1em;
}
#can_embed_form_inner .country_drop_wrap #form-country {
  width: 15px !important;
  height: 15px !important;
  opacity: 1 !important;
}
#can_embed_form_inner .country_drop_wrap .can_selectInner {
  width: 100% !important;
  border: 2px solid #eeeeee;
  margin: 0 1em;
}
#can_embed_form_inner #action_info, #can_embed_form_inner #logo_wrap {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
#can_embed_form_inner #action_info {
  padding-top: 2em;
}
#can_embed_form_inner #action_info a:hover {
  color: #55a097;
}
#can_embed_form_inner #logo_wrap {
  padding: 2em 0;
}

.donate-copy-wrap {
  height: 100%;
}
.donate-copy-wrap #can-fundraising-area-stand-up-for-human-needs-support-chn-today {
  height: 100%;
}
.donate-copy-wrap #can-fundraising-area-stand-up-for-human-needs-support-chn-today iframe {
  min-height: 1200px;
}
@media only screen and (max-width: 990px) {
  .donate-copy-wrap #can-fundraising-area-stand-up-for-human-needs-support-chn-today iframe {
    min-height: 1440px;
  }
}
@media only screen and (max-width: 575px) {
  .donate-copy-wrap #can-fundraising-area-stand-up-for-human-needs-support-chn-today iframe {
    min-height: 1820px;
  }
}

.generic-content-wrap {
  background-color: #ffffff;
  padding: 3em 0;
}

@media only screen and (max-width: 1700px) {
  html body #ajaxsearchprosettings1_1 {
    left: 0 !important;
  }
}
.rss-share {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rss-share.shared {
  top: -80px;
}
.rss-share a {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rss-share a img {
  height: 30px;
  width: 73px;
  display: block;
  position: relative;
  margin-top: 20px;
}
.rss-share.padding-bottom {
  padding-bottom: 20px !important;
  padding-right: 3em;
}
.rss-share.sharedaddy {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rss-share.sharedaddy a img {
  margin-top: 0;
}

.share-custom.share-custom-rss-editions, .share-custom.share-custom-rss-voices {
  display: none;
}
.share-custom.share-custom-rss-editions a, .share-custom.share-custom-rss-voices a {
  background-color: #f07033 !important;
}
.share-custom.share-custom-rss-editions span, .share-custom.share-custom-rss-voices span {
  margin-bottom: 0 !important;
  height: 17px !important;
}

.single-voices .share-custom.share-custom-rss-voices {
  display: inline-block;
}

.single-articles .share-custom.share-custom-rss-editions {
  display: inline-block;
}

.single-tribe_events #content {
  margin-top: 2em;
}
.single-tribe_events #tribe-events-footer {
  display: none;
}
.single-tribe_events #jp-relatedposts {
  display: none !important;
}

.tribe-bar-geoloc-filter {
  padding: 1rem;
  clear: both;
}

.tribe-events-single-event-title {
  color: #6b6a6a;
}

.not-recent-wrap {
  display: none;
}

#tribe-events-content table.tribe-events-calendar div.type-tribe_events.tribe-event-featured {
  background: transparent;
  padding: 0;
  color: #4c9871;
}

.eventsv2 #tribe-events #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
  width: 100%;
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured h3.tribe-events-month-event-title a {
  color: #4c9871;
}
#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured h3.tribe-events-month-event-title a:hover {
  color: #6b6a6a;
}

.page-template-page_membership span {
  font-weight: 400;
}
.page-template-page_membership .m-b-3 {
  margin-bottom: 3em;
}
.page-template-page_membership .m-b-5 {
  margin-bottom: 5em;
}
.page-template-page_membership .m-t-5 {
  margin-top: 5em;
}
.page-template-page_membership .p-t-3 {
  padding-top: 3em;
}
.page-template-page_membership .p-t-b-3 {
  padding: 3em 0;
}
.page-template-page_membership .membership-padding {
  padding: 3em 0;
}
.page-template-page_membership .blue-border, .page-template-page_membership .green-border, .page-template-page_membership .sub-overlay, .page-template-page_membership .contact-border {
  margin: 0;
  padding: 0;
}
.page-template-page_membership .blue-border {
  border: 15px solid #427991;
}
.page-template-page_membership .green-border {
  border: 15px solid #469085;
}
.page-template-page_membership .contact-border {
  border: 15px solid #4164a6;
}
.page-template-page_membership .header {
  border-bottom: 3em solid #3E885E !important;
}
.page-template-page_membership .heading-wrap {
  width: auto !important;
  margin: 0 !important;
}
.page-template-page_membership .heading-wrap .heading-inner {
  padding: 8em 0;
  background-position: center, center;
  background-size: cover;
}
@media only screen and (max-width: 786px) {
  .page-template-page_membership .heading-wrap .heading-inner {
    padding-top: 5em;
  }
}
.page-template-page_membership .heading-wrap .heading-overlay {
  background: -webkit-gradient(linear, left top, right top, from(#5c719c), color-stop(46%, rgba(109, 153, 153, 0.9645364311)), to(#5f9674));
  background: -o-linear-gradient(left, #5c719c 0%, rgba(109, 153, 153, 0.9645364311) 46%, #5f9674 100%);
  background: linear-gradient(90deg, #5c719c 0%, rgba(109, 153, 153, 0.9645364311) 46%, #5f9674 100%);
}
.page-template-page_membership .heading-wrap .heading-title {
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  font-weight: 600;
}
.page-template-page_membership .become-member-btn {
  background-color: #6b6a6a;
  color: #ffffff;
  font-weight: 600;
  padding: 0.5em 4em !important;
  display: inline-block;
  text-decoration: none;
  -webkit-box-shadow: 2px 5px 5px 0px #6b6a6a59;
          box-shadow: 2px 5px 5px 0px #6b6a6a59;
}
.page-template-page_membership #main .all-staff-wrap {
  margin: 0 auto;
  color: black;
  border-bottom: 30px solid #469085;
}
.page-template-page_membership #main .all-staff-wrap .board-wrap .exec-wrapper {
  border-left: 8px solid #469085;
}
.page-template-page_membership #main .all-staff-wrap .exec-side.membership-exec, .page-template-page_membership #main .all-staff-wrap .board-side {
  width: 48%;
}
@media screen and (max-width: 555px) {
  .page-template-page_membership #main .all-staff-wrap .exec-side.membership-exec, .page-template-page_membership #main .all-staff-wrap .board-side {
    width: 100%;
  }
}
.page-template-page_membership #main .all-staff-wrap .exec-side {
  border-right: 2px solid #a9a9a9 !important;
  border-bottom: 2px solid #a9a9a9 !important;
}
.page-template-page_membership #main .all-staff-wrap .exec-side .exec-bio {
  width: 95%;
  padding-right: 20px;
}
.page-template-page_membership #main .all-staff-wrap .benefit-two-padding {
  padding-bottom: 20px;
}
.page-template-page_membership #main .all-staff-wrap .board-side {
  border-bottom: 6px solid #469085 !important;
  margin-left: 20px;
}
.page-template-page_membership #main .all-staff-wrap .board-side p {
  color: #000000;
}
.page-template-page_membership #main .all-staff-wrap .benefit-title {
  color: #469085;
  font-weight: 500;
}
.page-template-page_membership .about-section {
  border-top: none;
}
@media only screen and (max-width: 786px) {
  .page-template-page_membership #container #content .library-section .library-items.mem-tile {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 786px) {
  .page-template-page_membership #container #content .library-section .library-items.mem-tile .library-item .library-item-icon, .page-template-page_membership #container #content .library-section .library-items.mem-tile .library-section {
    width: 50% !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 786px) {
  .page-template-page_membership #container #content .library-section .library-items {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 786px) {
  .page-template-page_membership #container #content .library-section .library-link:nth-child(4n) .library-item .library-item-icon {
    width: 40% !important;
  }
}
@media only screen and (max-width: 786px) {
  .page-template-page_membership #container #content .library-section .library-link:nth-child(3n) .library-item .library-item-icon {
    width: 40% !important;
  }
}
.page-template-page_membership .library-section .library-item .library-item-icon {
  width: 40%;
  -webkit-transform: translateY(-35%);
      -ms-transform: translateY(-35%);
          transform: translateY(-35%);
  height: auto;
}
@media only screen and (max-width: 786px) {
  .page-template-page_membership .library-section .library-item .library-item-title {
    width: 100% !important;
    font-size: 13px !important;
  }
}
@media only screen and (max-width: 550px) {
  .page-template-page_membership .library-section .library-item .library-item-title {
    width: 100% !important;
    font-size: 11px !important;
  }
}

.library-section {
  border-top: none !important;
  background-color: #ffffff;
  padding: 6em 0;
}
@media only screen and (max-width: 786px) {
  .library-section .library-item {
    padding: 2em 0 !important;
  }
}

@media only screen and (max-width: 786px) {
  .library-item .square-tile-single {
    padding: 3em 0 !important;
  }
}

@media only screen and (max-width: 786px) {
  .library-items.mem-tile {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
}
.library-items.mem-tile .library-section .library-item .library-item-title.mem-tile {
  color: white;
  width: 100% !important;
}
@media only screen and (max-width: 786px) {
  .library-items.mem-tile .library-section .library-item .library-item-title.mem-tile {
    font-size: 16px;
    width: 100% !important;
  }
}

@media only screen and (max-width: 786px) {
  .library-section .library-item .library-item-title {
    font-weight: 13px;
    width: 100% !important;
  }
}

@media only screen and (max-width: 786px) {
  .library-items {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
}

.about-section.library-section .library-tile-1 {
  background-color: #4d2b66cc;
}
.about-section.library-section .library-tile-2 {
  background-color: #515C82;
}
.about-section.library-section .library-tile-3 {
  background-color: #3a6e8a;
}

.tiles-wrap {
  color: #ffffff;
}
.tiles-wrap .about-us-tiles-1, .tiles-wrap .about-us-tiles-2, .tiles-wrap .about-us-tiles-3 {
  padding: 2em;
  margin-top: 1.5em;
}
.tiles-wrap .about-us-tiles-1 {
  background-color: #4d2b66cc;
}
.tiles-wrap .about-us-tiles-2 {
  background-color: #515C82;
}
.tiles-wrap .about-us-tiles-3 {
  background-color: #3a6e8a;
}

.tile-arrow {
  position: absolute;
  width: 0;
  height: 0;
  left: 20px;
  bottom: 15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media only screen and (max-width: 786px) {
  .tile-arrow {
    display: none;
  }
}

.about-us-tile.visible + .tile-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.arrow_box {
  position: relative;
  display: none;
}
@media only screen and (max-width: 786px) {
  .arrow_box {
    height: auto;
  }
}

.arrow_box:after,
.arrow_box:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #4d2b66cc;
  border-width: 15px;
  left: 2%;
  margin-left: -15px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 786px) {
  .arrow_box:after {
    left: 10%;
  }
}

.arrow_box:nth-child(2):after {
  border-bottom-color: #515C82;
  left: 50%;
}

.arrow_box:nth-child(3):after {
  border-bottom-color: #3a6e8a;
  left: 98%;
}
@media only screen and (max-width: 786px) {
  .arrow_box:nth-child(3):after {
    left: 90%;
  }
}

.tile-copy p {
  padding-top: 15px;
}

.benefit-bg-wrap {
  background-color: #ffffff;
  padding-top: 6em;
  padding-bottom: 30px;
}
@media only screen and (max-width: 786px) {
  .benefit-bg-wrap {
    padding-top: 4em;
  }
}
.benefit-bg-wrap .benefit-member-copy ul {
  list-style: none;
  line-height: 1.5;
  color: #000000;
}
.benefit-bg-wrap .benefit-member-copy ul li::before {
  content: "•";
  color: #515C82;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 30px;
}

.all-staff-wrap {
  border-top: 1px solid transparent;
}
.all-staff-wrap h4.mlem {
  font-weight: 600;
}

.subheader-about-wrap .sub-overlay {
  width: 100% !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.subheader-about-wrap .sub-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #5fa27f87;
  z-index: 5;
}
.subheader-about-wrap .sub-blue-overlay {
  width: 100% !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.subheader-about-wrap .sub-blue-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #1e4f8f9c;
  z-index: 5;
}
.subheader-about-wrap .heading-title {
  text-align: center;
  padding: 2.5em 0;
  z-index: 10;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 786px) {
  .subheader-about-wrap .heading-title {
    width: 100%;
  }
}

.benefit-member-wrap h3 {
  color: #515C82;
}
.benefit-member-wrap .title {
  font-size: 1.5em;
  color: #4c9871;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  border-bottom: 2px solid #6b6a6a;
  font-weight: bold;
}

.side-border {
  border-left: 8px solid #469085;
  height: 98%;
}

.get-involved-section.library-section .library-tile-2 {
  background-color: #4d2b66cc;
}

.extra-overlay {
  background-color: #ffffff;
}

.slider-bg {
  background-color: #84B1AC;
  margin-bottom: 4em;
}
@media only screen and (max-width: 786px) {
  .slider-bg {
    padding: 1em;
  }
}
.slider-bg .slider-container {
  padding: 4em;
}
@media only screen and (max-width: 786px) {
  .slider-bg .slider-container {
    padding: 1em;
  }
}
.slider-bg .slick-dots {
  padding-top: 2em;
}
.slider-bg .slick-dots li button {
  background-color: #ffffff;
  padding: 8px;
}
.slider-bg .slick-dots .slick-active button {
  background-color: #4164a6;
}
.slider-bg .row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.slider-bg .slider-img-col {
  min-width: 25%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 550px) {
  .slider-bg .slider-img-col {
    display: none;
  }
}
.slider-bg .slider-copy-wrap {
  background-color: #E3F0EF;
  position: relative;
}
.slider-bg .slider-copy-wrap .slider-copy {
  padding-top: 10px;
}
@media only screen and (max-width: 786px) {
  .slider-bg .slider-copy-wrap .slider-copy {
    padding-bottom: 10px;
  }
}
.slider-bg .slider-copy-wrap p {
  line-height: 2;
  padding: 30px 0;
  text-align: center;
  color: #000000;
  font-weight: 500;
}
@media only screen and (max-width: 786px) {
  .slider-bg .slider-copy-wrap p {
    line-height: 1.5;
    padding: 0;
  }
}
.slider-bg .slider-copy-wrap::before {
  content: "“";
  color: #469085;
  font-weight: bold;
  width: 1em;
  position: absolute;
  font-size: 4em;
  left: 15px;
}
@media only screen and (max-width: 786px) {
  .slider-bg .slider-copy-wrap::before {
    font-size: 2em;
  }
}
.slider-bg .slider-copy-wrap::after {
  content: "”";
  color: #469085;
  font-weight: bold;
  width: 1em;
  position: absolute;
  font-size: 4em;
  bottom: -28px;
  right: 15px;
}
@media only screen and (max-width: 786px) {
  .slider-bg .slider-copy-wrap::after {
    font-size: 2em;
    bottom: -14px;
  }
}

.slider-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.contact-wrap-bg {
  width: 100% !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  margin-bottom: 4em;
}
@media only screen and (max-width: 786px) {
  .contact-wrap-bg {
    margin-bottom: 2em;
  }
}
.contact-wrap-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #4164a6;
  background: -webkit-gradient(linear, left top, right top, from(rgba(65, 100, 166, 0.6026877071)), color-stop(53%, rgba(70, 144, 133, 0.5970697296)));
  background: -o-linear-gradient(left, rgba(65, 100, 166, 0.6026877071) 0%, rgba(70, 144, 133, 0.5970697296) 53%);
  background: linear-gradient(90deg, rgba(65, 100, 166, 0.6026877071) 0%, rgba(70, 144, 133, 0.5970697296) 53%);
  z-index: 5;
}

.contact-form-wrap {
  position: inherit;
  z-index: 10;
}
.contact-form-wrap form#gform_1 {
  background-color: #bbc7ced9;
}
.contact-form-wrap .contact-form {
  background-color: #becacf26;
  border-left: 8em solid #4164a6;
}
@media only screen and (max-width: 786px) {
  .contact-form-wrap .contact-form {
    border-left: 1em solid #4164a6;
  }
}
.contact-form-wrap .contact-form .contact-icon {
  width: 60px;
  height: 60px;
  top: 100px;
  left: 30px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 786px) {
  .contact-form-wrap .contact-form .contact-icon {
    display: none;
  }
}
.contact-form-wrap .gform_body {
  padding-top: 5em;
}
@media only screen and (max-width: 786px) {
  .contact-form-wrap .gform_body {
    padding-top: 1em;
  }
}
.contact-form-wrap .gform_wrapper ul li.gfield {
  margin-top: 0px;
}
.contact-form-wrap .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 10px 20px;
  width: 100%;
  border: none;
}
.contact-form-wrap .gform_wrapper .gform_body {
  padding-left: 15px;
}
@media only screen and (max-width: 786px) {
  .contact-form-wrap .gform_wrapper .gform_body {
    padding-right: 15px;
  }
}
.contact-form-wrap ::-webkit-input-placeholder {
  color: #000000;
  font-weight: 500;
}
.contact-form-wrap textarea:focus, .contact-form-wrap input:focus, .contact-form-wrap input[type]:focus, .contact-form-wrap .uneditable-input:focus {
  border-color: #4164a6;
  outline: 5px solid #4164a6;
}
.contact-form-wrap form#gform_1 {
  text-align: center;
}
.contact-form-wrap h3.gform_title {
  display: none;
}
.contact-form-wrap .gform_wrapper input {
  padding: 15px 10px;
}
.contact-form-wrap .gform_wrapper input.button {
  background-color: #6b6a6a;
  padding: 10px 40px;
  color: white;
  font-weight: 500;
  border: none;
}
.contact-form-wrap .gform_wrapper .gform_footer {
  text-align: left;
  padding-left: 15px;
  padding-bottom: 5em;
  padding-top: 30px;
}
@media only screen and (max-width: 786px) {
  .contact-form-wrap .gform_wrapper .gform_footer {
    padding-right: 15px;
    padding-bottom: 1em;
  }
}

body.single-tribe_events .tribe-events-event-image {
  text-align: center !important;
}

/*********************
IMPORTING MODULES

*********************/
/****************************************************************
Here you got your tab styles. 
Instructions on how to use the tab system are in the instructions.
The styles you see before you are the very most basic rules that 
make the tabs functions. Otherwise the tabs are completely unstyled.
They are a blank slate to do with as you please.  It is a big responsibility.
Try not to make them look dumb.
********************************************************************/
.vertical-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.vertical-tabs .tab-title-container {
  width: 50%;
}
.vertical-tabs .tab-content-window {
  width: 49%;
}
.vertical-tabs .tab-content {
  display: none;
}
.vertical-tabs .tab-content.active-content {
  display: block;
}

.horizontal-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.horizontal-tabs .tab-title-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.horizontal-tabs .tab-content-window {
  width: 100%;
}
.horizontal-tabs .tab-content {
  display: none;
}
.horizontal-tabs .tab-content.active-content {
  display: block;
}

/***********************************
Accordion styles go here. Knock yourself out.
Right now, it is set so that all accordion sections start closed.
Just modify that line below if you want a particular section to start open
************************************/
.accordion-content {
  display: none;
}

/****************************************
Aight this is your fancy new grid system.
Whiiiiiiiiiich is basically a flexbox. Instructions on how to use it are in the...instructions.
I will be adding addional gridding options in the near future.
Put any additional grid styles here!
****************************************/
.grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.two-column .grid-item {
  width: 50%;
}

.three-column .grid-item {
  width: 33.33%;
}

.four-column .grid-item {
  width: 25%;
}

.five-column .grid-item {
  width: 20%;
}

.six-column .grid-item {
  width: 16.66%;
}

.seven-column .grid-item {
  width: 14.28%;
}

.eight-column .grid-item {
  width: 12.5%;
}

.nine-column .grid-item {
  width: 11.11%;
}

.ten-column .grid-item {
  width: 10%;
}

.eleven-column .grid-item {
  width: 9%;
}

.twelve-column .grid-item {
  width: 8.33%;
}

@media only screen and (max-width: 768px) {
  .tablet-single-column {
    display: block;
  }
  .tablet-single-column .grid-item {
    width: 100%;
  }

  .tablet-two-column {
    display: block;
  }
  .tablet-two-column .grid-item {
    width: 500%;
  }
}
@media only screen and (max-width: 480px) {
  .mobile-single-column {
    display: block;
  }
  .mobile-single-column .grid-item {
    width: 100%;
  }

  .mobile-two-column {
    display: block;
  }
  .mobile-two-column .grid-item {
    width: 500%;
  }
}
/******************************************************************
Button styles go here. Knock yourself out. I didn't make you a starter button. People are particular about their buttons.
I didn't want to step on your toes.  Maybe I'll add a starter button later.  It will be the best button.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
.chn-button {
  cursor: pointer;
  color: white;
  background-color: grey;
  padding: 0.5em 5em;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-box-shadow: 1px 2px 2px darkgray;
          box-shadow: 1px 2px 2px darkgray;
  font-family: "Montserrat", sans-serif;
}
.chn-button:hover {
  opacity: 0.7;
}
.chn-button#showPastEventsButton {
  color: #ffffff !important;
  display: inline-block;
  margin-bottom: 4em;
}

/******************************************************************
Forms!! The things wrought in css hell to ruin your life! Yaaaaaaay forms! 
Go ahead and put your form styles here. Gooooooooooood luck!

******************************************************************/
.single-title,
.page-title,
.entry-title {
  margin: 0;
}

/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #000000;
  font-style: italic;
  margin: 0;
}
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
  height: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
  margin: 0;
}

.related-posts-wrap {
  padding: 3em 0;
  text-align: center;
}
.related-posts-wrap .related-header {
  display: inline-block;
  min-width: 50%;
  text-align: center;
  border-bottom: 2px solid #6b6a6a;
  margin-bottom: 1em;
}
.related-posts-wrap .related-tile-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
}

/******************************************************************
COMMENT STYLES

I dunno who would want comments on their page, but if you really really really want comments, I suppose you can style them here.
I left you the default styling from Bones.
******************************************************************/
/* h3 comment title */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #d3d3d3;
  /* number of comments span */
}
.commentlist {
  margin: 0;
  list-style-type: none;
}

.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #d3d3d3;
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes */
}
.comment .comment-author {
  padding: 7px;
  border: 0;
}
.comment .vcard {
  margin-left: 50px;
}
.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic;
}
.comment .vcard time a {
  color: #d3d3d3;
  text-decoration: none;
}
.comment .vcard time a:hover {
  text-decoration: underline;
}
.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}
.comment:last-child {
  margin-bottom: 0;
}
.comment .children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}
.comment[class*=depth-] {
  margin-top: 1.1em;
}
.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px;
}
.comment.odd {
  background-color: #ffffff;
}
.comment.even {
  background: #d3d3d3;
}
/* comment meta */
/* comment content */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
  font-size: 0.9em;
  float: right;
}
/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em;
}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #d3d3d3;
}

#reply-title {
  margin: 0;
}

.logged-in-as {
  color: #d3d3d3;
  font-style: italic;
  margin: 0;
}
.logged-in-as a {
  color: #6b6a6a;
}

.comment-form-comment {
  margin: 1.5em 0 0.75em;
}

.form-allowed-tags {
  padding: 1.5em;
  background-color: #d3d3d3;
  font-size: 0.9em;
}

/* comment submit button */
#submit {
  float: right;
  font-size: 1em;
}

/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
All Breakpoint Styles - These apply to ALL breakpoints unless over-ridden
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylesheet

General Styles that apply to all pages and all breakpoints unless over-ridden by another breakpoint partial.

IF YOUR RULE APPLIES TO MORE THAN ONE PAGE IT GOES HERE.

IF YOUR RULE ONLY APPLIES TO ONE PAGE, PUT IT IN THE PAGE SPECIFIC PARTIAL.

******************************************************************/
/******************************************************************
HEADER SEARCH
******************************************************************/
html body #ajaxsearchprosettings1_1 {
  background-color: #d3d3d3;
}
html body #ajaxsearchprosettings1_1 form {
  background-color: #d3d3d3;
  margin-bottom: 0 !important;
}
/******************************************************
SEARCH RESULTS
********************************************************/
.search-results .pagination {
  width: 100%;
}

#post-not-found {
  width: 100%;
}
#post-not-found .entry-content {
  width: 100%;
  text-align: center;
}
#post-not-found .entry-content p, #post-not-found .entry-content h1 {
  margin: 1em auto;
  text-align: center;
}

/****************************************************************
CONTENT IMPORT FIXES
*****************************************************************/
.alignright {
  display: inline;
  float: right;
  margin-left: 25px;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 25px;
}

/*********************
GENERAL STYLES
*********************/
#addtag {
  display: none;
}

.hide {
  display: none;
}

.border {
  border: 2px solid #6b6a6a;
}

.search-effect {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.white-text {
  color: #ffffff;
}

/******************************************************
Below is the class you should attach to any anchor tag
you want to nest. Make sure it is an immediate child of
whatever div you want to make clickable. The parent must
have position relative.
********************************************************/
._child-anchor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: transparent;
  z-index: 9;
}

/*******************************************************/
body {
  font-family: "Roboto", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #6b6a6a;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
}
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.bellows {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.bellows-open {
  height: 100px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#content {
  background-size: auto;
  background-attachment: scroll;
}

#inner-content {
  background-repeat: repeat;
  background-attachment: fixed;
}

.heading-inner {
  background-size: cover;
  background-position: center, center;
}

.section-title-wrap {
  width: 100%;
}

/********************************************************************
GUTTERS
*********************************************************************/
.gutters {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
a {
  text-decoration: none;
  color: #4c9871;
  cursor: pointer;
}

p a, li a {
  color: #4c9871;
}
p a:hover, li a:hover {
  text-decoration: underline;
}

.slinky-line {
  position: relative;
}
.slinky-line::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  visibility: hidden;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background-color: #4c9871;
}
.slinky-line:hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

/****************************************************************
PARAGRAPH STYLES
******************************************************************/
p {
  margin: 0;
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  text-align: justify;
  /* cleaning up the ragged lines and breaks
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
  // sets a minimum number of characters before and after the break
  -webkit-hyphenate-before: 2;
   -webkit-hyphenate-after: 3;
           hyphenate-lines: 3;
  // enabling fancy ligatures when available
  -webkit-font-feature-settings: "liga", "dlig";
   -moz-font-feature-settings: "liga=1, dlig=1";
      -ms-font-feature-settings: "liga", "dlig";
       -o-font-feature-settings: "liga", "dlig";
          font-feature-settings: "liga", "dlig";*/
}

/******************************************************************
HEADING STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  margin: 0;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
}

h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em;
  color: #55a097;
  font-weight: 800;
}

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  color: #55a097;
  font-weight: 700;
}

h3, .h3 {
  font-size: 1.5em;
  text-transform: capitalize;
  font-weight: 400;
}

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
}

h5, .h5 {
  font-size: 0.846em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #55a097;
}

/*********************
HEADER
*********************/
.header {
  background-color: #ffffff;
  width: 100%;
  border-bottom: 10px solid #4c9871;
}
.header #logo {
  width: 45%;
  cursor: pointer;
}
.header #logo img {
  width: 100%;
}
.header #inner-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2% 2% 0 2%;
}
.header #inner-header #menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
}
.header #inner-header #menu-header .menu-item {
  cursor: pointer;
}

/************************************************
PAGE HEADING TYPE 1
*************************************************/
.heading-wrap {
  text-align: justify;
  -moz-text-align-last: center;
       text-align-last: center;
  position: relative;
  width: 98%;
  margin: 2em auto;
}
.heading-wrap .color-bar {
  position: absolute;
  left: 0;
  height: 100%;
  width: 15px;
  background: transparent;
  z-index: 10;
}
.heading-wrap .heading-inner {
  padding: 3em 0;
}
.heading-wrap .heading-inner .heading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #55a097;
  opacity: 0.7;
}
.heading-wrap .heading-title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
  margin: 0 auto 1em auto;
  font-family: "Montserrat", sans-serif;
  padding: 0 1em;
  color: #ffffff;
}
.heading-wrap .heading-copy {
  color: #ffffff;
  position: relative;
  z-index: 10;
  text-transform: none;
  font-family: "Montserrat", sans-serif;
  line-height: 1.3em;
}

/*****************************************************
ORGANIZATION TILES
*****************************************************/
.org-wrap .org-single {
  width: 15% !important;
  margin: 0 5px;
  background-color: white;
  padding-top: 15%;
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 4px 4px 4px 0px #6a6a6b;
          box-shadow: 4px 4px 4px 0px #6a6a6b;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.org-wrap .org-single:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.org-wrap .org-single .org-link {
  display: block;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 100%;
}
.org-wrap .org-single .org-link .org-logo {
  display: block;
  width: 90%;
  margin: 0 auto;
}
.org-wrap .slick-dots {
  margin: 0;
}
/**************************************************************
ARTICLE TILES MODULE
**************************************************************/
.featured-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3em 0;
  border-bottom: 30px solid rgba(76, 152, 113, 0.9);
  width: 100% !important;
  min-height: 50vh;
}
.featured-area .featured-left {
  position: relative;
}
.featured-area .featured-left .left-piece {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.featured-area .featured-left .current {
  opacity: 1 !important;
}

.featured-piece {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-size: cover;
  background-position: center, center;
  cursor: pointer;
  min-height: 165px;
}
.featured-piece:hover .featured-title, .featured-piece:hover .featured-date {
  background: -webkit-linear-gradient(#fff, #999);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.all-colors {
  width: 2%;
  min-width: 10px;
  max-width: 10px;
  height: 100%;
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 1000;
}

.featured-color-bar {
  width: 100%;
  height: 100%;
}

.featured-text-area {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
  padding-left: 1.5em;
  width: 85%;
  position: relative;
}

.featured-title {
  text-transform: none;
  margin: 0;
  padding: 1em 0;
  font-size: 1em;
}

.featured-issues {
  margin: 0;
  position: relative;
}

.featured-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.featured-issue-column {
  -webkit-box-ordinal-group: 31;
      -ms-flex-order: 30;
          order: 30;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.featured-issue-wrap {
  position: relative;
  z-index: 100;
  width: 100%;
}
.featured-issue-wrap:hover .featured-issues {
  text-decoration: underline;
}

.featured-left {
  width: 70%;
  /**************************************************************
  TOOLTIP EFFECT
  **************************************************************/
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */
}
.featured-left .featured-issue-column {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 10%;
  min-width: 80px;
  max-width: 80px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.featured-left .featured-piece {
  padding-right: 3%;
  height: 100%;
  margin-right: 10px;
}
.featured-left .featured-text-area {
  padding-right: 1em;
  padding-left: 3em;
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.featured-left .featured-title {
  font-weight: 800;
  font-size: 2.5em;
  line-height: 1.333em;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0;
}
.featured-left .featured-issue-wrap {
  height: 85px;
  -webkit-box-ordinal-group: 31;
      -ms-flex-order: 30;
          order: 30;
  width: 100%;
  text-align: center;
  padding: 1em;
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.featured-left .featured-issue-wrap:hover {
  opacity: 0.7;
}
.featured-left .featured-issue-icon {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  width: 40px;
}
.featured-left .featured-issues {
  display: none;
}
.featured-left .tooltip {
  position: relative;
  display: inline-block;
}
.featured-left .tooltip .tooltiptext {
  display: none;
  width: auto;
  background-color: #6b6a6a;
  color: #fff;
  text-align: center;
  padding: 1em;
  border-radius: 6px;
  text-shadow: 1px 1px 1px black;
  -webkit-box-shadow: 1px 1px 1px black;
          box-shadow: 1px 1px 1px black;
  /*Position tooltip to the top*/
  position: absolute;
  z-index: 100;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.featured-left .tooltip:hover .tooltiptext {
  display: inline;
}
.featured-left .tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  /* At the bottom of the tooltip */
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #6b6a6a transparent transparent transparent;
}

.featured-right {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  /**************************************************************
  TOOLTIP EFFECT
  **************************************************************/
}
.featured-right .featured-piece {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.featured-right .featured-text-area {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.featured-right .featured-title {
  font-weight: 800;
  letter-spacing: 0.5px;
}
.featured-right .featured-issue-icon {
  display: none;
}
.featured-right .featured-date {
  padding-bottom: 10%;
}
.featured-right .featured-issue-wrap {
  background-color: transparent !important;
  -webkit-box-ordinal-group: 31;
      -ms-flex-order: 30;
          order: 30;
  padding-left: 5%;
  padding-right: 2%;
  width: 100%;
}
.featured-right .featured-issues {
  width: 100%;
  text-align: right;
}
.featured-right .tooltip .tooltiptext {
  display: none;
}
.featured-right .tooltip {
  width: 100%;
}

/*******************************************************
RELATED RESOURCES
*******************************************************/
.yarpp-related {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3em 0;
}
.yarpp-related .related-heading {
  text-align: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 1.5em;
}
.yarpp-related .related-heading h3 {
  width: 40%;
  margin: 0 auto 1em auto;
  border-bottom: 1px solid #6b6a6a;
  font-size: 1.5em;
  font-weight: 300;
}

/**********************************************************
DARK TILE STYLES
*************************************************************/
.related-single-link {
  width: 32%;
  display: inline-block;
  position: relative;
  margin-bottom: 2%;
  background-size: cover;
  background-position: center, center;
}
.related-single-link .related-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
}
.related-single-link .related-single {
  position: relative;
  height: 100%;
}
.related-single-link .related-single .related-text-wrap {
  position: relative;
  z-index: 11;
  padding: 0.5em 2em 10em 1em;
}
.related-single-link .related-single .related-author, .related-single-link .related-single .related-date {
  font-weight: 300;
}
.related-single-link .related-single .related-related {
  margin: 0.5em 0 1em 0;
}
.related-single-link .related-single .related-type {
  font-weight: 300;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 11;
}

/**************************************************************
POPUPS
**************************************************************/
.static-popup-outer {
  display: none;
}

.popup-wrap {
  position: fixed;
  z-index: 10000;
  top: 10%;
  left: 10%;
  bottom: 10%;
  right: 10%;
  background-color: #ffffff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-wrap .popup-heading {
  background-size: cover;
  background-position: center center;
  position: relative;
}
.popup-wrap .popup-heading .popup-overlay {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(58, 110, 138, 0.7);
}
.popup-wrap .popup-heading .popup-heading-title {
  position: relative;
  z-index: 10000;
  text-align: center;
  padding: 1.5em 0;
  text-transform: uppercase;
  width: 70%;
  margin: 0 auto;
  color: #ffffff;
}
.popup-wrap .popup-copy-wrap p {
  margin: 1em 0;
}
.popup-wrap .popup-copy-wrap h1, .popup-wrap .popup-copy-wrap h2, .popup-wrap .popup-copy-wrap h3, .popup-wrap .popup-copy-wrap h4, .popup-wrap .popup-copy-wrap h5, .popup-wrap .popup-copy-wrap h6 {
  width: 90%;
  margin: 2em auto;
}
.popup-wrap .popup-copy-wrap a {
  text-decoration: underline;
}

.static-popup-overlay, .dynamic-popup-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.pop-open {
  display: block !important;
}

.no-scroll {
  overflow: hidden !important;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.desktop-gone {
  display: none;
}

.nav {
  border-bottom: 0;
  margin: 0;
  list-style: none;
}
.nav li a {
  display: block;
  padding: 0.75em;
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
}
.nav li a:hover {
  text-decoration: none;
  color: #4c9871;
}

nav {
  width: 55%;
}

.chn-interactive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 1em;
  overflow: hidden;
  height: 41px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.chn-interactive .interactive-logo {
  height: 25px;
  width: 25px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin-right: 10px;
}
.chn-interactive .chn-mainactions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.chn-interactive .chn-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chn-interactive .probox {
  position: relative;
}
@media only screen and (max-width: 911px) {
  .chn-interactive.opensearch .interactive-logo {
    display: block;
  }
  .chn-interactive.opensearch span {
    display: none;
  }
}
.chn-interactive .pop-link {
  color: #ffffff;
  margin-left: 2px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.5em 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 15%;
  cursor: pointer;
  left: 0;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.chn-interactive .pop-link:hover {
  opacity: 0.7;
}
.chn-interactive .pop-link.transition {
  left: 100vw;
}
.chn-interactive .chn-search.transition {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.chn-interactive .pop-link-action {
  background-color: #a84149;
}
.chn-interactive .pop-link-join {
  background-color: #55a097;
}
.chn-interactive .pop-link-donate {
  background-color: #4164a6;
}

/*********************
SIDEBARS
*********************/
/*********************
FOOTER STYLES
*********************/
#inner-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}
#inner-footer nav {
  width: 0;
}
#inner-footer .chn-interactive {
  margin-top: 0;
}
#inner-footer .chn-interactive p {
  text-align: center;
  width: 100%;
}
#inner-footer .chn-interactive .interactive-subtext {
  font-size: 0.7em;
}
#inner-footer .chn-interactive .pop-link {
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1em 0.7em;
  margin: 0;
  width: 35%;
  -ms-flex-line-pack: center;
      align-content: center;
}
#inner-footer .chn-interactive .interactive-logo {
  margin-right: 0;
  height: 35px;
  width: 35px;
  margin: 0.5em 0;
}

.footer-action-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer-action-wrapper .chn-interactive {
  height: auto;
}

.company-info {
  width: 40%;
  padding: 1.5em;
  font-size: 0.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.street-address {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

.street-address, .phone-number {
  font-weight: 600;
}

.source-org {
  margin-top: 1em;
}

.footer {
  clear: both;
  background-color: #4c9871;
  color: #ffffff;
}
.footer li a, .footer p a {
  color: #ffffff;
}
.footer li a:hover, .footer p a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.footer-logo {
  max-width: 300px;
  height: auto;
}

.chn-social-media {
  background-color: rgba(245, 245, 245, 0.8);
}

.chn-facebook, .chn-twitter, .chn-instagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 33%;
  -webkit-box-shadow: inset 1px 7px 25px #a9a9a9;
          box-shadow: inset 1px 7px 25px #a9a9a9;
  cursor: pointer;
  padding: 0.5em;
}
.chn-facebook:hover, .chn-twitter:hover, .chn-instagram:hover {
  opacity: 0.7;
}

.facebook-main-text, .twitter-main-text, .instagram-main-text {
  font-weight: 800;
  font-size: 1.2em;
  text-transform: uppercase;
}

.facebook-subtext, .twitter-subtext, .instagram-subtext {
  font-size: 0.9em;
}

.social-text {
  color: #4164a6;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.facebook-icon, .twitter-icon, .instagram-icon {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 30px;
  width: 30px;
  margin-right: 0.5em;
}

/******************************************************************
PAGINATION STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

.pagination {
  text-align: center;
}
.pagination ul {
  display: inline-block;
  background-color: #ffffff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}
.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline-block;
  overflow: hidden;
  border-right: 1px solid #a9a9a9;
}
.pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: inline-block;
}
.pagination .current {
  cursor: default;
}
/* end .coyote_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/**************************************************************
LIBRARY MODULE
**************************************************************/
.library-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 30px solid rgba(76, 152, 113, 0.9);
  padding: 5em 0;
}
.library-section .library-title {
  width: 40%;
  text-align: center;
  margin: 0 auto 2em auto;
  border-bottom: 2px solid #6b6a6a;
}
.library-section .library-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.library-section .library-items .library-link {
  width: 20%;
}
.library-section .library-items .library-link .library-item {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center center;
}
.library-section .library-items .library-link .library-item:hover {
  opacity: 0.8;
}
.library-section .square-tile-title {
  text-align: center;
  color: #ffffff;
  width: 100%;
  position: relative;
  font-size: 1.3em;
  font-weight: 300;
}
.library-section .library-item-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.library-section .library-tile-1 {
  background-color: rgba(61, 134, 94, 0.8);
}
.library-section .library-tile-2 {
  background-color: rgba(36, 87, 113, 0.8);
}
.library-section .library-tile-3 {
  background-color: rgba(43, 58, 108, 0.8);
}
.library-section .library-tile-4 {
  background-color: rgba(77, 43, 102, 0.8);
}
.library-section .library-link:nth-child(3n) .library-item .library-item-icon, .library-section .library-link:nth-child(4n) .library-item .library-item-icon {
  width: 65px;
  -webkit-transform: translateY(-35%);
      -ms-transform: translateY(-35%);
          transform: translateY(-35%);
}
.library-section .library-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.library-section .library-item .library-item-icon {
  display: block;
  max-height: 75px;
  -webkit-transform: translateY(-20%);
      -ms-transform: translateY(-20%);
          transform: translateY(-20%);
}
.library-section .library-item .library-item-icon.related-issue-icon {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.library-section .library-item .library-item-icon, .library-section .library-item .library-item-title {
  position: absolute;
}
.library-section .library-item .library-item-title {
  bottom: 10px;
  width: 80%;
}
.library-section .library-item:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*********************
1700 and DOWN
These styles apply to all widths 1700px and DOWN unless over-ridden
*********************/
@media only screen and (max-width: 1700px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Desktop Stylsheet

  For styles 1700px wide and DOWN

  This sheet is for styles that you want to apply to...well...1030px and down.  I guess that was pretty self-explanatory.

  ******************************************************************/
  /************
  NAV BAR
  ************/
  .header #inner-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header #inner-header nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header #logo {
    width: 60%;
  }
  .header .chn-interactive {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/*********************
1030 and DOWN
These styles apply to all widths 1030px and DOWN unless over-ridden
*********************/
@media only screen and (max-width: 1030px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Desktop Stylsheet

  For styles 1030px wide and DOWN

  This sheet is for styles that you want to apply to...well...1030px and down.  I guess that was pretty self-explanatory.

  ******************************************************************/
  /****************************************************************
  SEARCH
  *****************************************************************/
  #content .results-search .searchsettings fieldset {
    width: 90% !important;
    margin: 0 auto 2em auto !important;
  }
  #content .results-search .searchsettings fieldset legend {
    font-size: 1.25em !important;
    padding-left: 0 !important;
  }
  #content .results-search .searchsettings fieldset .asp_option {
    width: 32% !important;
    display: inline-block !important;
    margin: 0 0 1.5em 0 !important;
  }
  #content .results-search .searchsettings fieldset .asp_option .asp_option_inner {
    margin-left: 0 !important;
    float: left;
    display: inline;
  }
  #content .results-search .searchsettings fieldset .asp_option .asp_option_label {
    display: inline;
  }
  /************
  NAV BAR
  ************/
  .header #logo {
    width: 60%;
  }

  /*****************************************************************
  GENERAL MOBILE STYLES
  ****************************************************************/
  .desktop-gone {
    display: block !important;
  }

  nav {
    display: none !important;
  }

  .mobile-menu {
    position: relative;
    color: #4c9871;
    font-size: 2em;
    width: 35%;
    text-align: right;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 10px;
  }

  .header #inner-header .show-mobile-menu {
    display: block !important;
  }
  .header #inner-header .show-mobile-menu #menu-header {
    position: absolute;
    background-color: #4c9871;
    border: 2px solid #4c9871;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    right: 0;
    z-index: 1500;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .header #inner-header .show-mobile-menu #menu-header li a {
    color: #ffffff;
    font-weight: 800;
  }

  /******************
  ARTICLE TILE MODULE
  *******************/
  .featured-left .featured-issue-column {
    width: 8.7%;
  }
  .featured-left .featured-title {
    font-size: 2em;
  }
  .featured-left .featured-issue-icon {
    width: 30px;
  }

  .featured-right .featured-title {
    font-size: 0.9em;
  }

  .featured-issues {
    font-size: 0.5em;
    font-weight: 800;
  }

  /******************
  BLOG MODULE
  *******************/
  .blog-img {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .single-voice-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .single-voice-img {
    width: 60%;
    margin-bottom: 10px;
  }

  .single-voice-text {
    width: 100%;
  }

  /**********************************************
  RELATED POSTS
  **********************************************/
  .yarpp-related .related-single-link {
    width: 49%;
  }

  /******************
  ISSUES MODULE
  *******************/
  .issue-name {
    font-size: 1em;
  }

  .issue-box-tiles .issue-box-link {
    height: 550px;
  }

  /******************
  LIBRARY MODULE
  *******************/
  .library-section .library-link:nth-child(3n) .library-item .library-item-icon, .library-section .library-link:nth-child(4n) .library-item .library-item-icon {
    width: 45px;
    -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
            transform: translateY(-35%);
  }
  .library-section .library-item .library-item-icon {
    max-height: 65px;
  }
  .library-section .square-tile-title {
    font-size: 1.1em;
  }

  /******************
  FOOTER
  *******************/
  #inner-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .company-info {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .company-info .street-address {
    width: 100%;
    text-align: center;
    margin-top: 1em;
  }
  .company-info .phone-number {
    margin-top: 0.5em;
    width: 100%;
    text-align: center;
  }

  .twitter-main-text, .facebook-main-text, .instagram-main-text {
    font-size: 1em;
  }

  /*****************************************************************
  SEPARATE PAGES
  ****************************************************************/
  .page-template-page_about .heading-wrap {
    margin: 0 auto;
    width: 100%;
  }

  /*****************************************************************
  VOICES FOR HUMAN NEEDS
  ****************************************************************/
  .page-template-page_voices .voices-list-single {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-template-page_voices .voices-single-img-link {
    width: 100%;
    max-width: 100%;
  }
  .page-template-page_voices .voices-single-img {
    width: 100%;
    min-height: 150px;
  }
  .page-template-page_voices .voices-single-right {
    padding-left: 0;
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    padding-top: 0.5em;
  }
}
/*********************
768px and DOWN
These styles apply to all widths 768px and DOWN unless over-ridden
*********************/
@media only screen and (max-width: 768px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: 768px and DOWN.

  This sheet is for styles that you want to apply to...well...768px and down.  I guess that was pretty self-explanatory.
  iPad styles are going to live here.

  ******************************************************************/
  /*************************************************************
  SEARCH
  ************************************************************/
  .results-search {
    display: none !important;
  }

  /***************
  GENERAL STYLES
  ***************/
  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.3em;
  }

  /************
  NAV BAR
  ************/
  .header #inner-header {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .header .chn-interactive {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header .chn-interactive .interactive-logo {
    display: none;
  }
  .header .chn-interactive.opensearch .interactive-logo {
    display: block;
  }
  .header .chn-interactive.opensearch span {
    display: none;
  }
  .header .chn-interactive .pop-link {
    padding: 0.5em 1em;
    font-size: 0.9em;
  }

  /****************************************
  SUBSCRIBE BUTTON
  ****************************************/
  #can_embed_form_inner form .core_field .floatlabel-wrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #can_embed_form_inner form .core_field .floatlabel-wrapper .floatlabel-input {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #can_embed_form_inner form .control-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #can_embed_form_inner form .control-group .select2-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #can_embed_form_inner form .control-group .select2-container .select2-focusser {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 0;
  }
  #can_embed_form_inner form .control-group #State {
    margin-left: 0;
    margin-top: 1em;
  }

  /********************************************************
  HEADING STYLE 1
  *******************************************************/
  .heading-title {
    width: 80%;
    font-size: 2em;
    text-align: center;
  }

  /******************
  ARTICLE TILE MODULE
  *******************/
  .solo-feature .featured-title {
    font-size: 2em !important;
  }
  .solo-feature .featured-issues {
    font-size: 1em !important;
  }

  .featured-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .featured-left, .featured-right {
    width: 100%;
  }
  .featured-left .featured-title, .featured-right .featured-title {
    font-size: 1em;
  }

  /**************************************************
  FEATURE ARTICLES AREA
  ***************************************************/
  .featured-issue-column {
    display: none !important;
  }

  .featured-right .featured-piece {
    margin-bottom: 1em;
    width: 100%;
  }
  .featured-right .featured-issues {
    font-size: 0.7em;
  }

  .featured-left {
    margin-bottom: 1em;
  }
  .featured-left .featured-issue-column {
    width: 100%;
    max-width: none;
  }
  .featured-left .featured-piece {
    margin-right: 0;
    padding-right: 0;
  }
  .featured-left .featured-issue-icon {
    display: none;
  }
  .featured-left .featured-issue-wrap {
    width: 100%;
    background-color: transparent !important;
    height: auto;
    padding: 0 2% 0 5%;
  }
  .featured-left .featured-title {
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.5px;
  }
  .featured-left .featured-text-area {
    margin-bottom: 2em;
    padding-left: 1.5em;
  }
  .featured-left .featured-issues {
    width: 100%;
    text-align: right;
    display: block;
    font-size: 0.7em;
  }

  /******************
  BLOG MODULE
  *******************/
  .home-blog-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 3em;
  }

  .single-voice-img {
    width: 100%;
    min-height: 150px;
  }

  .voices-img {
    padding-left: 0;
  }

  .single-blog-wrapper {
    padding-left: 0.5em;
  }

  .voices-side, .hnr-side {
    width: 100%;
  }

  .voices-side {
    border-right: none;
    border-bottom: 0.2em solid #4c9871;
    padding-right: 0;
  }

  .hnr-side {
    margin-top: 3em;
    border-bottom: none;
    margin-left: 0;
  }

  .voices-img, .single-voice-wrapper {
    border-left: none;
  }

  /**********************************************
  RELATED POSTS
  **********************************************/
  .yarpp-related .related-single-link {
    width: 100%;
  }

  /******************
  ISSUES MODULE
  *******************/
  .issue-arrow {
    display: block;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 100%;
    height: 35px;
  }

  .issue-box-tiles {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .issue-box-tiles .issue-box-link {
    width: 90%;
    border-right: none;
    margin-bottom: 5em;
    height: auto;
  }
  .issue-box-tiles .issue-box-link .issue-box-single .issue-latest {
    display: none;
  }
  .issue-box-tiles .issue-box-link .issue-box-single .issue-box-top:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .issue-box-tiles .issue-box-link .issue-box-single .issue-box-top:hover .issue-icon {
    -webkit-filter: brightness(0) invert(1) drop-shadow(1px 2px 1px black);
            filter: brightness(0) invert(1) drop-shadow(1px 2px 1px black);
  }
  .issue-box-tiles .issue-box-link .issue-box-single .issue-box-top:hover .issue-name {
    text-shadow: 2px 2px 1px black;
    color: white;
  }
  .issue-box-tiles .issue-name {
    min-height: 2.5em;
  }

  .home-center-wrapper {
    padding-bottom: 3em;
  }

  /******************
  LIBRARY MODULE
  *******************/
  #container #content .library-section .library-link:nth-child(3n) .library-item .library-item-icon, #container #content .library-section .library-link:nth-child(4n) .library-item .library-item-icon {
    width: 75px;
    -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
            transform: translateY(-35%);
  }
  #container #content .library-section .library-item .library-item-icon {
    max-height: 90px;
  }
  #container #content .library-section .library-title {
    width: 60%;
  }
  #container #content .library-section .library-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 2em;
  }
  #container #content .library-section .library-items .library-link {
    width: 45%;
    margin-bottom: 1em;
  }

  /******************
  FOOTER
  *******************/
  #inner-footer .chn-interactive .interactive-subtext {
    display: none;
  }

  .footer-action-wrapper {
    width: 100%;
  }

  .company-info {
    width: 90%;
  }

  .chn-interactive p, .chn-social-media p {
    font-size: 0.9em;
  }

  .chn-facebook, .chn-twitter, .chn-instagram {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .facebook-icon, .twitter-icon, .instagram-icon {
    margin-right: 0;
  }

  .social-text {
    width: 100%;
  }

  .facebook-main-text, .twitter-main-text, .instagram-main-text {
    text-align: center;
    width: 100%;
  }

  .facebook-subtext, .twitter-subtext, .instagram-subtext {
    display: none;
  }

  /*****************************************************************
  SEPARATE PAGES
  ****************************************************************/
  /*****************************************************************
  VOICES FOR HUMAN NEEDS
  ****************************************************************/
  .page-template-page_voices .voices-archive-issues {
    font-size: 0.8em;
  }
  .page-template-page_voices .voices-logo-wrap .voices-logo {
    height: 55px;
    image-rendering: inherit;
  }

  /**************************************************************
  SINGLE ISSUE STYLEING
  **************************************************************/
  .related-single-link {
    width: 100%;
  }

  #main .issue-org-wrap .org-tile-wrap .issue-org-single {
    width: 46%;
  }

  .single-issues {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  /***************************************************************
  HUMAN NEEDS REPORT
  ****************************************************************/
  .page-template-page_hnr .month-box, .page-template-page_hnr .year-box, .page-template-page_projects .month-box, .page-template-page_projects .year-box {
    width: 47%;
  }
  .page-template-page_hnr .month-box h4, .page-template-page_hnr .year-box h4, .page-template-page_projects .month-box h4, .page-template-page_projects .year-box h4 {
    font-size: 0.85em;
    width: 40%;
  }
  .page-template-page_hnr .editions-list .edition-link, .page-template-page_projects .editions-list .edition-link {
    width: 47%;
  }
  .page-template-page_hnr .filter-wrap .filter-title, .page-template-page_projects .filter-wrap .filter-title {
    font-size: 0.8em;
  }

  /**************************************************************
  SINGLE EDITION STYLING
  **************************************************************/
  .single-editions .edition-link {
    width: 47%;
  }

  /*************************************************************
  SINGLE ARTICLE STYLING
  **************************************************************/
  .single-heading-title {
    margin-bottom: 0.5em;
  }

  .yarpp-related .related-heading h3 {
    width: 60%;
  }

  /*************************************************************
  ABOOT
  **************************************************************/
  #main .about-history-wrap .about-history-copy {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }

  .all-staff-wrap .staff-wrap .staff-column {
    width: 100%;
  }
  .all-staff-wrap .staff-wrap .staff-single-wrap .bellows .staff-headshot {
    float: none;
    width: 60%;
    max-width: 300px;
    height: auto;
    margin: 2em auto;
    display: block;
  }
  .all-staff-wrap .staff-wrap .staff-single-wrap .bellows .staff-bio, .all-staff-wrap .staff-wrap .staff-single-wrap .bellows .bio-links {
    width: 90%;
    margin: 1em auto;
  }
  .all-staff-wrap .board-wrap .staff-section-title {
    width: 80%;
  }
  .all-staff-wrap .board-wrap .blurb-wrap .board-blurb {
    width: 90%;
  }
  .all-staff-wrap .board-wrap .board-side {
    width: 100%;
    border-bottom: none;
  }
  .all-staff-wrap .board-wrap .board-side .board-bio {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .all-staff-wrap .board-wrap .exec-side {
    width: 100%;
    margin-bottom: 20px;
  }
  .all-staff-wrap .board-wrap .exec-side .exec-wrapper .exec-bio {
    width: 80%;
  }

  .org-wrap .org-single {
    width: 30% !important;
    padding-top: 30%;
  }

  /*************************************************************
  TRAININGS
  **************************************************************/
  .page-template-page_trainings .upcoming-trainings, .page-template-page_trainings .training-by-topic {
    width: 60%;
    font-size: 1.5em;
  }
  .page-template-page_trainings .current-section .training-cat .section-title {
    margin: 0 auto 0.5em auto;
  }
  .page-template-page_trainings #container #content .current-section .training-square {
    width: 30%;
  }

  /*************************************************************
  PUBLICATIONS
  **************************************************************/
  .page-template-page_pubs .section-title {
    font-size: 1.5em;
    width: 70%;
  }
}
/*********************
481 and DOWN
These styles apply to all widths 481px and DOWN unless over-ridden
*********************/
@media only screen and (max-width: 481px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: 481px and DOWN

  This sheet is for styles that you want to apply to...well...481px and down.  I guess that was pretty self-explanatory.

  ******************************************************************/
  /***************
  GENERAL STYLES
  ***************/
  h2 {
    font-size: 1.3em;
  }

  h3 {
    font-size: 1.2em;
  }

  .chn-button {
    padding: 0.5em 2em;
    font-size: 0.8em;
  }

  /************
  NAV BAR
  ************/
  .header #inner-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header #logo {
    width: 80%;
    margin-right: 20%;
  }
  .header .mobile-menu {
    width: 17%;
  }
  .header .chn-interactive {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 0;
    height: 80px;
  }
  .header .chn-interactive.opensearch .interactive-logo {
    display: none;
  }
  .header .chn-interactive.opensearch span {
    display: block;
  }
  .header .chn-interactive .pop-link {
    padding: 0.5em 1em;
    font-size: 0.69em;
  }
  .header .chn-interactive .chn-search {
    height: auto;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 2px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  /****************************************
  SUBSCRIBE BUTTON
  ****************************************/
  #can_embed_form_inner .popup-copy-wrap {
    width: 95%;
  }
  #can_embed_form_inner h2 {
    margin: 1em auto;
  }
  #can_embed_form_inner form {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }

  /******************************************************
  HEADING TYPE 1
  *****************************************************/
  .heading-wrap .heading-title {
    padding: 0;
    font-size: 1.5em;
  }
  .heading-wrap .heading-copy {
    width: 90%;
    font-size: 0.875em;
  }

  /******************
  ARTICLE TILE MODULE
  *******************/
  .solo-feature .featured-title {
    font-size: 1.5em !important;
  }
  .solo-feature .featured-issues {
    font-size: 0.8em !important;
  }

  .featured-date {
    font-size: 0.7em;
  }

  .featured-left .featured-issues, .featured-right .featured-issues {
    font-size: 0.6em;
  }

  /******************
  BLOG MODULE
  *******************/
  .single-voice-img {
    width: 100%;
    margin-bottom: 10px;
  }

  .hnr-img img {
    width: 100%;
  }

  /******************
  ISSUES MODULE
  *******************/
  /******************
  LIBRARY MODULE
  *******************/
  #container #content .library-section .library-link:nth-child(3n) .library-item .library-item-icon, #container #content .library-section .library-link:nth-child(4n) .library-item .library-item-icon {
    width: 90px;
    -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
            transform: translateY(-35%);
  }
  #container #content .library-section .library-item .library-item-icon {
    max-height: 90px;
  }
  #container #content .library-section .library-item {
    padding: 1em;
  }
  #container #content .library-section .library-title {
    width: 80%;
  }
  #container #content .library-section .library-items .library-link {
    width: 100%;
  }

  /******************
  FOOTER
  *******************/
  #inner-footer .chn-interactive .interactive-logo {
    height: 30px;
    width: 30px;
  }

  .company-info .source-org {
    width: 70%;
    text-align: center;
  }

  .chn-interactive p, .chn-social-media p {
    font-size: 0.6em;
  }

  .facebook-icon, .twitter-icon, .instagram-icon {
    height: 20px;
    width: 20px;
  }

  /***************************************************************
  POPUPS
  ****************************************************************/
  .static-popup-wrap .popup-heading .popup-heading-title {
    font-size: 1em;
    width: 90%;
  }
  .static-popup-wrap .popup-copy-wrap {
    padding: 1em 0.5em;
  }

  /*****************************************************************
  SEPARATE PAGES
  ****************************************************************/
  /*****************************************************************
  VOICES FOR HUMAN NEEDS
  ****************************************************************/
  .page-template-page_voices .voices-single-img {
    min-height: 200px;
  }
  .page-template-page_voices .voices-archive-issues {
    font-size: 0.7em;
  }
  .page-template-page_voices .voices-logo-wrap .voices-logo {
    height: auto;
  }

  .single-heading-meta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .single-heading-meta .heading-author, .single-heading-meta .heading-date {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
    margin: 0;
  }
  .single-heading-meta .single-heading-divider {
    display: none;
  }

  .page-template-page_pubs .pagination, .page-template-page_voices .pagination {
    font-size: 0.875em;
  }

  /**************************************************************
  SINGLE ISSUE STYLEING
  **************************************************************/
  .related-single-link {
    width: 100%;
  }

  #main .issue-org-wrap .org-tile-wrap .issue-org-single {
    width: 100%;
  }

  /***************************************************************
  HUMAN NEEDS REPORT
  ****************************************************************/
  .page-template-page_hnr .month-box, .page-template-page_hnr .year-box, .page-template-page_projects .month-box, .page-template-page_projects .year-box {
    width: 100%;
  }
  .page-template-page_hnr .month-box h4, .page-template-page_hnr .year-box h4, .page-template-page_projects .month-box h4, .page-template-page_projects .year-box h4 {
    font-size: 0.85em;
  }
  .page-template-page_hnr .editions-list .edition-link, .page-template-page_projects .editions-list .edition-link {
    width: 100%;
  }
  .page-template-page_hnr .filter-wrap .filter-title, .page-template-page_projects .filter-wrap .filter-title {
    padding-bottom: 1em;
  }

  /**************************************************************
  SINGLE EDITION STYLING
  **************************************************************/
  .single-editions .edition-link {
    width: 100%;
  }
  .single-editions .single-logo {
    max-width: 250px;
  }

  /*************************************************************
  SINGLE ARTICLE STYLING
  **************************************************************/
  .single-articles .single-logo {
    max-width: 250px;
  }

  .single-heading-inner {
    padding: 1em;
  }

  .single-heading-title {
    font-size: 1.2em;
  }

  .yarpp-related .related-heading h3 {
    width: 80%;
  }

  /*************************************************************
  TRAININGS
  **************************************************************/
  .page-template-page_trainings .upcoming-trainings, .page-template-page_trainings .training-by-topic {
    width: 90%;
  }
  .page-template-page_trainings .training-by-topic {
    margin-bottom: 0.5em;
  }
  .page-template-page_trainings #container #content .current-section .training-square {
    width: 45%;
  }

  /*************************************************************
  PUBLICATIONS
  **************************************************************/
  .page-template-page_pubs .section-title {
    width: 90%;
    font-size: 1.3em;
  }
  .page-template-page_pubs .voices-single-right {
    padding-left: 0;
  }

  /*************************************************************
  ABOOT
  **************************************************************/
  #main .about-history-wrap {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  #main .about-history-wrap .about-history-copy {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    padding: 0 0.75em;
  }

  .page-template-page_about .heading-title {
    width: 90%;
    padding: 0;
  }
  .page-template-page_about .org-wrap .org-single {
    width: 70% !important;
    padding-top: 70%;
  }
}
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 

  Stylesheet: Retina Screens & Devices Stylesheet

  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.

  ******************************************************************/
  /* 

  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:

  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }

  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 

  */
}
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  Stop killing trees!

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */