/*
Theme Name: PopConnect
Theme URI:
Author: CiV Digital
Author URI: http://civdigital.com
Description:
Version: 1.0-snp
License: GNU General Public License
License URI: license.txt
Tags:
*/

/*
File:		reset.css - This contains all the reset styles for the website.
Docs:		File is based on html5boilerplate and YUI3 Fonts CSS.
			Learn more:
			http://html5boilerplate.com/docs/css/
			http://yuilibrary.com/yui/docs/cssfonts/

Reset Styles - reset all styles for consistent cross browser styling
*/

/* @group WP Styles */

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Content */
.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.entry-meta {
	clear: both;
	margin-bottom: 20px;
	padding-top: 5px;
}
.entry-content,
.entry-summary {
	margin: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Asides */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* Media */
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
	margin-bottom: 1.5em;
}
.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
#content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
#content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
#content .gallery dd {
	margin: 0;
}
#content .gallery-columns-4 .gallery-item {
}
#content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Widgets */
.widget {
	margin: 0 0 1.5em;
}

/* Search widget */
#searchsubmit {
	display: none;
}
/* @end */

/*========================== BEGIN SITE SPECIFIC STYLES ========================== */

/*
Company:	PopConnect
File:		This contains all the main styles for the website.

All the styles are separated into the following groups:
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Media Queries - media queries
Non-Semantic Helper Classes - helper styles
Print Styles - default print styles
*/

/* @group Styleguide Styles */
/* Foundation Overrides */
.panel {
    border: none;
}

/* Buttons */
.button {
    color: #fff!important;
    background-color: #60bb46;
    border: none!important;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}
.button.small {
    padding-top: 0.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
}
.button.flat-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.button:hover {
    background-color: #1b931b;
}
.button.shadow {
    box-shadow: 0 3px 0 #1b931b;
}
.button.donate {
    background-color: #f15929;
}
.button.donate:hover {
    background-color: #ce4a20;
}
.button.donate.shadow {
    box-shadow: 0 3px 0 #ce4a20;
}
.button.gray {
    background-color: #c2c2c2;
    box-shadow: 0 3px 0 #a1a1a1;
}
.button.gray:hover {
    background-color: #a1a1a1;
}
.mobile-nav .button.renew,
#navbar .button.renew {
    right: 140px; 
    top: 0; 
    position: absolute;
}
.mobile-nav .button.renew {
    right: 125px;
}

/* Headings */
h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 62px;
    color: #333;
}
h1.subheader {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    color: #333;
}
h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 38px;
    line-height: 48px;
}
h2.alternate {
    color: #0083c6;
}
h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #333;
    text-transform: uppercase;
}
h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #f15929;
}
h4.alternate {
    color: #b8a983;
}
h5 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #183e4d;
}
h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    color: #0083c6;
}
h6.alternate {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333;
}

/* Body Copy Styles */
.main p, .main li {
    color: #333;
    font-size: 18px;
    line-height: 28px;
}
.main blockquote, .main blockquote p {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    color: #0083c6;
    border: none;
    padding: 0;
}
.main blockquote.alternate {
    color: #fff;
}
.main cite {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-style: normal;
}
.main .caption {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    font-style: normal;
}

/* Color Fills */
.bg-fill-primary {
    background-color: #0083c6;
}

/* Links */
.main-section a:link, .main-section a:visited {
    color: #333;
    border-bottom: 3px solid #60bb46;
}
.main-section a:hover {
    border-bottom: 3px solid #0083c6;
}
.main-section a:active {
    color: #0083c6;
}

/* Form Settings */
.gform_wrapper input[type=text], .gform_wrapper textarea {
    font-size: 16px;
}

/* Mobile Settings (640px and under) */
@media only screen and (max-width: 40em) {
    h1 { font-size: 24px; line-height: 30px; }
    h1.subheader { font-size: 13px; line-height: 18px; }
    h2 { font-size: 21px; line-height: 26px; }
    h3 { font-size: 18px; line-height: 23px; }
    h4 { font-size: 15px; line-height: 20px; }
    h5 { font-size: 18px; line-height: 21px; }
    h6 { font-size: 12px; line-height: 12px; }
    h6.alternate { font-size: 10px; line-height: 15px; }
    .main p, .main li { font-size: 12px; line-height: 17px; }
    .main blockquote { font-size: 15px; line-height: 21px; }
    .main cite { font-size: 10px; line-height: 15px; }
    .main .caption { font-size: 10px; line-height: 13px; }
}

/* Row Padding */
.row-pad {
    padding-top: 30px;
}
/* @end */

/* @group HTML, Body */
html {

}
body {
	font-family: 'Source Sans Pro', sans-serif;
}
/* @end */

/* @group Layout */
/* Head */

/* Body */
#bd {

}

/* Slideshow */
.slideshow {
    width: 100%;
}
.slideshow .cycle-pager {
    position: absolute;
    bottom: 10%;
    width: 100%;
    padding: 0 20%;
    display: block;
    z-index: 800;
}
.slideshow .cycle-pager span {
    height: 5px;
    display: block;
    float: left;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.slideshow .cycle-pager span:hover {
    cursor: pointer;
}
.slideshow .cycle-pager span:first-child {
    border-left: none;
}
.slideshow .cycle-pager span.cycle-pager-active {
    background-color: #fff;
}
.slideshow .slideshow-slide {
    width: 100%;
    min-height: 350px;
}
.slideshow .slideshow-text {
    position: absolute;
    top: 25%;
    background-color: rgba(0,0,0,0.3);
    border-top: 2px solid rgba(244,244,244,0.6);
    border-bottom: 2px solid rgba(244,244,244,0.6);
    padding: 10px 0;
    width: 100%;
}
.slideshow .slideshow-text h2 {
    color: #fff;
    text-transform: uppercase;
  font-size: 52px;
  font-family: "Oswald";
  line-height: 1.231;
    text-align: right;
}
.slideshow .slideshow-text p {
  font-size: 26px;
  font-family: "Merriweather";
  color: rgb( 255, 255, 255 );
  font-style: italic;
  line-height: 1.385;
    padding-top: 6px;
}
.slideshow .slideshow-slide img {
    width: 100%;
    display: block;
    min-height: 350px;
    min-width: 703px;
}
.slideshow .slideshow-read-story {
  font-size: 20px;
  font-family: "Source Sans Pro";
  color: rgb( 255, 255, 255 );
  text-transform: uppercase;
  line-height: 1.2;
}
.slideshow .slideshow-read-story:link, .slideshow .slideshow-read-story:visited {
    color: #fff;
}
@media screen and (max-width: 64em) {
    .slideshow .slideshow-text h2, .slideshow .slideshow-text {
        text-align: center;
    }
    .slideshow .slideshow-text h2 {
        font-size: 24px;
        font-family: "Oswald";
        color: rgb( 255, 255, 255 );
        text-transform: uppercase;
        line-height: 1.25;
    }
    .slideshow .slideshow-text p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slideshow .slideshow-text .slideshow-read-story {
        font-size: 14px;
    }
}

/* Feature Content - used for content with map background */
.featurecontent {
    padding: 70px 10%;
    background: url(img/bg-faded-map.jpg) no-repeat top center;
    background-size: cover;
}
@media screen and (max-width: 40em) {
    .featurecontent {
        padding: 30px 10%;
    }
}
.featurecontent h1 {
    color: #0083c6;
    margin-bottom: 1em;
    text-align: center;
}
.featurecontent-home p, .featurecontent-home li {
  font-size: 24px;
  font-family: "Source Sans Pro";
  color: rgb( 43, 43, 43 );
  line-height: 1.75;
}
.featurecontent-home li {
    list-style-position: inside;
}
.featurecontent-section {
    padding-top: 30px;
    padding-bottom: 20px;
}

/* Dark Feature */
.darkfeature {
    background-color: #183e4d;
    padding: 70px 10%;
    color: #fff;
}
.darkfeature h2 {
    color: #fff;
}
.darkfeature a:link, .darkfeature a:visited {
    color: #fff;
}

/* Light Feature */
.lightfeature {
    padding: 70px 10%;
}

/* Approach */
.approach {
    margin-bottom: 30px;
}
.approach .approach-issues {
    padding-top: 30px;
    padding-bottom: 30px;
}
.approach .approach-issues p {
    font-weight: 700;
    padding-top: 20px;
}
.approach .approach-issues a {
    border: none;
}

/* Difference Stats */
.stats h2 span {
    font-family: 'Merriweather', serif;
    font-weight: 300;
}
.stats .stat-details {
    padding-top: 20px;
    text-align: left;
}
.stats .stat-details p {
    font-size: 14px;
    color: rgb( 255, 255, 255 );
}
.stats .stat-details .stat-label {
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #265365;
    min-height: 50px;
    vertical-align: text-bottom;
}
.stats .stat-details .stat-number {
  font-size: 60px;
  font-family: "Oswald";
  color: rgb( 96, 187, 70 );
  font-weight: bold;
    line-height: 60px;
    margin-bottom: 30px;
}

/* Get Involved */
.involved h2 {
    margin-bottom: 40px;
}
.involved img {
    margin-bottom: 10px;
}
.involved p {
    font-weight: 700;
}
.involved a:link, .involved a:visited {
    border: none;
}

/* Share Bar */
/* Promobar Share */
.promobar .share-bar {
    width: 60px;
    float: left;
    margin-left: 130px;
}
.promobar .share-bar .share-title {
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb( 255, 255, 255 );
    font-weight: 700;
    border-bottom: 1px solid #626262;
    padding-bottom: 8px;
    margin-bottom: 8px;
    text-align: center;
}
.promobar .share-bar .sharedaddy .sd-content ul li {
    border-bottom: 1px solid #626262;
    display: block;
    text-align: center;
}
.promobar .share-bar .sharedaddy .sd-content ul li a.sd-button {
    margin-right: 0;
}
.promobar .share-bar .sharedaddy .sd-content ul li a.sd-button:before {
    font-size: 24px!important;
    color: #fff!important;
}

/* General Share Styles */
.sharedaddy .sd-title {
    display: none!important;
}
.sharedaddy .sd-content ul li a {
    background-color: transparent!important;
}
.sharedaddy .sd-content ul li.share-end {
    border: none!important;
}

/* Sidebar sharing styles */
.share-sidebar .sharedaddy .sd-content ul li a.sd-button:before {
    font-size: 24px!important;
    color: #222!important;
}
.share-sidebar .share-title {
    font-size: 16px;
    font-family: "Source Sans Pro";
    font-weight: 700;
    border-bottom: 1px solid #626262;
    padding-bottom: 8px;
    margin-bottom: 8px;
    text-align: center;
}
.share-sidebar .sharedaddy .sd-content ul li {
    border-bottom: 1px solid #626262;
    display: block;
    text-align: center;
}
.share-sidebar.is_stuck {
    margin-top: 70px;
}
.share-sidebar-wrapper {
    position: relative;
}


/* Promobar */
.promobar {
    background: url(img/bg-map-gray.jpg) no-repeat top center;
    background-size: cover;
    color: #fff;
    padding: 70px 10%;
}
.promobar .promo {
    width: 215px;
    float: left;
    margin-left: 6%;
    background-color: #444;
    padding: 6px;
    border-radius: 4px;
}
.promobar .promo-text {
    padding: 6px;
}
.promobar .promo img {
    margin-bottom: 5px;
}
.promobar .promo h3 {
    font-family: "Oswald";
    font-weight: normal;
    font-size: 22px;
    color: rgb( 96, 187, 70 );
    margin-bottom: 5px;
    line-height: 1em;
}
.promobar .promo h3 a:link, .promobar .promo h3 a:visited {
    border: none;
    color: rgb( 96, 187, 70 );
}
.promobar .promo p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.promobar .promo .promo-give {
    border-top: 1px solid #626262;
    text-transform: uppercase;
    text-align: right;
    padding-top: 5px;
    margin: 0;
}
.promobar .promo .promo-give a:link, .promobar .promo .promo-give a:visited {
    color: #fff;
}
.promobar .promo p a:hover {
    border-color: #f15929;
}

@media screen and (max-width: 1400px) {
    .promobar .share-bar {
        margin-left: 100px;
    }
}
@media screen and (max-width: 1350px) {
    .promobar .share-bar {
        margin-left: 70px;
    }
}
@media screen and (max-width: 1275px) {
    .promobar .share-bar {
        margin-left: 20px;
    }
}
@media screen and (max-width: 1150px) {
    .promobar .share-bar {
        margin-left: 0;
        width: 100%;
    }

    .promobar .promo {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        float: none;
        overflow: hidden;
    }
    .promobar .promo img {
        float: left;
        width: 40%;
        margin-bottom: 0;
    }
    .promobar .promo-text {
        float: left;
        width: 60%;
        padding: 0 6px 6px 12px;
    }
    .promobar .promo .promo-give {
        text-align: left;
        margin: 0;
    }
}
@media screen and (max-width: 500px) {
    .promobar .promo-text h3 {
        font-size: 14px;
        line-height: 1.2em;
        margin-bottom: 5px;
    }
    .promobar .promo-text p {
        font-size: 11px;
        line-height: 1.2em;
        margin-bottom: 3px;
    }
}

/* Pagehead */
.pagehead {
    position: relative;
}
.pagehead img {
    width: 100%;
}
.pagehead h1 {
    position: absolute;
    top: 40%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 52px;
    line-height: 1em;
    width: 100%;
    padding: 10px 10%;
    background-color: rgba(0,0,0,0.3);
    border-top: 2px solid rgba(244,244,244,0.6);
    border-bottom: 2px solid rgba(244,244,244,0.6);
}
.pagehead h1 .byline {
		margin: 0;
}
@media screen and (max-width: 860px) {
    .pagehead h1 {
        top: 20%;
    }
}
@media screen and (max-width: 700px) {
    .pagehead h1 {
        top: 0;
    }
}

/* Titlehead */
.titlehead {
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 10% 30px 10%;
}
.titlehead h1 {
    color: rgb( 24, 62, 77 );
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1em;
    font-size: 50px;
}
.titlehead p {
    margin: 0;
}
@media screen and (max-width: 40em) {
    .titlehead {
        padding-top: 30px;
    }
}

/* Infobox */
.infobox {

}
.infobox h4 {
    background-color: #0083c6;
    color: #fff;
    text-align: center;
    padding: 6px 12px;
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.infobox .infobox-content {
    background-color: #ebebeb;
    padding: 12px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Infobox Grid */
.infobox-grid {
    text-align: center;
}
.infobox-grid p {
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    padding-top: 10px;
}
.infobox-grid a:link, .infobox-grid a:visited {
    border: none;
}
.infobox-grid img {
    max-width: 70%;
    width: 100%;
}
.infobox-grid ul {
    margin: 0;
}
.infobox-grid ul li {
    padding: 20px;
}
.infobox-grid ul li:nth-child(even) {
    border-left: 1px solid #bebebe;
}
.infobox-grid ul li:nth-child(1), .infobox-grid ul li:nth-child(2) {
    border-bottom: 1px solid #bebebe;
}

/* Event Callout */
.eventcallout {
    position: relative;
}
.eventcallout .eventcallout-photo {
    width: 100%;
}
.eventcallout .eventcallout-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.eventcallout .eventcallout-info {
    width: 690px;
    background-color: #fff;
    float: right;
}
.eventcallout .eventcallout-title {
    color: #fff;
    text-align: center;
    background-color: #0083c6;
    margin: 0;
    padding: 10px 0;
}
.eventcallout .eventcallout-date {
    text-align: center;
    color: rgb( 130, 130, 130 );
    padding-top: 20px;
}
.eventcallout .eventcallout-date h4.details {
    color: #333;
    margin: 0;
    line-height: 1.2em;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
}
.eventcallout .eventcallout-date p.details {
  font-size: 18px;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-transform: uppercase;
    margin: 0;
}
.eventcallout .eventcallout-action {
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    color: rgb( 130, 130, 130 );
}
.eventcallout .eventcallout-action p {
    font-size: 18px;
}
@media screen and (max-width: 1000px) {
    .eventcallout .row, .eventcallout .column {
        margin: 0;
        padding: 0;
    }
    .eventcallout .eventcallout-wrap {
        position: relative;
    }
    .eventcallout .eventcallout-info {
        float: none;
        width: 100%;
    }
}

/* Calendar */
.calendar {
    padding: 70px 10%;
}
@media screen and (min-width: 40em) {
    .calendar .tribe-events-adv-list-widget {
        display: none;
    }
}
@media screen and (max-width: 40em) {
    .calendar .tribe_mini_calendar_widget {
        display: none;
    }
    .calendar .tribe-events-adv-list-widget {
        display: block;
    }
}

.calendar .tribe-events-adv-list-widget .vcard {
    display: none;
}

.calendar .tribe_mini_calendar_widget .tribe-mini-calendar-nav span {
    font-size: 24px;
}
.calendar .tribe_mini_calendar_widget .tribe-mini-calendar-nav .tribe-mini-calendar-nav-link {
    border: none;
}

.calendar .tribe_mini_calendar_widget tbody td {
    height: 140px;
    text-align: left;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-othermonth span {
    color: #999;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-thismonth.tribe-events-past span {
    color: #777;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-thismonth.tribe-events-future span {
    color: #555;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-present span {
    color: #000;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-present {
    background-color: #eee;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events:hover {
    background-color: #eee;
    color: #333!important;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events:hover * {
    color: #333!important;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events:hover a:hover {
    background-color: transparent;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events .calendar-event-day-link-wrap {
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 10px;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events .calendar-event-day-link {
    display: inline-block!important;
    padding: 0;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events .calendar-event-day-link:link, .calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events .calendar-event-day-link:visited {
    color: #333;
    border-bottom: 3px solid #60bb46;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events .calendar-event-day-link:hover {
    border-bottom: 3px solid #0083c6;
}
.calendar .tribe_mini_calendar_widget tbody td.tribe-events-has-events .calendar-event-day-link:active {
    color: #0083c6;
}
.calendar .tribe_mini_calendar_widget .tribe-mini-calendar div[id*='daynum-'] a {
    display: block;
    padding-bottom: 5px;
    border: none;
}
.calendar .tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-has-events div[id*='daynum-'] a:before {
    display: none;
}

/* Volunteer Profile */
.volprofile {
    position: relative;
    overflow: hidden;
}
.volprofile .volprofile-photo {
    width: 50%;
    float: right;
}
.volprofile .volprofile-wrap {
    float: left;
    width: 50%;
}
.volprofile .volprofile-info {
    /*width: 690px;*/
    background-color: #fff;
    /*float: right;*/
    width: 100%;
    float: none;
}
.volprofile .volprofile-title {
    color: #fff;
    text-align: center;
    background-color: #183e4d;
    margin: 0;
    padding: 10px 0;
}
.volprofile .volprofile-desc {
    text-align: center;
    padding: 20px;
}
.volprofile .row, .volprofile .column {
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 800px) {
    .volprofile .volprofile-photo, .volprofile .volprofile-wrap {
        width: 100%;
        float: none;
    }
}

/* Tab Section */
.tabsection {
    padding: 70px 10%;
}
.tabsection .tabs {
    border-bottom: 1px solid #b7b7b7;
    font-size: 16px;
    color: rgb( 51, 51, 51 );
    text-transform: uppercase;
}
.tabsection .tabs a {
    background-color: transparent;
    border-bottom-color: #fff;
    border-bottom-width: 5px;
}
.tabsection .tabs a:hover {
    background-color: transparent;
    border-bottom-color: #60bb46;
}
.tabsection .tabs .active a {
    border-bottom-color: #60bb46;
}
@media screen and (max-width: 767px) {
    .tabsection .tabs dd {
        float: none;
        display: block;
        width: 100%;
        clear: both;
        text-align: center;
    }
}

/* Video Embed */
.video-embed {
    display: inline-block;
}
.video-embed iframe {
    float: left;
}
.video-embed .caption {
    background-color: #0083c6;
    padding: 10px 20px;
    text-align: right;
    margin-bottom: 30px;
    clear: both;
}

/* Mag Sub Callout */
.magsubcallout {
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
}


/* Footer */
#ft {
    background-color: #252525;
    padding: 70px 10% 0 10%;
    color: #afafaf;
}
#ft h6 {
    color: #fff;
}
#ft p {
    font-size: 14px;
}
#ft .hr {
    border-color: #393939;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#ft .ft-btm {
    padding: 40px 0;
    overflow: hidden;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#ft .popconnect-logo {
    float: left;
    margin-right: 30px;
    padding-top: 30px;
}
#ft nav {
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding-top: 30px;
}
#ft nav ul li {
    list-style: none;
    display: inline;
    margin-right: 30px;
}
#ft nav a:link, #ft nav a:visited {
    border: none;
    color: #626262;
}
#ft nav a:hover {
    color: #fff;
}

#ft .ft-social {
    float: left;
    margin-left: 60px;
}
#ft .ft-social p {
    font-size: 12px;
    text-transform: uppercase;
    color: #626262;
    margin-bottom: 10px;
}
#ft .ft-social ul {
    margin: 0;
    padding: 0;
}
#ft .ft-social li {
    list-style: none;
    float: left;
    margin-right: 20px;
}
#ft .ft-social .ft-social-fb a {
    display: block;
    width: 16px;
    height: 32px;
    background: url(img/icon-facebook.png) no-repeat 0 0;
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}
#ft .ft-social .ft-social-twitter a {
    display: block;
    width: 32px;
    height: 32px;
    background: url(img/icon-twitter.png) no-repeat 0 0;
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

#ft .charity-logo {
    float: right;
}

.ft-top .column {
    padding-bottom: 40px;
}
.ft-email-signup input[type="text"] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.ft-email-signup .button {
    background-image: url(img/icon-email.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media screen and (max-width: 1024px) {
    #ft .ft-btm {
        position: relative;
        padding-top: 0;
    }
    #ft .popconnect-logo {
        float: none;
        position: absolute;
        bottom: 40px;
    }
    #ft nav {
        float: none;
        text-align: center;
        font-size: 12px;
    }
    #ft nav ul li {
        margin-left: 10px;
        margin-right: 10px;
    }
    #ft .ft-social {
        float: none;
        margin-left: 0;
    }
    #ft .charity-logo {
        max-width: 50px;
        clear: left;
    }
}

.ft-copyright {
    width: 100%;
    background-color: #1f1f1f;
    padding: 10px 10%;
}
.ft-copyright p {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    width: 100%;
    font-size: 12px;
    color: rgb( 85, 85, 85 );
}
/* @end */

/* HR's */
.hr {
    border-bottom: 1px solid #d7d7d7;
    clear: both;
    display: block;
    float: none;
    padding-top: 1px;
}
.darkfeature .hr {
    border-bottom: 1px solid #265365;
}

/* Modifier Classes */
.is-centered {
    text-align: center;
}

/* @group Nav */
/* Navbar */
#navbar {
    position: fixed;
    width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #183e4d;
    padding-bottom: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 900;
}
#navbar.navbar-condensed {
    border-bottom: 3px solid #d9d9d9;
}
#navbar .navbar-inner {
    position: relative;
    padding: 1px 0 1px 0;
}
#navbar .logo {
    margin-top: 24px;
    margin-right: 30px;
    float: left;
}
#navbar .logo-alternate {
    display: none;
}
.navbar-condensed .logo {
    display: none;
}
.navbar-condensed .logo-alternate {
    display: inline!important;
    float: left;
    margin-top: 8px;
    margin-right: 50px;
}

/* Main Nav */
#main-nav {
    padding-top: 60px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.navbar-condensed #main-nav {
    padding-top: 10px;
}
#main-nav > ul {
    margin: 0;
    padding: 0;
}
#main-nav > ul > li {
    list-style: none;
    float: left;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    color: rgb( 51, 51, 51 );
    text-transform: uppercase;
    font-weight: 900;
    margin-right: 30px;
}
#main-nav > ul > li > a {
    border: none;
    display: block;
    padding-bottom: 20px;
}

/* Navbar Condensed */
.navbar-condensed {
    background-color: #333!important;
}
.navbar-condensed #main-nav > ul > li > a {
    color: #fff;
}

/* Give Button */
.navbar-give {
    position: absolute;
    top: 0;
    right: 40px;
}

/* Search */
#navbar .search-box {
    float: right;
    margin-top: -5px;
}
#navbar.navbar-condensed .search-box {
    float: left;
}
.search-box {
    width: 160px;
}
.search-box input[type=text] {
    border: none;
    border-bottom: 1px solid #c8c8c8;
    box-shadow: none;
    margin: 0;
    background-color: transparent;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.navbar-condensed .search-box input[type=text] {
    background-color: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.search-box .search-box-submit {
    background: transparent url(img/icon-search-black.png) no-repeat 50% 50%;
    min-width: 22px;
    border: none;
  	text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left!important;
    padding: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.navbar-condensed .search-box .search-box-submit {
    background: transparent url(img/icon-search-white.png) no-repeat 50% 50%;
}
.search-link {
    display: none;
}
@media only screen and (max-width: 1199px) {
    #navbar .search-box {
        float: none;
        position: absolute;
        top: 0;
        right: 250px;
    }

    .navbar-condensed .search-box {
        display: none;
    }
    .navbar-condensed .search-link {
        display: block;
        float: left;
        border: none!important;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
    }
    .navbar-condensed .search-link:link, .navbar-condensed .search-link:visited {
        border: none;
    }
}

/* Issues Drop */
#issues-drop {
    width: 930px!important;
    border: none!important;
    margin-left: 250px!important;
    margin-top: 0!important;
    border-top: 3px solid #183e4d!important;
    background-color: #f4f4f4!important;
}
.navbar-condensed #issues-drop {
    border-top: 3px solid #d9d9d9!important;
}
.f-dropdown:before, .f-dropdown:after {
    display: none!important;
    border: none!important;
}

.issues-drop-title {
    background-color: #0083c6;
    color: #fff;
    padding: 10px 26px;
    font-size: 18px;
}
.issues-drop-title span {
    font-weight: 400;
}
.issues-drop-content {
    border-left: 6px solid #0083c6;
    padding: 20px;
}
.issues-drop-content h5 {
    font-size: 12px;
    color: rgb( 0, 131, 198 );
    font-weight: 400;
    line-height: 18px;
}
.issues-drop-content h5 a:link, .issues-drop-content h5 a:visited {
		border: none;
		color: rgb( 0, 131, 198 );
}
.issues-drop-content h4 {
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
    margin-bottom: .25em;
    color: #333;
}
.issues-drop-content h4 a:link, .issues-drop-content h4 a:visited {
    border: none;
}
.issues-drop-content p {
    text-transform: none;
    font-size: 14px;
}
.issues-drop-content p.byline {
    text-transform: uppercase;
}

/* Regular Main Nav Dropdown */
.main-nav-dropdown {
    border: none!important;
    margin-left: -20px!important;
    margin-top: 0!important;
    border-top: 3px solid #183e4d!important;
    background: url(img/bg-nav-drop-border.gif) repeat-y 0 0 #f4f4f4!important;
    text-transform: none;
    padding: 10px 0;
}
.navbar-condensed .main-nav-dropdown {
    border-top: 3px solid #d9d9d9!important;
}
.navbar-condensed .search-box {
    display: none;
}
.main-nav-dropdown a {
    display: block;
    padding: 15px 20px!important;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}
.main-nav-dropdown a:hover:after {
    content: "";
    background: url(img/bg-nav-drop-shadow.gif) no-repeat 0 0;
    width: 8px;
    height: 9px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -9px;
}
.main-nav-dropdown a:link, .main-nav-dropdown a:visited {
    border: none;
}
.main-nav-dropdown a:hover {
    color: #fff;
    background-color: #00669a;
}

/* Full Issue Link */
.issues-drop-full-issue {
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}

/* Mobile Nav */
.exit-off-canvas {
		display: none!important;
}
.mobile-nav .logo {
    width: 115px;
    margin-left: 15px;
}
@media (max-width: 390px) {
    .mobile-nav .logo {
        margin-left: 5px;
        width: 90px;
        margin-top: 6px;
        float: left;
    }
}
.mobile-nav .navbar-give {
    padding-left: 10px;
    padding-right: 10px;
    right: 50px;
}
.mobile-nav .tab-bar {
    background-color: #fff!important;
    border-bottom: 2px solid #333;
}
.mobile-nav .nav-reveal ul {
    display: none;
}
.mobile-nav .mobile-menu-icon {
    background: url(img/icon-mobile-menu.png) no-repeat 50% 50%;
    background-size: 50% auto;
    display: block;
    width: 100%;
    height: 100%;
    border-left: none;
}
.mobile-nav .right-small {
    border-left: none;
}
.mobile-nav .mobile-menu {
    background: #f4f4f4 url(img/bg-nav-drop-border.gif) repeat-y 0 0!important;
}
.mobile-nav .mobile-menu ul, .mobile-nav .mobile-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobile-nav .mobile-menu > ul > li > a, .mobile-nav .mobile-menu > ul > li > span {
    display: block;
    padding: 15px 20px!important;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}
.mobile-nav .mobile-menu ul > li > a:hover:after,
.mobile-nav .mobile-menu ul > li > span:hover:after,
.mobile-nav .mobile-menu ul > li.nav-reveal-open > span:after {
    content: "";
    background: url(img/bg-nav-drop-shadow.gif) no-repeat 0 0;
    width: 8px;
    height: 9px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -9px;
}
.mobile-nav .mobile-menu ul a:link, .mobile-nav .mobile-menu ul a:visited {
    border: none;
    color: #333;
}
.mobile-nav .mobile-menu ul > li > a:hover,
.mobile-nav .mobile-menu ul > li > span:hover,
.mobile-nav .mobile-menu ul > li.nav-reveal-open > span {
    color: #fff;
    background-color: #00669a;
    cursor: pointer;
}
.mobile-nav .mobile-menu .sub-menu {
    background-color: #d6d6d6;
    margin-left: 8px;
    padding: 10px 20px;
}
.mobile-nav .mobile-menu .sub-menu a {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 700;
}
.mobile-nav .mobile-menu .sub-menu a:hover {
    background-color: transparent;
    color: #333;
}

/* Exit off canvas override */
.exit-off-canvas {
    box-shadow: none!important;
}

/* Issues Dropdown Mobile */
#issues-drop-mobile {
    margin-left: 2px;
}
#issues-drop-mobile .issues-drop-title {
    font-weight: 700;
    font-size: 14px;
}
#issues-drop-mobile .issues-drop-content {
    background-color: #d6d6d6;
}
#issues-drop-mobile .issues-drop-content h5 {
    text-transform: uppercase;
    line-height: 12px;
}
#issues-drop-mobile .issues-drop-content h4 {
    font-size: 16px;
}
#issues-drop-mobile .issues-drop-content h4 a:link, #issues-drop-mobile .issues-drop-content h4 a:visited {
    color: #333;
}
#issues-drop-mobile .issues-drop-full-issue {
    text-transform: uppercase;
    color: #333;
    padding-bottom: 20px;
    border-bottom: 1px solid #bebebe;
    margin-bottom: 20px;
    font-size: 13px;
}
#issues-drop-mobile .issues-drop-full-issue a:link, #issues-drop-mobile .issues-drop-full-issue a:visited {
    color: #333;
    border-bottom: 3px solid #60bb46;
}
#issues-drop-mobile .issues-drop-full-issue a:hover {
    border-bottom: 3px solid #0083c6;
}
#issues-drop-mobile .issues-drop-full-issue a:active {
    color: #0083c6;
}

/* @end */

/* Default Page Styling */
.page-content {
		padding-bottom: 70px;
}
.page-content-simple {
		padding-top: 70px;
}

/* Article Styles */
.pagehead .pagehead-text {
    position: absolute;
    top: 25%;
    background-color: rgba(0,0,0,0.3);
    border-top: 2px solid rgba(244,244,244,0.6);
    border-bottom: 2px solid rgba(244,244,244,0.6);
    padding: 10px 0;
    width: 100%;
}
.pagehead .pagehead-text h2 {
    color: #fff;
    text-transform: uppercase;
  font-size: 52px;
  font-family: "Oswald";
  line-height: 1.231;
    text-align: right;
}
.pagehead .pagehead-text p {
  font-size: 26px;
  font-family: "Merriweather";
  color: rgb( 255, 255, 255 );
  font-style: italic;
  line-height: 1.385;
    padding-top: 6px;
}
.pagehead .pagehead-text .byline {
    padding-top: 15px;
    text-align: center;
    clear: both;
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb( 255, 255, 255 );
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    display: block;
}
.pagehead .pagehead-slide img {
    width: 100%;
    display: block;
    min-height: 350px;
    min-width: 703px;
}
.pagehead .pagehead-read-story {
  font-size: 20px;
  font-family: "Source Sans Pro";
  color: rgb( 255, 255, 255 );
  text-transform: uppercase;
  line-height: 1.2;
}
.pagehead .pagehead-read-story:link, .pagehead .pagehead-read-story:visited {
    color: #fff;
}
/* Titlehead */
.pagehead-nophoto {
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 10% 30px 10%;
}
.pagehead-nophoto h2 {
    color: rgb( 24, 62, 77 );
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 50px;
}
.pagehead-nophoto p {
    margin: 0;
    font-size: 26px;
    font-family: "Merriweather";
    font-style: italic;
    color: rgb( 24, 62, 77 );
}
.pagehead-nophoto .byline {
    font-size: 16px;
    font-family: "Source Sans Pro";
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
}
@media screen and (max-width: 40em) {
    .pagehead-nophoto {
        padding-top: 30px;
    }
    .pagehead-nophoto h2 {
    	font-size: 24px;
        font-family: "Oswald";
        text-transform: uppercase;
        line-height: 1.25;
    }
    .pagehead-nophoto p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .pagehead-nophoto .byline {
		font-size: 13px;
	}
}
@media screen and (max-width: 64em) {
    .pagehead .pagehead-text h2, .pagehead .pagehead-text {
        text-align: center;
    }
    .pagehead .pagehead-text h2 {
        font-size: 24px;
        font-family: "Oswald";
        color: rgb( 255, 255, 255 );
        text-transform: uppercase;
        line-height: 1.25;
    }
    .pagehead .pagehead-text p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .pagehead .pagehead-text .pagehead-read-story {
        font-size: 14px;
    }
    .pagehead .pagehead-text .byline {
        padding-top: 5px;
        font-size: 13px;
    }
    .pagehead-nophoto .pagehead-text h2, .pagehead-nophoto .pagehead-text p, .pagehead-nophoto .pagehead-text .byline {
        color: rgb( 24, 62, 77 );
    }
}

/* Featured Photo Caption */
.featured-image-caption, .give-image-caption {
		background-color: #0083c6;
		color: #fff;
		padding: 10px 20px;
		text-align: right;
}
.featured-image-caption .featured-caption, .give-image-caption .featured-caption {
		margin: 0;
		font-size: 13px;
		font-family: "Merriweather";
}
.featured-image-caption .featured-byline, .give-image-caption .featured-byline {
		padding-top: 5px;
		font-size: 10px;
		font-style: italic;
		margin: 0;
}
.featurecontent.no-bg {
    background: none;
}

/* Article section */
.article {
    padding: 70px 10%;
}

/* Article Photos */
.article-photo-pull-right {
    position: relative;
    right: -20%;
    float: right;
    max-width: 57%;
    margin-left: -15%;
}
.article-photo-pull-right img {
    width: 100%;
}
.article-photo {
    margin-bottom: 20px;
}
.article-photo .caption {
    background-color: #0083c6;
    color: #fff;
    padding: 10px 20px;
    text-align: right;
    margin: 0;
    font-size: 13px;
    font-family: "Merriweather";
}
.article-photo .caption span {
    display: block;
    padding-top: 5px;
    font-size: 10px;
    font-style: italic;
}
.article-photo-full {
    position: relative;
}
.article .article-footnote {
    font-size: 14px;
    font-family: "Source Sans Pro";
    color: rgb( 180, 180, 180 );
    font-style: italic;
}
.article .article-footnote p {
    font-size: 14px;
}
@media screen and (max-width: 40em) {
	.article {
		padding-top: 30px;
	}
    .article-photo-pull-right {
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        right: auto;
        float: none;
        clear: both;
    }
}

/* Related Articles */
.relatedarticles {
    background: url(img/bg-map-gray.jpg) no-repeat top center;
    background-size: cover;
    color: #fff;
    padding: 70px 10%;
}
.relatedarticles h5 {
    font-size: 24px;
    font-family: "Source Sans Pro";
    color: rgb( 184, 169, 131 );
    font-weight: bold;
    text-transform: uppercase;
}
.relatedarticles h6 {
    font-size: 18px;
    font-family: "Source Sans Pro";
    color: rgb( 255, 255, 255 );
    font-weight: bold;
}
.relatedarticles a:link, .relatedarticles a:visited {
    color: #fff;
}
.relatedarticles .byline {
    font-size: 14px;
    font-family: "Source Sans Pro";
    color: rgb( 192, 192, 192 );
    text-transform: uppercase;
}

/* Give Styles */
.page-template-page-tpl-give h5 {
    font-size: 22px;
}
.give-form-inline {
    float: right;
    width: 330px;
    max-width: 100%;
}
.give-form-inline input.text {
    padding-top: 28px;
    padding-bottom: 28px;
    border-radius: 8px;
    max-width: 200px;
/*    margin-right: 15px;*/
    float: left;
    background: url('img/icon-dollar-sign.png') no-repeat 10px 50% #fff;
    font-size: 38px;
    font-family: "Source Sans Pro";
    color: rgb( 67, 67, 67 );
    font-weight: bold;
    text-indent: 20px;
}
.give-form-inline .button {
    font-size: 21px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: bold;
    float: right;
}
.give-form-inline-note {
    clear: both;
}
.give-form-inline-note p {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    line-height: 1.3em;
    max-width: 330px;
    float: right;
}
@media screen and (max-width: 64em) {
    .give-form-inline {
        padding-top: 30px;
        width: 100%;
        text-align: center;
    }
    .give-form-inline .button {
       float: none;
    }
        .give-form-inline input.text {
        max-width: 150px;
    }
    .give-form-inline-note p {
        float: none;
        text-align: center;
        max-width: 100%;
    }
}

/* Membership Details */
.membership-details h4 {
    color: #0083c6;
}
.membership-details h3 {
    color: #183e4d;
}
.membership-details .membership-details-grid li {
    border-left: 1px solid #ccc;
    text-align: center;
}
.membership-details .membership-details-grid li:first-child {
    border-left: none;
}
@media screen and (max-width: 40em) {
    .membership-details .membership-details-grid li {
        border-left: none;
    }
}

/* Give Callout */
.givecallout-content {
    padding: 20px;
}
.give-raised {
    font-size: 42px;
    font-family: "Source Sans Pro";
    color: rgb( 51, 51, 51 );
    font-weight: bold;
    float: left;
}
.give-raised .amount {
    color: #f15929;
}
.give-raised .total {
    font-size: 14px;
    line-height: 1em;
    display: inline-block;
    vertical-align: bottom;
}
.give-raised .total-amount {
    font-size: 18px;
}
@media screen and (max-width: 64em) {
    .givecallout-content .give-form-inline {
        padding-top: 0;
    }
}
@media screen and (max-width: 40em) {
    .give-raised {
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    .givecallout-content .give-form-inline {
        padding-top: 0;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Magazine Styles */
.magsection {
    padding: 70px 10%;
}
@media screen and (max-width: 40em) {
    .magsection {
        padding: 30px 10%;
    }
}
.magsection h3 {
    text-transform: none;
}

/* Quote */
.magsection-quote cite {
    display: block;
    text-align: right;
}

/* Featured Articles */
.magsection-featured-articles {
    border-left: 1px solid #ccc;
}
.magsection-featured-articles .row {
    margin-bottom: 30px;
}
.magsection-featured-articles h4 {
    text-transform: uppercase;
}
.magsection-featured-articles h3 {
    text-transform: none;
}
@media screen and (max-width: 64em) {
    .magsection-featured-articles {
        border-left: none;
    }
}

/* Mag Note Bar */
.darkfeature.magnotebar {
    padding: 30px 10%;
}
.magnotebar h3 {
    text-transform: none;
}
.magnotebar h4 {
    text-transform: uppercase;
}
.magnotebar h4 a:link, .magnotebar h4 a:visited {
    border: none;
    color: #f15929;
}
.magnotebar img {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
@media screen and (max-width: 64em) {
    .magnotebar img {
        max-width: 50%;
    }
}

/* Zoom Link */
.zoom-link {
    display: block;
    position: relative;
    border: none!important;
}
.zoom-link i {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: url('img/icon-zoom.png') no-repeat bottom left;
    background-size: 35px 35px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.zoom-link:hover i {
    background-size: 50px 50px;
}

/* Mag Modal */
.mag-modal {
    text-align: center;
}

/* Editor's Note */
.editors-note img {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.editors-cartoon img {
    float: right;
}
@media screen and (max-width: 64em) {
    .editors-note img {
        max-width: 40%;
    }
}

/* Mag PDF Link */
.mag-pdf-link {
    padding-top: 30px;
}
.mag-pdf-link span {
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 8px;
}
@media screen and (max-width: 40em) {
    .mag-pdf-link span {
        display: block;
    }
}

/* Resources Styles */
.resources {
    padding: 0 10% 70px 10%;
}

/* Resource Search Filter */
.searchandfilter ul {
    margin: 0;
    padding: 0;
}
.searchandfilter .sf-field-search {
    background-color: #ebebeb;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 8px 12px 12px 12px;
    overflow: hidden;
    position: relative;
    margin-bottom: 12px;
}
.searchandfilter .sf-field-search input[type="text"] {
    background-color: #ebebeb;
    border: none;
    box-shadow: none;
    border-bottom: 1px dotted #ccc;
    text-align: right;
    margin-bottom: 0;
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb( 167, 167, 167 );
    font-weight: bold;
    width: 80%;
}
.searchandfilter .sf-field-search .search-filter-mag-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent url(img/icon-search-black.png) no-repeat 50% 50%;
    width: 22px;
    height: 30px;
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 0;
}
.searchandfilter .sf-field-search input[type="submit"]:hover {
    cursor: pointer;
}

.searchandfilter .sf-field-taxonomy-articletag {
    background-color: #ebebeb;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 8px 12px 12px 12px;
    overflow: hidden;
    position: relative;
}
.searchandfilter .sf-field-taxonomy-articletag h4 {
    margin: -8px -12px 0 -12px;
    background-color: #0083c6;
    color: #fff;
    text-align: center;
    border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    line-height: 1em;
    padding: 12px 2px;
}
.searchandfilter .sf-field-taxonomy-articletag ul {
    overflow: hidden;
    padding: 10px 0;
    margin-bottom: 20px;
}
.searchandfilter .sf-field-taxonomy-articletag ul li {
    width: 50%;
    margin: 0;
    padding: 12px 0;
    float: left;
    border-bottom: 1px solid #ccc;
}
.searchandfilter .sf-field-taxonomy-articletag ul li label {
    line-height: 1em;
}
.searchandfilter .sf-field-taxonomy-articletag ul li label input {
    margin-bottom: 0;
    margin-right: 3px;
}
.searchandfilter #clear-filters {
    margin-bottom: 10px;
}

@media screen and (max-width: 64em) {
    .searchandfilter .sf-field-taxonomy-articletag ul li {
        float: none;
        width: 100%;
    }
}

/* Results */
.results-sorting {
    font-weight: bold;
    text-align: right;
    border-bottom: 1px solid #d7d7d7;
}
.result {
    border-bottom: 1px solid #d7d7d7;
    padding: 20px 0;
}

/* Speakers Invite */
.speakerinvite h2 {
    text-align: center;
}

/* Speaker Invite Form */
.speakerinvite .gform_wrapper .gform_body {
    width: 48%;
    position: relative;
}
.speakerinvite .gform_wrapper .gform_body .gfield {
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 8px 0 8px;
    margin-bottom: 16px;
}
.speakerinvite .gform_wrapper .gform_body .field-left {
    width: 48%;
    float: left;
    clear: none;
}
.speakerinvite .gform_wrapper .gform_body .field-right {
    width: 48%;
    float: right;
    clear: none;
}
.speakerinvite .gform_wrapper .gform_body .speaker-describe {
    position: absolute;
    top: 32px;
    width: 100%;
    height: 250px;
}
.speakerinvite .gform_wrapper .gform_body .speaker-describe textarea {
    height: 220px;
}
.speakerinvite .gform_wrapper .gform_body .speaker-request {
    position: absolute;
    top: 298px;
    width: 100%;
}
.speakerinvite .gform_wrapper .gform_body .gsection.gfield {
    background-color: transparent;
    border: none;
}
.speakerinvite .gform_wrapper .gform_body .gsection .gsection_title {
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb( 0, 131, 198 );
    text-align: left;
    line-height: 1em;
}
.speakerinvite .gform_wrapper .gform_body .top_label .gfield_label {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: rgb( 0, 0, 0 );
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1em;
}
.speakerinvite .gform_wrapper .gform_body .focused .gfield_label {
    color: rgb( 241, 89, 41 );
}
.speakerinvite .gform_wrapper .gform_body input, .speakerinvite .gform_wrapper .gform_body textarea, .speakerinvite .gform_wrapper .gform_body select {
    border: none;
    font-size: 18px;
    font-family: "Source Sans Pro";
    color: rgb( 0, 0, 0 );
    font-weight: bold;
    box-shadow: none;
    margin-bottom: 0;
}
.speakerinvite .gform_wrapper .gform_body select {
    width: 100%;
}
.speakerinvite .gform_wrapper .gform_footer {
    text-align: center;
}
@media screen and (max-width: 64em) {
    .speakerinvite .gform_wrapper .gform_body {
        width: 100%;
    }
    .speakerinvite .gform_wrapper .gform_body .speaker-describe, .speakerinvite .gform_wrapper .gform_body .speaker-request {
        position: relative;
        top: auto;
    }
}

/* Meet Speakers */
.meetspeakers {
    padding: 70px 10%;
}
.meetspeakers h2 {
    text-align: center;
    margin-bottom: 40px;
}
.meetspeakers h6.alternate {
    font-size: 18px;
}
.meetspeakers .hr {
    margin-bottom: 10px;
}
.meetspeakers p {
    font-size: 14px;
    line-height: 1.6em;
}
.meetspeakers img {
    width: 100%;
    margin-bottom: 20px;
}
@media screen and (max-width: 64em) {
    .meetspeakers {
        padding: 30px 10%;
    }
}

/* PopEd Styles */
.infobox-resourcecallout {
    float: right;
    margin-left: 30px;
    width: 335px;
    max-width: 100%;
}
.infobox-resourcecallout h6 {
    margin-bottom: 2px;
}
.infobox-resourcecallout p {
    font-size: 16px;
}
@media screen and (max-width: 40em) {
    .infobox-resourcecallout {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .infobox-resourcecallout p {
        font-size: 12px;
    }
}

/* World Map Styles */
.world-map-wrap {
    max-width: 885px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.world-map-iframe {
    width: 100%;
    height: 750px;
    border: none;
}

/* World Map Landing Styles */
.world-maplanding-wrap {
    max-width: 885px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.world-maplanding-iframe {
    width: 100%;
    height: 1050px;
    border: none;
}

/* Magazine Archive Page Styles */
.mag-archive-list .mag-archive-item {
    width: 223px;
    float: left;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 2px #ccc;
    border: 1px solid #eee;
    background-color: #fff;
    margin: 0 25px 25px 25px;
}
.mag-archive-list .mag-archive-item img {
    width: 223px;
    height: 282px;
}
.mag-archive-list .mag-archive-item .mag-archive-title {
    display: block;
    padding: 5px 0 0 0;
}

/* Min Height */
.add-min-height-desktop {
    min-height: 500px;
}
@media screen and (max-width: 64em) {
    .add-min-height-desktop {
        min-height: 0;
    }
}



/* Bug Filer */
.bugfiler {
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 100;
    display: block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    background: url('img/icon-bugfiler.png') no-repeat 0 0;
}
.bugfiler:hover {
    background-position: 0 -25px;
}