/*
Theme Name: Mary's Pence
Theme URI: https://00ac457b-0a33-4646-9ea7-8110f5efdf45.p.bardy.io/
Author: Jonathan Hatch
Author URI: https://00ac457b-0a33-4646-9ea7-8110f5efdf45.p.bardy.io
Description: Starter Theme for all Saint Paul Media projects. (_S and Bootstrap 3.3.6)
Version: 1.0

*/

/*/////////////////////////////////////////
Resets
/////////////////////////////////////////*/
img,legend{border:0}legend,td,th{padding:0}html{font-family: 'Source Sans Pro', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family: 'Source Sans Pro', sans-serif;color:#1a1a1a;margin:0;font-size:16px;line-height:16px;}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}.alignleft{display:inline;float:left;margin-right:20px}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}img {max-width:100%;height:auto;}html {margin-top:0!important;}.screen-reader-text { display: none;}
p, ol, ul, blockquote {margin:0;padding:0;}.h1, .h2, .h3, h1, h2, h3 {margin-top: 0px;margin-bottom: 0px;}i{font-style:normal;}input {border-radius:0;}
.embed-container {position:relative;padding-bottom:56.25%;overflow:hidden;max-width: 100%;height: auto;margin-bottom:20px;} 
.embed-container iframe,.embed-container object,.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*/////////////////////////////////////////
Colors
Dark Gray: #1a1a1a;
Light Gray: #e4e4e4;
Blue: #019fc4;
Red: #ef3e36;
Orange: #ffb60f;
Green: #c1bb00;
/////////////////////////////////////////*/

/* 

 1. We need to figure out hyphenation.
 2. Fix the awful learn button thing that Tasha designed.

*/

/*/////////////////////////////////////////
Mobile Menu
/////////////////////////////////////////*/
#mobileNav {display:none;background:#019fc4;border-bottom:4px solid #FFFFFF;margin-top:-4px;color:#FFFFFF;}
.mobileNavActions {padding-top:10px;padding-bottom:10px;}
.mobileDonate {display:inline-block;font-size:1.125em;text-transform:uppercase;color:#FFFFFF;font-weight:700;border:2px solid #FFFFFF;line-height:1;padding:8px 16px;margin: 0 auto;text-align:center;}
.newsletterSignupForm {display:none;background:#c1bb00;border-top:2px solid #e4e4e4;border-bottom:2px solid #e4e4e4;padding-top:35px;padding-bottom:35px;}
#mobileNav .newsletterSignupFormHeading {font-weight:700;color:#1a1a1a;font-size:1.688em;line-height:1.1;text-transform:uppercase;margin:0;text-align:left;}
input.email {border:0;padding:8px 16px;color:#1a1a1a;font-size:.875em;width:100%;float:right;}
input.button {border:0;background:#FFFFFF;color:#1a1a1a;text-align:center;font-weight:700;text-transform:uppercase;font-size:1.125em;padding:8px 16px;float:right;margin-top:15px;}
#mobileNav p.grantApplication {clear:both;}
/*/////////////////////////////////////////
Bootstrap
/////////////////////////////////////////*/
img.mobile {display:block;}
img.desktop {display:none;}
.container, .container-fluid {padding-left:15px;padding-right:15px;}
.row {margin-left:-15px;margin-right:-15px;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 
{padding-left:15px;padding-right:15px;}

@media (min-width: 768px) {
    .container, .container-fluid {padding-left:20px;padding-right:20px;}
    .row {margin-left:-20px;margin-right:-20px;}
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 
    {padding-left:20px;padding-right:20px;}
}
@media (min-width: 1024px) {
    img.mobile {display:none;}
    img.desktop {display:block;} 
}


/*/////////////////////////////////////////
Typography
font-family: 'Source Sans Pro', sans-serif;
/////////////////////////////////////////*/
a:hover {transition: all .35s linear;}
a:visited {color:#ef3e36;}
h4 {margin:0;padding:0;}
#primary.content-area p img.alignleft {float:none;clear:both;}
#primary.content-area p img.alignright {float:none;clear:both;}
.readMore {text-transform:uppercase;font-weight:700;}
a.button {text-align:center;color:#000000;background:#FFFFFF;border:2px solid;padding:10px 20px;}

/* Buttons */
a.heroRedButton {border:2px solid rgba(239,62,54,0); font-size:1.125em;font-weight:700;line-height:1;padding:11px 15px 11px 20px;background:#ef3e36;color:#FFFFFF;text-transform:uppercase;line-height:1;display:inline-block;}
input.gform_button {font-size:1.125em;padding:11px 20px 11px 20px;font-weight:700;}
input[type="submit"].gform_button {border:2px solid #ef3e36;color:#ef3e36;}
input[type="submit"].gform_button:hover {background:#ef3e36;color:#FFFFFF;}
input.gform_button:hover {transition:background .4s linear;}
.redButton {display:inline-block;font-size:18px;text-transform:uppercase;color:#ef3e36;font-weight:700;border:2px solid #ef3e36;line-height:1;padding:8px 16px;}
.redButton:hover {background:#ef3e36;color:#FFFFFF;}
.buttonGroup{font-weight:700;}

blockquote {margin-left:20px;padding-left:20px;border-left:6px solid #ffb60f;font-weight:600;}
blockquote br {line-height:2em;}
blockquote em {font-weight:400;}

@media (min-width: 768px) {
    .readMore {font-weight:600;}
    blockquote {margin-left:40px;margin-bottom:25px;}
    #primary.content-area p img.alignleft {float:left; margin-right: 25px;}
    #primary.content-area p img.alignright {float:right; margin-left: 25px;}
    #primary.content-area p img.aligncenter {margin: 0 auto;}
}
@media (min-width: 1024px) {
    a.heroRedButton, input.gform_button, .redButton, .buttonGroup{font-weight:600;}
    a.heroRedButton:hover {border:2px solid rgba(239,62,54,1); color:#ef3e36;background:#fff;}
}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Header
/////////////////////////////////////////*/
#newsletterDesktop {display:none;}

#banner {padding-top:20px;padding-bottom:20px;border-bottom:4px solid #019fc4;}
#masthead {padding-left:0;padding-right:0;}
#headerLogo img {max-width:180px;float:left;}
#headerLogo:hover {cursor:pointer;}
#headerLogo:hover img {transition:opacity .4s linear;opacity:0.5;}
#menuButton {display:block;color:#ef3e36;font-size:36px;width:100%;text-align:right;margin-top:30px;float:right;}
#menuButton:hover {cursor:pointer;}
#menuButton.fa-close {color:#019fc4;}


@media (min-width: 768px) {
    #masthead {padding-left:20px;padding-right:20px;}
}
@media (min-width: 1024px) {
    #newsletterDesktop {background:#c1bb00;padding:25px 0;}
    #newsletterDesktop p.newsletterSignupFormHeading {display:block;float:left;margin-left:20px;font-weight:700;font-size:2em;text-transform:uppercase;height:39px;line-height:1;}
    #newsletterDesktop input.email {width: 300px;margin:0;height:39px;margin-right:15px;}
    #newsletterDesktop input.button {margin:0 20px 0 0;}
    
    #banner {padding-top:15px;padding-bottom:15px;border-bottom:4px solid #019fc4;}
    .headerLogoContainer {padding-right:0;}
    #headerLogo img {max-width:142px;}
    #secondaryNav {display:inline-block;float:right;}
    ul#secondary-menu,
    ul#primary-menu {display:inline-block;text-align:right;float:right;}
    ul#secondary-menu li,
    ul#primary-menu li {display:inline-block;margin-left:30px;}
    ul#primary-menu li:first-child {margin-left:0;}
    ul#secondary-menu {margin-bottom:35px;}
    ul#secondary-menu li a {color:rgba(117,117,117,1);}
    ul#primary-menu li {font-size:1.125em;position:relative;}
    ul#primary-menu li a {color:#1a1a1a;font-weight:600;}
    ul#primary-menu .button a {background:#ef3e36;display:inline-block;color:#fff;padding:8px 16px;border:2px solid #ef3e36;text-transform:uppercase;}
    ul#primary-menu .button a:hover {background:#fff;color:#ef3e36;}
    ul#primary-menu li a:hover,
    ul#secondary-menu li a:hover {color:rgba(117,117,117,0.75);}
    ul#primary-menu li.current_page_item a:after,
    ul#primary-menu li.current-page-ancestor a:after,
    ul#primary-menu li.current-menu-item a:after {
        content: ' ';
        display: block;
        position:absolute;
        left:25%;
        right:25%;
        text-align: center;
        width: 0px;
        height: 0px;
        margin-top: 17px;
        margin-left: auto;
        margin-right: auto;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #019fc4;
    }
    #searchButton {float: right;color:#ef3e36;margin-left:30px;}
    #searchButton:hover {cursor:pointer;transition:color .4s linear;color:#ffb60f;}
    #searchDesktop {float:right;width:0;height:20px;transition:width .4s linear;}
    #searchDesktop.active {width:300px;transition:width .4s linear;}
    #searchNav,
    #searchNav input {border:0;}
    #searchNav {margin-left:2.5%;}
    #searchNav input#search {width:97.5%;border-bottom:1px solid #e4e4e4;float:right;}
    #searchNav input#search:focus {outline:0;}
}
@media (min-width: 1200px) {
    nav#primaryNav {width:100%;}
}

/*/////////////////////////////////////////
Homepage
/////////////////////////////////////////*/
body.home {}
#homeHero {padding-bottom:35px;}
#homeHero .container {position:relative;width:100%;padding-left:0;padding-right:0;}
#homeHero img {margin-bottom:20px;}
#homeHero .heroHeadline {position:absolute;top:55px;left:15px;color:#FFFFFF;text-transform:uppercase;font-size:1.75em;line-height:1.1;font-weight:700;text-shadow: 0px 0px 2px #000000;}
#homeHero .heroCopy {font-size:1.125em;line-height:1.6;padding-left:15px;padding-right:15px;margin-bottom:20px;}

#homeLearn {background:#019fc4;padding-top:25px;padding-bottom:20px;}
#homeLearn .container {padding-left:0;padding-right:0;}
#homeLearn p {color:#FFFFFF;font-size:1.5em;line-height:1.4;padding-bottom:20px;}
#homeLearn ul li {display:inline-block;margin-right:15px;margin-bottom:15px;}
#homeLearn a.button {display:inline-block;line-height:1;font-size:1.125em;font-weight:700;border-color:#FFFFFF;border-width:2px;color:#FFFFFF;background:transparent;text-transform:uppercase;}
#homeLearn a.button:hover {background:#FFFFFF;color:#019fc4;}

#homeCTAs {background:url(/wp-content/themes/marys/img/pattern.png);background-size:250px;padding-top:30px;padding-bottom:45px;}
#homeCTAs .container {padding-left:0;padding-right:0;}
.ctaClicker {margin-bottom:25px;}
.ctaClicker:last-child {margin-bottom:0;}
.ctaClicker .ctaClickerContainer {display:none;}
.ctaClicker .ctaClickerClose {content:' ';display:block;width:50px;height:50px;background-image:url(/wp-content/themes/marys/img/accordion_close_btm.svg);cursor:pointer;float:right;margin-top:15px;margin-bottom:10px;}
.ctaThumbnail {position:relative;border:6px solid #FFFFFF;aspect-ratio: 1; background-color: #1a1a1a; background-repeat: no-repeat; background-size: cover; background-position: center;}
.ctaThumbnail:hover {cursor:pointer;}
.ctaTitle {position:absolute;bottom:12px;left: 12px;font-size:2em;font-weight:700;line-height:1;color:#FFFFFF;text-transform:uppercase;}
.ctaCopy {background:#FFFFFF;border:2px solid #e4e4e4;padding:20px;margin-top:20px;margin-bottom:20px;}
.ctaCopy p {font-size:1.125em;line-height:1.6;}
.ctaStoryImage {margin-bottom:-1px;}
.ctaStoryContent {border:6px solid #ffb60f;padding:20px;background:#FFFFFF;}
.ctaStoryTitle {font-size:1.688em;line-height:1.2;margin-bottom:15px;}
.ctaStoryTitle a {font-weight:700;color:#1a1a1a;}
.ctaStoryContent p {font-size:1em;line-height:1.5;color:#1a1a1a;}
.ctaStoryContent .readMore {display:inline-block;font-size:1.125em;color:#ef3e36;font-weight:700;padding-top:20px;}
.ctaStoryContent .readMore:hover {color:#ffb60f;}
.ctaThumbnail .ctaButton {position:absolute;content:' ';display:block;background-image:url(/wp-content/themes/marys/img/accordion_open.svg);background-size:cover;width:50px;height:50px;right:5px;bottom:10px;}

/* Clicker */
.ctaThumbnail.active {border:6px solid #ffb60f;}
.ctaClicker.active .ctaButton  {background-image:url(/wp-content/themes/marys/img/accordion_close.svg);}

#homePrograms .container {padding-left:0;padding-right:0;}
#homePrograms {padding-top:35px;border-top:2px solid #e4e4e4;}
#homePrograms h2 {font-size:1.688em;font-weight:700;line-height:1.1;text-transform:uppercase;text-align:center;padding-bottom:25px;}
#homePrograms h2 a {color:#1a1a1a;}
#homePrograms h2 a:hover {color:#ef3e36;}
#homePrograms h3 {font-size:1.688em;font-weight:700;line-height:1.2;padding-bottom:15px;}
#homePrograms h3 a {color:#1a1a1a;}
#homePrograms h3 a:hover {color:#ef3e36;}
#homePrograms img {position:relative;}
.homeProgramsGrants {margin-bottom:35px;padding-left:0;padding-right:0;}
.homeProgramsEspera {margin-bottom:45px;padding-left:0;padding-right:0;}
.homeProgramsContent {position:relative;margin:-30px 0 0 0;z-index:999;background:#FFFFFF;border:2px solid #e4e4e4;padding:20px 20px 25px 20px;}
.homeProgramsContent p {font-size:1.125em;line-height:1.6;padding-bottom:20px;}




@media (min-width: 500px) {
    #homeHero .heroHeadline {font-size:2.5em;}
}
@media (min-width: 700px) {
    #homeHero .heroHeadline {font-size:2.8em;}
    #homeLearn ul li {float:right;}
}

@media (min-width: 768px) {
    #homeHero {padding-bottom:0;}
    #homeHero img {margin-bottom:0;width:100%;}
    #homeHero .heroHeadline {font-size:3em;line-height:1.05;left:40px;}
    #homeHero .heroCopy {position:absolute;top:280px;left:40px;color:#FFFFFF;width:312px;padding:0;margin:0;line-height:1.4;}
    a.heroRedButton {position:absolute;top:430px;}
    a.heroRedButton {padding-left:40px;left:0;}
    
    #homeLearn {padding-bottom:25px;}
    #homeLearn .container {padding-left:20px;padding-right:20px;}
    #homeLearn p {padding-bottom:0;font-size:1.125em;}
    #homeLearn ul {margin-top:8px;text-align:right;}
    #homeLearn ul li {margin-bottom: 0;margin-right:0;margin-left:15px;}
    
    #homeCTAs {padding-bottom:35px;background-size:25%;}
    #homeCTAs .container {padding-left:20px;padding-right:20px;}
    .ctaClicker {padding-left:10px;padding-right:10px; margin-bottom: 0;}
    .ctaClicker .ctaClickerContainer {width:320%;}
    #homeCTAs .container .ctaClicker:nth-child(2) .ctaClickerContainer {margin-left:-109%;}
    #homeCTAs .container .ctaClicker:nth-child(3) .ctaClickerContainer {margin-left:-218%;}
    .ctaTitle {font-size:1.688em;bottom:9px;}
    .ctaThumbnail .ctaButton {width:35px;height:35px;right:5px;bottom:6px;}
    .ctaCopy {padding:50px 100px;margin-top:35px;margin-bottom:35px;}
    .ctaCopy p {text-align:center;font-size:1.125em;line-height:1.5;}
    .ctaStory {position:relative;float:left;}
    .ctaStoryImage {width:50%;float:left;}
    .ctaStoryContent {position:relative;z-index:999;width:55%;float:left;margin-left:45%;margin-top:-25%;padding:25px;}
    
    #homePrograms {padding-top:75px;}
    #homePrograms .container {padding-left:20px;padding-right:20px;}
    #homePrograms h2 {font-size:2.625em;padding-bottom:65px;}
    .homeProgramsGrants {margin-bottom:65px;padding-left:20px;padding-right:20px;}
    .homeProgramsEspera {margin-bottom:65px;padding-left:20px;padding-right:20px;}
    .homeProgramsContent {margin: -90px 0 0 0;padding:30px;}
    
    
}
@media (min-width: 1024px) {
    #homeHero .container {max-width:none;}
    #homeHero .heroHeadline {font-size:3.5em;line-height:1;top:40px;}
    #homeHero .heroCopy {top:280px;width:330px;line-height:1.5;}
    #homeHero .heroRedButton {top:405px;font-weight:600;}
    
    #homeLearn ul {margin-top:0;text-align:center;}
    #homeLearn ul li {float:none;}
    #homeLearn a.button {font-weight:600;}
    .marginfix {position:relative;display:inline-block;width:100%;}
    
    #homeCTAs {}
    .ctaClicker .ctaClickerContainer {width:313%;}
    #homeCTAs .container .ctaClicker:nth-child(2) .ctaClickerContainer {margin-left:-107%;}
    #homeCTAs .container .ctaClicker:nth-child(3) .ctaClickerContainer {margin-left:-213%;}
    .ctaTitle {font-size:2.5em;bottom:10px;}
    .ctaThumbnail .ctaButton {width:50px;height:50px;right:5px;bottom:10px;}
    .ctaCopy {padding:70px 120px;margin-top:35px;margin-bottom:35px;}
    .ctaCopy p {text-align:center;font-size:1.688em;line-height:1.4;}
    .ctaStoryTitle {font-size:1.4em;line-height:1.2;margin-bottom:20px;}
    .ctaStoryContent {padding:40px 60px;}
    .ctaStoryContent p {font-size:1.125em;line-height:1.5;}
    .ctaStoryImage {width:50%;float:left;}
    .ctaStoryContent {width:55%;float:left;margin-left:45%;margin-top:-30%;}
    
    #homePrograms .container {padding-left:0;padding-right:0;}
    .homeProgramsGrants {margin-bottom:65px;padding-left:0px;padding-right:0px;}
    .homeProgramsEspera {margin-bottom:65px;padding-left:0px;padding-right:0px;}
    #homePrograms h3 {font-size:2em;}
}
@media (min-width: 1200px) {
    #homeHero .heroHeadline {font-size:4em;top:60px;}
    #homeHero .heroCopy {top:340px;}
    #homeHero .heroRedButton {top:475px;}
}
@media (min-width: 1400px) {
    #homeHero .heroHeadline {font-size:4.5em;top:100px;}
    #homeHero .heroCopy {top:415px;}
    #homeHero .heroRedButton {top:560px;}
}

/*/////////////////////////////////////////
Help Module
/////////////////////////////////////////*/
#help {background-color:#019fc4;background-image:url(/wp-content/themes/marys/img/waystohelp_background_phone.png);background-size:60%;background-position:top;background-repeat:no-repeat;padding-top:70px;padding-bottom:50px;}
#help .container {padding-left:0;padding-right:0;}
#help h2 {font-size:1.688em;font-weight:700;line-height:1.1;color:#FFFFFF;text-transform:uppercase;text-align:center;padding-bottom:25px;}
#help p {color:#FFFFFF;font-size:1.125em;line-height:1.6;padding-bottom:20px;text-align:center;}
#help ul {text-align:center;}
#help ul li {display:inline-block;margin: 0 8px 15px 8px;}
#help a.button {display:inline-block;line-height:1;font-weight:700;border-color:#FFFFFF;border-width:2px;color:#FFFFFF;background:transparent;text-transform:uppercase;}
#help a.button:hover {background:#FFFFFF;color:#019fc4;}

@media (min-width: 768px) {
    #help {background-image:url(/wp-content/themes/marys/img/waystohelp_background.png);background-color:#019fc4;background-size:75%;background-position:-140px 0;background-repeat:no-repeat;padding-top:110px;padding-bottom:110px;}
    #help .container {padding-left:20px;padding-right:20px;}
    #help h2 {font-size:2.625em;text-align:left;}
    #help p {text-align:left;}
    #help ul {text-align:left;margin-left:0;padding-bottom:0;}
    #help ul li {display:inline-block;font-size:1.125em;margin-right:16px;margin-left:0;}
}

@media (min-width: 1024px) {
    #help {background-size:60%;background-position:center;padding-top:140px;padding-bottom:155px;}
    #help h2 {font-size:4.5em;text-align:center;padding-bottom:55px;}
    #help p {text-align:center;padding-bottom:30px;}
    #help ul {text-align:center;}
    #help li:last-child {margin-right: 0; padding-right: 0;}
    #help a.button {font-weight:600;}
}

@media (min-width: 1200px) {
    
}

/*/////////////////////////////////////////
Landing Pages
/////////////////////////////////////////*/
body.landing {}
body.landing #content .container {padding-left:0;padding-right:0;}

#subNavigation {display:none;}
#landingHero {position:relative;padding-bottom:50px;}
#landingHero .container {position:relative;padding-left:0;padding-right:0;}
#landingHeroContent nav {margin-left:-15px;}
.subHeader {text-transform:uppercase;padding-top:20px;padding-bottom:5px;}
.subHeader a {color:#1a1a1a;}
#landingHero h1 {font-size:3em;line-height:.95;text-transform:uppercase;font-weight:700;padding-bottom:15px;}
.landingCopy {font-size:1.125em;line-height:1.5;padding-bottom:20px;}
#landingHero ul {list-style:none;}
#landingHero ul li a {border:2px solid rgba(255,255,255,0); display:inline-block;padding:11px 15px;color:#FFFFFF;font-size:1.125em;font-weight:700;text-transform:uppercase;}
#landingHero ul li a:after {content:' \00bb';}
#landingHero ul li:first-child a {background:#019fc4;margin-bottom:7px;}
#landingHero ul li:nth-child(2) a {background:#ef3e36;}

.landing-content h2 {font-size:2em;line-height:1em;font-weight:700;text-transform:uppercase;padding-bottom:25px;}
.landing-content h3 {font-size:1.3em;line-height:1.1;color:#ef3e36;font-weight:700;text-transform:uppercase;padding-top:5px;padding-bottom:7px;}
.landing-content p {font-size:1.125em;line-height:1.5;padding-bottom:25px;hyphens:auto;}
.landing-content ol,
.landing-content ul {font-size:1.125em;line-height:1.4;padding-bottom:25px;margin-left:40px;}
.landing-content ol li,
.landing-content ul li {padding-bottom:10px;}
.landing-content p a:link,
.landing-content li a:link {color:#ef3e36;}
.entry-content p a:link,
.entry-content li a:link {color:#ef3e36;font-weight:600;}

.patternBackground {background:url(/wp-content/themes/marys/img/pattern.png);background-size:250px;padding-top:35px;padding-bottom:45px;}
.content-border {border:2px solid #e4e4e4;background:#FFFFFF;padding:30px 20px 30px 20px;text-align:center;}

ul.buttonGroup {list-style:none;text-align:center;margin:0;}
ul.buttonGroup li {display:inline-block;text-align:left;padding-bottom:0;}
ul.buttonGroup .redButton {display:inline-block;margin-right:15px;margin-bottom:15px;}

@media (min-width: 768px) {
    #landingHero .container {position:absolute;top:30px;padding-left:20px;padding-right:20px;width:100%;}
    .subHeader {color:#FFFFFF;}
    .subHeader a {color:#FFFFFF;}
    .subHeader a:hover {color:#ffb60f;}
    #landingHeroContent nav {margin-left:0;}
    #landingHero h1 {color:#FFFFFF;font-size:3em;padding-bottom:10px;}
    .landingCopy {color:#FFFFFF;padding-bottom:30px;}
    #landingHero ul li {line-height:1.1;}
    #landingHero ul li a {position:absolute;padding-left:40px;left:0;margin-left:-20px;}
    #landingHero ul li:nth-child(2) a {margin-top:57px;}
    
    body.landing #content .container {padding-left:20px;padding-right:20px;}
    .landing-content h2 {padding-bottom:30px;}
    .landing-content p {max-width:768px;padding-bottom:20px;}
    
    .patternBackground {background:url(/wp-content/themes/marys/img/pattern.png);background-size:250px;padding-top:80px;padding-bottom:90px;}
    .content-border {border:2px solid #e4e4e4;background:#FFFFFF;padding:45px 40px 45px 40px;text-align:center;}
    .content-border p {padding-bottom:0;}
    
    ul.buttonGroup {list-style:none;text-align:left;}
    
}
@media (min-width: 1024px) {
    #landingHero {padding-bottom:55px;}
    #landingHero .container {top:120px;}
    #landingHero img {width:100%;}
    .subHeader {font-size:1.125em;}
    #landingHero h1 {font-size:4.5em;}
    #landingHero ul li a {font-weight:600;}
    #landingHero ul li:first-child a:hover {border-color:rgba(1,159,196,1); background:#fff; color:#019fc4;}
    #landingHero ul li:nth-child(2) a:hover {border-color:rgba(239,62,54,1); background:#fff; color:#ef3e36;}
    
    .landing-content h3 {padding-bottom:10px;}
    
}
@media (min-width: 1200px) {}




/*/////////////////////////////////////////
Secondary Pages
/////////////////////////////////////////*/
body.secondary {}
body.programs-secondary {}

/* Hero Styles */
#secondaryHero {background:#019fc4;padding-top:35px;padding-bottom:40px;margin-bottom:25px;}
#secondaryHero .container {padding-left:0;padding-right:0;}
#secondaryHero h1 a {color:#FFFFFF;}

/* Font Sizes */
#secondaryHero .subHeader {font-size:1.125em;color:#FFFFFF;font-weight:300;line-height:1;padding-top:0;padding-bottom:10px;}
#secondaryHero .subHeader a {color:#FFFFFF;}
#secondaryHero h1 {font-size:2.25em;color:#FFFFFF;font-weight:700;line-height:1;padding-bottom:0;text-transform:uppercase;}
.secondary-content h2 {font-size:2em;line-height:1;font-weight:700;text-transform:uppercase;padding-top:20px;padding-bottom:15px;}
.secondary-content h3 {font-size:1.4em;line-height:1.2;font-weight:700;padding-bottom:8px;margin-top:0;}
.secondary-content p {
    font-size:1.125em;
    line-height:1.6;
    padding-bottom:25px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.secondary-content p a {color:#ef3e36;font-weight:700;}
.secondary-content p:last-of-type {margin-bottom:0; padding-bottom:0;}
.page-id-32 .secondary-content p:last-of-type {margin:0 0 10px;} /* quick fix for career page paragraphs */
.secondary-content ol,
.secondary-content ul {font-size:1.125em;line-height:1.4;padding-bottom:25px;margin-left:40px;}
.secondary-content ol li,
.secondary-content ul li {padding-bottom:10px;}
.sidebar-content h4 {font-size:1.4em;line-height:1.2;font-weight:700;padding-bottom:15px;}
.sidebar-content p {font-size:1.125em;line-height:1.6;padding-bottom:25px;}
.sidebar-content p a {display:block;color:#ef3e36;font-weight:700;text-transform:uppercase;margin-top:-10px;}
.sidebar-content p a:after {content:'\00bb';display:inline;margin-left:5px;}
.sidebar-content p:last-child {padding-bottom:0;}

/* Structure */
#content.secondary-content {padding-bottom:50px;}
#content.secondary-content .container {padding-left:0;padding-right:0;}
#primary {padding-bottom:45px;}
#secondary aside {margin-bottom:30px;}
#secondary .asideContainer {border:2px solid #e4e4e4;padding:25px 20px;}
.sidebarStory {margin-bottom:30px;}
.sidebarStoryContent {border:6px solid #ffb60f;border-top:0;padding:20px;background:#FFFFFF;}
.sidebarStoryContent .ctaStoryTitle {margin-bottom:0;padding-bottom:20px;}

@media (min-width: 768px) {
    /* Hero Styles */
    #secondaryHero .container {padding-left:20px;padding-right:20px;}
    #secondaryHero {padding-top:55px;padding-bottom:60px;margin-bottom:15px;}
    
    /* Font Sizes */
    #secondaryHero h1 {font-size:2.625em;}
    .secondary-content h2 {font-size:2.25em;padding-top:30px;}
    .secondary-content h3 {padding-top:5px;}
    .secondary-content h3:first-of-type {padding-top:0;}
    
    /* Structure */
    #content.secondary-content {padding-bottom:90px;}
    #content.secondary-content .container {padding-left:20px;padding-right:20px;}
    #primary {padding-bottom:55px;}
    #secondary {padding-left:0;padding-right:0;}
    #secondary aside {width:50%;float:left;padding-left:20px;padding-right:20px;margin-bottom:45px;}
    .sidebarStory {width:50%;float:left;padding-left:20px;padding-right:20px;margin-bottom:45px;}
    
}
@media (min-width: 1024px) {
    body.secondary #subNavigation,
    body.programs-secondary #subNavigation {display:block;}
    
    /* Sub Navigation Styles */
    #subNavigation {background:#333333;}
    #subNavigation ul {list-style:none;text-align:right;padding:20px 0;}
    #subNavigation ul li {display:inline-block;margin-right:10px;}
    #subNavigation ul li:last-child {margin-right:0;}
    #subNavigation ul li:after {content: '|';padding:0 0px 0 10px;color:#757575;font-size:14px;vertical-align:2px;}
    #subNavigation ul li:last-child:after {display:none;}
    #subNavigation ul li a {color:rgba(255,255,255,1);padding:20px 5px;}
    #subNavigation ul li a:hover {color:rgba(255,255,255,0.75);}
    
    #subNavigation ul li.menu-item-has-children:after {display:inline-block;content:'+';color:#FFFFFF;margin-left:0;padding-left:0;vertical-align:1px;}
    #subNavigation ul li.menu-item-has-children:hover:after {transition:color .4s linear;color: rgba(255,255,255,0.75);}
    #subNavigation ul.sub-menu {display:none;}
    
    /* Font Sizes */
    #secondaryHero h1 {font-size:3em;}
    .secondary-content p a {color:#ef3e36;font-weight:600;}
    
    /* Structure */
    #content.secondary-content {padding-bottom:90px;}
    #content.secondary-content .container {padding-left:20px;padding-right:20px;}
    #primary {padding-top:30px;}
    #primary h2:first-child {padding-top:0;}
    #secondary {margin-top:30px;margin-bottom:45px;padding-left:0;padding-right:0;}
    #secondary aside {width:100%;margin-bottom:45px;}
    .sidebarStory {width:100%;margin-bottom:45px;}
    
}
@media (min-width: 1200px) {}










/*/////////////////////////////////////////
About
/////////////////////////////////////////*/
body.about {}
body.about .subHeader {visibility:hidden;}
.supportingContent {padding-bottom:45px;}
.supportingImage {padding-left:0;padding-right:0;}
body.about #homePrograms h2 {padding-bottom:35px;}
body.about #homePrograms h3 {color: #1a1a1a;font-weight: 700;text-transform:none;}
#aboutSupport .redButton:hover, #aboutDignity .redButton:hover {color:#fff;}
#aboutDignity .buttonGroup {display:none;}

@media (min-width: 768px) {
    body.about #content .container {padding-left:0;padding-right:0;}
    #aboutDignity {}
    #aboutDignity p {margin-bottom:30px;}
    #aboutDignity ul.buttonGroup {display:block; margin-bottom:0; padding-bottom:0; text-align:center;}
    #aboutDignity ul.buttonGroup li {margin-bottom:0; padding-bottom:0;}
    #aboutDignity .redButton {margin:0;}
    body.about #content #homePrograms .container {padding-left:20px;padding-right:20px;}
    body.about #content #aboutSolidarity .container {padding-left:20px;padding-right:20px;}
    body.about #content #help .container {padding-left:20px;padding-right:20px;}
    body.about #help h2 {font-size:2em;}
    body.about #homePrograms h2 {font-size: 32px;}
    
}

@media (min-width: 1024px) {
    body.about #content .container {padding-left:20px;padding-right:20px;}
    body.about #content #homePrograms .container {padding-left:0;padding-right:0;}
    body.about #subNavigation {display:block;}
    .supportingImage {padding-left:20px;padding-right:20px;}
    body.about #help h2 {padding-bottom:20px;}
    body.about #homePrograms h2 {font-size:32px;}
}

@media (min-width: 1200px) {}

/*/////////////////////////////////////////
About - Board & Staff
/////////////////////////////////////////*/

.bioContainer {float:left;padding-bottom:30px;}
.bioContainer ul {list-style:none;margin:0;padding:0 0 10px 0;}
.bioContainer ul li {padding-bottom:0;}
.bioImage {float:left;width:30%;}
.bioImage img {padding-top:6px; padding-right:20px;}
.bioContent a {color:#ef3e36;}
.bioContent a:hover {color:#ffb60f;}

@media (min-width: 768px) {
    .bioImage {float:left;width:30%;}
    .bioContent {float:left;width:70%;}
}


/*/////////////////////////////////////////
What We Do
/////////////////////////////////////////*/
body.programs {}
#programsHero {background:#019fc4;padding-top:35px;padding-bottom:40px;}
#programsHero h1 {font-size:2.25em;color:#FFFFFF;font-weight:700;line-height:1;padding-bottom:20px;text-transform:uppercase;}
#programsHero p {font-size:1.125em;color:#FFFFFF;line-height:1.4;padding-bottom:15px;}
#programsHero .buttonGroup {text-align:left;font-size:1.125em;}
#programsHero .buttonGroup li {display:inline-block;text-transform:uppercase;margin-right:15px;}
#programsHero .buttonGroup li a {border:2px solid #FFFFFF;display:inline-block;padding:11px 20px;color:#FFFFFF;font-weight:700;}
#programsHero .buttonGroup li a:hover {background:#FFFFFF;color:#019fc4;}

#whatGrants,
#whatEspera {margin-bottom:50px;}
.whatGrantsImage,
.whatEsperaImage {padding-left:0;padding-right:0;margin-bottom:30px;}


@media (min-width: 768px) {
    body.programs #banner {border-bottom:0;}
    #programsHero {padding-top:55px;padding-bottom:60px;background-image:url(/wp-content/themes/marys/img/waystohelp_background.png);background-size:55%;background-position:100% -10px;background-repeat:no-repeat;}
    #programsHero h1 {font-size:2.625em;}
    #programsHero p {padding-bottom:25px;}
    body.landing #content #whatGrants .container,
    body.landing #content #whatEspera .container {padding-left: 0;padding-right: 0;}
    
    #whatGrants {margin-bottom:60px;}
    #whatEspera {margin-bottom:90px;}
    .whatGrantsContent,
    .whatEsperaContent {padding-left:40px;padding-right:40px;}
}
@media (min-width: 1024px) {
    #programsHero h1 {font-size:3em;}
    #programsHero .buttonGroup li a {font-weight:600;}

    body.landing #content #whatGrants .container,
    body.landing #content #whatEspera .container {padding-left: 20px;padding-right: 20px;}
    #whatGrants {margin-bottom:90px;margin-top:45px;}
    .whatGrantsContent,
    .whatEsperaContent {padding-left:20px;padding-right:20px;}
    .whatGrantsImage,
    .whatEsperaImage {padding-left:20px;padding-right:20px;}
    #whatGrants h2,
    #whatEspera h2 {font-size:2.25em;}
    #whatGrants p,
    #whatEspera p {padding-bottom:25px;}
    
}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
What We Do - Grants
/////////////////////////////////////////*/
body.programs-grants {}

.grantsIntroImage2 {display:none;}
.grantsIntroImage {padding-left:0;padding-right:0;}
#grantsBeyond {background:url(/wp-content/themes/marys/img/pattern.png);background-size:250px;padding-top:35px;padding-bottom:45px;}
#grantsBeyond h2 {text-align:center;}
#grantsBeyond p {padding-bottom:0;}
#grantsFeed {padding-top:35px;}
#grantsFeed h1 {text-align:center;font-size:2em;line-height:1em;font-weight:700;text-transform:uppercase;padding-bottom:45px;padding-left:20px;padding-right:20px;}
#grantsFeed h2 {position:absolute;top:-20px;font-size:1.125em;line-height:1.2;padding-bottom:0;margin-bottom:-20px;z-index:999;}
#grantsFeed h2 a {display:inline-block;padding:12px;background:#ffb60f;color:#1a1a1a;text-transform:none;font-weight:400;}
#grantsFeed h2 a:hover {background:#ef3e36;color:#FFFFFF;}
#grantsFeed h3 {font-size:1.5em;text-transform:none;padding-bottom:20px;padding-top:0;line-height:1;}
#grantsFeed h3 a {color:#1a1a1a;line-height:1;}
.featuredGrantee {position:relative;margin-bottom:50px;}
.featuredGranteeContent {border-left:6px solid #ffb60f;border-right:6px solid #ffb60f;border-bottom:6px solid #ffb60f;padding:20px 20px 25px 20px;}
.featuredGranteeContent ul li {font-size:1em;}
.featuredGranteeContent ul li a {color:#1a1a1a;}
.featuredGranteeContent p.region a {color:#ef3e36;}
.featuredGranteeContent p.region a:hover {color:#ffb60f;}
.featuredGranteeContent a.readMore {color:#ef3e36;text-transform:uppercase;font-size:1.125em;font-weight:700;}
.featuredGranteeContent a.readMore:hover {color:#ffb60f;}

@media (min-width: 768px) {
    body.landing #content #grantsIntro .container {padding-left:0;padding-right:0;}
    .grantsIntroText {padding-bottom:25px;}
    #grantsBeyond {padding-top:80px;padding-bottom:90px;}
    #grantsFeed {padding-top:80px;padding-bottom:25px;}
    #grantsFeed h1 {padding-bottom:80px;}
    #grantsFeed h2 {font-size:1em;}
    .featuredGrantee {margin-bottom:65px;}
    .featuredGrantee:nth-child(2),
    .featuredGrantee:nth-child(4),
    .featuredGrantee:nth-child(6) {clear:both;}
}
@media (min-width: 1024px) {   
    body.programs-grants #subNavigation {display:block;}
    body.landing #content #grantsIntro .container {padding-left:20px;padding-right:20px;}
    .grantsIntroImage {display:none;}
    .grantsIntroImage2 {display:block; padding-bottom:65px;}
    #grantsBeyond {padding-top:55px; padding-bottom:65px;}
    .featuredGrantee:nth-child(2),
    .featuredGrantee:nth-child(4),
    .featuredGrantee:nth-child(6) {clear:none;}
    .featuredGrantee:nth-child(5) {clear:both;}
    .featuredGrantee:nth-child(8) {clear:both;}
    #grantsFeed {padding-top:65px;}
    #grantsFeed h3 {font-size:1.875em;}
}
@media (min-width: 1200px) {}


/*/////////////////////////////////////////
What We Do - Grants - Application
/////////////////////////////////////////*/
.gform_page_footer {width:100%;float:left;}
.gform_wrapper .gform_page_footer .button.gform_previous_button {float:left;color:#ef3e36;}
.gform_wrapper .gform_page_footer .button.gform_next_button {float:right;color:#ef3e36;}




/*/////////////////////////////////////////
What We Do - ESPERA
/////////////////////////////////////////*/
body.programs-espera {}

#esperaIntro .container {padding-left:0;padding-right:0;}
.esperaIntroImage {padding-left:0;padding-right:0;}
.esperaIntroContent {padding-bottom:20px;}

.esperaNav ul li {display:inline-block;border:2px solid #ef3e36;background:#FFFFFF;color:#ef3e36;padding:11px 18px;text-transform:uppercase;font-weight:600;margin:0 8px 15px 8px;}
.esperaNav ul li:hover {cursor:pointer;}
.jItem,
.jButton {display:none;}
.jItem.active {display:block;}
.jButton.active {display:inline-block;background:#ef3e36;color:#FFFFFF;}
.jItemContainer {border:2px solid #e4e4e4;background:#FFFFFF;padding:20px 20px 25px 20px;}
.jContentImage {margin-bottom:15px;}
.jItemContainer h2 {padding-bottom:20px;}
.jItemContainer i,
a.jButton6 {display:block;font-size:1.125em;line-height:1.1;color:#ef3e36;font-weight:700;text-align:right;text-transform:uppercase;}
.jItemContainer i:after,
a.jButton6:after {content:' \00bb';color:#ef3e36;font-weight:700;}
.jItemContainer i:hover,
a.jButton6:hover {cursor:pointer;}

@media (min-width: 768px) {
    .esperaIntroContent {padding-bottom:65px;}
    #esperaPages.patternBackground {padding-top:60px;}
    #esperaPages .buttonGroup {padding-bottom:45px;}
    .jItemContainer {padding:55px;}
    .jContentImage {margin-bottom:30px;}
}
@media (min-width: 1024px) {
    #esperaIntro .container {padding-left:20px;padding-right:20px;}
    .esperaIntroImage {padding-left:20px;padding-right:20px;}
    .esperaNav ul li {margin:0 5px 5px 5px;font-size:16px;font-weight:600;}
    #esperaPages.patternBackground {padding-top:40px;}
    #esperaPages .buttonGroup {padding-bottom:40px;}
    .jButton {position:relative;}
    .jButton.active:after {
        content: ' ';
        display: block;
        position: absolute;
        left: 25%;
        right: 25%;
        text-align: center;
        width: 0px;
        height: 0px;
        margin-top: 12px;
        margin-left: auto;
        margin-right: auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ef3e36;
    }
    .jItemContainer {float:left;}
    .jContentImage {width:40%;float:left;}
    .jContentText {width:55%;float:left;margin-left:5%;}
}
@media (min-width: 1200px) {}



/*/////////////////////////////////////////
ESPERA Partners
/////////////////////////////////////////*/
.singlePostStats {padding-top:10px;padding-bottom:10px;}
.singlePostStats ul {list-style:none;margin:0;padding:0;}
body.single-partners .secondary-content h3 {padding-top:25px;}
body.grantees #grantsFeed,
body.post-type-archive-partners #grantsFeed {padding-top:20px;}
body.post-type-archive-partners #banner {border-bottom:0;}
#secondaryHero.partners {padding-top:50px;padding-bottom:50px;background-image:url(/wp-content/themes/marys/img/espera_partners_map_short@4x.png);background-size:contain;background-position:102%;background-repeat:no-repeat;}
body.single-partners #content .container {padding-left:0;padding-right:0;}
body.post-type-archive-partners #content .container {padding-left:0;padding-right:0;}

@media (min-width: 768px) {
    body.single-partners #content .container {padding-left:20px;padding-right:20px;}
    body.post-type-archive-partners #content .container {padding-left:20px;padding-right:20px;}
    #secondaryHero.partners {padding-top:100px;padding-bottom:100px;}
}
@media (min-width: 1024px) {
    #secondaryHero.partners {padding-top:150px;padding-bottom:150px;}
    
}
@media (min-width: 1200px) {}



























/*/////////////////////////////////////////
Ways to Help
/////////////////////////////////////////*/
body.help {}

body.landing #content .helpCompContainer,
body.landing #content #helpPrimary .container,
body.landing #content #helpSecondary .container {padding-left:20px;padding-right:20px;}

#helpComp {margin-bottom:50px;}
.helpCompContent {color:#FFFFFF;padding:35px 20px 45px 20px;}
.helpCompBackground {background:#019fc4;float:left;}
.landing-content .helpCompContent h3 {color:#FFFFFF;font-size:1.688em;line-height:1.2;font-weight:700;padding-top:0;padding-bottom:20px;}
.helpCompContent .button {display:inline-block;border-color:#FFFFFF;color:#FFFFFF;background:transparent;font-weight:700;text-align:left;line-height:1.2;font-size:1.125em;}
.helpCompImage {padding-left:0;padding-right:0;}
body.help .landing-content h2 {font-size:1.6em;line-height:1.2;text-transform:none;}

#helpPrimary {text-align:center;}
.primaryWays {margin-bottom:90px;}

#helpSecondary {text-align:center;}
body.help .landing-content #helpSecondary h3 {font-size:2em;line-height:1;font-weight:700;color:#1a1a1a;padding-bottom:35px;}
.secondaryWays {margin-bottom:35px;}
.secondaryWaysContainer {padding:30px 25px 35px 25px;background:#FFFFFF;border:2px solid #e4e4e4;}

@media (min-width: 768px) {
    
    .helpCompContent {background:#019fc4;padding:20px;color:#FFFFFF;padding:55px 60px 55px 60px;}

    body.help .landing-content h2 {padding-bottom:25px;}
    .landing-content .helpCompContent h3 {font-size:2.25em;}
    .landing-content .helpCompContent p {padding-bottom:40px;}
    .landing-content .primaryWays p {padding-bottom:20px;}
    
    #helpSecondary .container {margin-left:2%;}
    #helpSecondary.row.patternBackground {padding-top:60px; padding-bottom:50px;}
    body.help .landing-content #helpSecondary h3 {font-size:2.25em;padding-bottom:45px;}
}
@media (min-width: 1024px) {
    body.help #subNavigation {display:block;}
        
    #helpComp {margin-bottom:80px;}
    .helpCompContent {}
    
    #helpSecondary .container {margin-left:auto;}
    #helpSecondary.row.patternBackground {padding-top:80px;padding-bottom:90px;}
    .secondaryWays {padding-left:10px;padding-right:10px;}
    
    .helpCompContent .button {font-weight:600;}
    
}
@media (min-width: 1200px) {}

/* Breakpoints copied from Home */
@media (min-width: 500px) {
    .help #landingHero h1 {font-size:2.5em;}
}

@media (min-width: 700px) {
    .help #landingHero h1 {font-size:2.8em;}
}

@media (min-width: 768px) {
    .help #landingHero .container {top:0;}
    .help #landingHero h1 {font-size:3em;line-height:1.02;left:40px;}
    .help #landingHero nav {margin-top:-21px;} /* quick fix */
}

@media (min-width: 1024px) {
    .help #landingHero .container {max-width:none;top:50px;}
    .help #landingHero h1 {font-size:3.5em;line-height:1;top:40px;}
}

@media (min-width: 1200px) {
    .help #landingHero h1 {font-size:4em;top:60px;}
}

@media (min-width: 1400px) {
    .help #landingHero h1 {font-size:4.5em;top:100px;}
}

/*/////////////////////////////////////////
Ways to Help - Secondary
/////////////////////////////////////////*/
body.help-secondary {}


@media (min-width: 768px) {

}
@media (min-width: 1024px) {
   body.help-secondary #subNavigation {display:block;}
    
}
@media (min-width: 1200px) {}


/*/////////////////////////////////////////
Women's Stories
/////////////////////////////////////////*/
body.single {}
body.single #content .container {padding-left:0;padding-right:0;}
body.stories #content .container {padding-left:0;padding-right:0;}
body.stories #grantsFeed {padding-top:0;}
#grantsFeed .container {padding-right:0;padding-left:0;};
body.stories .ctaStory {margin-bottom:50px;}
body.single #primary {padding-bottom:90px;}
.singlePostImage img {border:6px solid #ffb60f;margin-bottom:15px;}
figure {margin:0;}
figure.alignleft,
figure.alignright {float:none;clear:both;margin:0;}
figure.alignleft img,
figure.alignright img {width:100%;height:auto;}
figcaption {font-size:.875em;line-height:1.6;color:#1a1a1a;background:#E4E4E4;padding:10px 15px;margin-bottom:15px;}

aside.taxonomy ul {list-style:none;}
aside.taxonomy ul li {font-size:1.125em;text-transform:uppercase;margin-bottom:15px;line-height:1.2;}
aside.taxonomy ul li a {color:#ef3e36;font-weight:700;}
aside.taxonomy ul li a:hover {color:#ffb60f;}
aside.taxonomy ul li a:after {content:'\00bb';margin-left:4px;}

.singlePostCategory {padding-top:20px;}
.singlePostCategory a {color:#ef3e36;text-transform:uppercase;font-weight:700;}



@media (min-width: 768px) {
    body.single #content .container {padding-left:20px;padding-right:20px;}
    body.stories #content .container {padding-left:20px;padding-right:20px;}
    body.single #secondaryHero {margin-bottom:55px;}
    figure {margin:0;}
    figure.alignleft {float:left;clear:none;margin:0 15px 0 0;}
    figure.alignright {float:right;clear:none;margin:0 0 0 15px;}
    figure.alignleft img,
    figure.alignright img {width:auto;height:auto;}
    figcaption {font-size:.875em;line-height:1.6;color:#1a1a1a;background:#E4E4E4;padding:10px 15px;margin-bottom:15px;}
}
@media (min-width: 1024px) {
    body.single #secondaryHero {margin-bottom:30px;}
    body.stories .ctaStory {margin-bottom:0;}
    body.stories #grantsFeed {padding-top:65px;}
}
@media (min-width: 1200px) {}


/*/////////////////////////////////////////
Women's Stories - Single
/////////////////////////////////////////*/
body.single-story {}

body.single-story #secondaryHero {margin-bottom:35px;}
body.single-story p img{margin-right:0;margin-left:0;}

@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Women's Stories - Taxonomies
/////////////////////////////////////////*/
body.stories {}
body.stories #secondaryHero {margin-bottom:35px;}
@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (min-width: 1200px) {}


/*/////////////////////////////////////////
News & Events
/////////////////////////////////////////*/
body.blog {}
body.blog #content .container {padding-left:0;padding-right:0;}
body.blog #grantsFeed p.granteeFocus {position:absolute;top:-20px;font-size:1.125em;line-height:1.2;padding-bottom:0;margin-bottom:-20px;z-index:999;max-width:80%;}
body.blog #grantsFeed p.granteeFocus a {display:inline-block;padding:12px;background:#ffb60f;color:#1a1a1a;text-transform:none;font-weight:400;}
body.blog #grantsFeed p.granteeFocus a:hover {background:#ef3e36;color:#FFFFFF;}
body.blog #grantsFeed h2 {position:relative;top:auto;font-size: 1.5em;text-transform: none;margin-bottom: 20px;padding-top: 0;line-height: 1;}
body.blog #grantsFeed h2 a {display:inline;padding:0;background:none;color:#1a1a1a;text-transform:none;font-weight:700;}
body.blog #grantsFeed h2 a:hover {background:none;color:none;}
#storyFeatured {padding-bottom:20px;}

@media (min-width: 768px) {
    #storyFeatured {padding-top:20px;}
    body.blog #content .container {padding-left:20px;padding-right:20px;}
    body.blog .featuredGrantee:nth-child(2) {clear:none;}
    body.blog .featuredGrantee:nth-child(3) {clear:both;}
    body.blog .featuredGrantee:nth-child(4) {clear:none;}
    body.blog .featuredGrantee:nth-child(5) {clear:both;}
    body.blog .featuredGrantee:nth-child(6) {clear:none;}
    body.blog .featuredGrantee:nth-child(7) {clear:both;}
    body.blog .featuredGrantee:nth-child(9) {clear:both;}
}
@media (min-width: 1024px) {
    body.blog .featuredGrantee:nth-child(2) {clear:none;}
    body.blog .featuredGrantee:nth-child(3) {clear:none;}
    body.blog .featuredGrantee:nth-child(4) {clear:both;}
    body.blog .featuredGrantee:nth-child(5) {clear:none;}
    body.blog .featuredGrantee:nth-child(6) {clear:none;}
    body.blog .featuredGrantee:nth-child(7) {clear:both;}
    body.blog .featuredGrantee:nth-child(8) {clear:none;}
    body.blog .featuredGrantee:nth-child(9) {clear:none;}
}

/*/////////////////////////////////////////
News & Events - Single
/////////////////////////////////////////*/
body.single-post {}

@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
News & Events - Categories
/////////////////////////////////////////*/
body.archive {}
body.archive #grantsFeed p.granteeFocus {position:absolute;top:-20px;font-size:1.125em;line-height:1.2;padding-bottom:0;margin-bottom:-20px;z-index:999;max-width:80%;}
body.archive #grantsFeed p.granteeFocus a {display:inline-block;padding:12px;background:#ffb60f;color:#1a1a1a;text-transform:none;font-weight:400;}
body.archive #grantsFeed p.granteeFocus a:hover {background:#ef3e36;color:#FFFFFF;}
body.archive #grantsFeed h2 {position:relative;top:auto;font-size: 1.5em;text-transform: none;margin-bottom: 20px;padding-top: 0;line-height: 1;}
body.archive #grantsFeed h2 a {display:inline;padding:0;background:none;color:#1a1a1a;text-transform:none;font-weight:700;}
body.archive #grantsFeed h2 a:hover {background:none;color:none;}
ul.granteeSeason {list-style:none;font-size:1.125em;padding-bottom:0;margin:0;}
ul.granteeSeason li {display:inline-block;}


#pagination {width:100%;float:left;margin-top:-20px;padding-bottom:50px;}
#pagination a {color:#ef3e36;text-transform:uppercase;font-weight:700;}

.featuredStoryTitle {font-size:2em;padding-bottom:20px;}
.featuredStoryTitle a {
    display: inline;
    padding: 0;
    background: none;
    color: #1a1a1a;
    text-transform: none;
    font-weight: 700;
}

@media (min-width: 768px) {
    
    body.archive .featuredGrantee:nth-child(2) {clear:none;}
    body.archive .featuredGrantee:nth-child(3) {clear:both;}
    body.archive .featuredGrantee:nth-child(4) {clear:none;}
    body.archive .featuredGrantee:nth-child(5) {clear:both;}
    body.archive .featuredGrantee:nth-child(6) {clear:none;}
    body.archive .featuredGrantee:nth-child(7) {clear:both;}
    body.archive .featuredGrantee:nth-child(9) {clear:both;}
    body.archive #secondaryHero {margin-bottom:35px;}
    body.archive #storyFeatured {margin-bottom:35px;}
    body.archive #pagination {padding-bottom:0;margin-bottom:65px;}
}
@media (min-width: 1024px) {
    body.grantees #subNavigation {display:block;}
    body.archive .featuredGrantee:nth-child(2) {clear:none;}
    body.archive .featuredGrantee:nth-child(3) {clear:none;}
    body.archive .featuredGrantee:nth-child(4) {clear:both;}
    body.archive .featuredGrantee:nth-child(5) {clear:none;}
    body.archive .featuredGrantee:nth-child(6) {clear:none;}
    body.archive .featuredGrantee:nth-child(7) {clear:both;}
    body.archive .featuredGrantee:nth-child(8) {clear:none;}
    body.archive .featuredGrantee:nth-child(9) {clear:none;}
}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Contact
/////////////////////////////////////////*/
body.contact {}
#contactPage p {padding-bottom:25px;}
#contactPage ul {list-style:none;margin:0;}
#contactPage ul li {margin-bottom:15px;padding-bottom:0;}

#contactPage input.gform_button {display:inline-block;border:3px solid #ef3e36;color:#ef3e36;font-size:18px;text-transform:uppercase;font-weight:700;width:auto;float:left;padding:3px 20px;}
#contactPage input[type="submit"].gform_button:hover {background:#ef3e36;color:#FFFFFF;}
#contactPage ul.gform_fields li {margin-bottom:30px;}

@media (min-width: 768px) {
    .contactStaff {clear:both;}
    body.contact #content {position:relative;}
    #contactPage {min-height:1100px;}
    .contactForm {position:absolute;right:0;top:0;}
}
@media (min-width: 1024px) {
    .contactStaff {clear:none;}
    body.contact #content {position:relative;}
    .contactForm {position:relative;right:auto;top:auto;}
    #contactPage input.gform_button {font-weight:600;}
}

/*/////////////////////////////////////////
Search
/////////////////////////////////////////*/
body.search #primary {border:2px solid #e4e4e4;background:#FFFFFF;padding:20px;}
h3.searchTitle a {color:#ef3e36;}
h3.searchTitle a:hover {color:#ffb60f;}
body.search #primary.content-area a.readMore {color:#ef3e36;}
body.search #primary.content-area a.readMore:hover {color:#ffb60f;}

@media (min-width: 768px) {
    body.search #primary {padding:20px 40px;}
    
}
@media (min-width: 1024px) {
    body.search #primary {padding:60px;}

}

/*/////////////////////////////////////////
404 Page
/////////////////////////////////////////*/

@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Universal Calls to Action
/////////////////////////////////////////*/
#bottom {}
.bottomContainer {background:#c1bb00;padding-left:0;padding-right:0;}

.bottomNews {padding-top:40px;padding-bottom:50px;}
.bottomNews p {font-weight:700;color:#1a1a1a;font-size:1.688em;line-height:1.1;text-transform:uppercase;margin:0 0 20px 0;text-align:left;}
.bottomNews p.button a {
    display: inline-block;
    color: #000000;
    background: #FFFFFF;
    padding: 11px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}
.bottomNews input.email {border:0;padding:8px 16px;color:#1a1a1a;font-size:.875em;width:100%;float:right;}
.bottomNews input.button {border:0;background:#FFFFFF;color:#1a1a1a;text-align:center;font-weight:700;text-transform:uppercase;font-size:1.125em;padding:8px 16px;float:right;margin-top:15px;}

.bottomDonateContent {padding-left:0;padding-right:0;}
.bottomDonate {padding-top:40px;padding-bottom:80%;}
.bottomDonate h4 {color:#FFFFFF;font-size:1.688em;font-weight:700;padding-bottom:15px;text-transform:uppercase;}
.bottomDonate p {color:#FFFFFF;font-size:1.125em;line-height:1.4;padding-bottom:20px;}
.bottomDonateButton {display:inline-block;color:#FFFFFF;background:#019fc4;padding:11px 15px;text-transform:uppercase;font-weight:700;font-size:1.125em;}
.bottomDonateButton:visited {color:#fff;}

@media (min-width: 768px) {
    .bottomNews {padding-top:80px;padding-bottom:90px;}
    .bottomNews form {width:456px;margin:0 auto;}
    .bottomNews p {text-align:center;font-size:2.25em;margin-bottom:35px;}
    .bottomNews input.email {width:350px;float:left;height:39px;font-size:1.125em;}
    .bottomNews input.button {float:left;width:96px;margin-left:10px;margin-top:0;}
    
    .bottomDonate {padding-top:90px;padding-bottom:90px;}
    .bottomDonate h4 {font-size:2.25em;padding-bottom:25px;}
    .bottomDonate p {padding-bottom:30px;}
    
}
@media (min-width: 1024px) {
    
    .bottomNews {padding-top:115px;}
    .bottomNews form {display:block;width:400px;}
    .bottomNews input.email {width:294px;float:left;height:39px;font-size:1.125em;}
    .bottomNews input.button {float:left;width:96px;margin-left:10px;margin-top:0;font-weight:600;}
    .bottomDonateButton {font-weight:600;}
    .bottomDonateContent {padding-left:20px;padding-right:20px;}

}
@media (min-width: 1200px) {
    #bottom {background:#c1bb00;}
    .bottomContainer {padding-left:20px;padding-right:20px;}
}

/*/////////////////////////////////////////
Footer
/////////////////////////////////////////*/
#colophon {padding-top:35px;padding-bottom:15px;}
a.footerLogo {display:block;margin:0 auto 35px auto;max-width:300px;}
ul.footerContact {text-align:center;list-style:none;font-size:1.125em;margin-bottom:20px;}
ul.footerContact li {margin-bottom:20px;color:#FFFFFF;}
body.home ul.footerContact li {color:#1a1a1a;}
ul.footerContact li:nth-child(2) a {font-weight:600;color:#1a1a1a;}
ul.footerContact li:nth-child(2) a:hover {color:#ef3e36;}
ul.footerSocial {text-align:center;}
ul.footerSocial li {display:inline-block;width:36px;height:36px;margin: 0 6px;}
ul.footerSocial li a {display:block;width:26px;height:26px;margin-top:7px;}
    #footerSocialFacebook {background:url(/wp-content/themes/marys/img/social_fb.svg);}
    #footerSocialInstagram {background:url(/wp-content/themes/marys/img/social_instagram.svg);}
    #footerSocialTwitter {background:url(/wp-content/themes/marys/img/social_twitter.svg);}
    #footerSocialYouTube {background:url(/wp-content/themes/marys/img/social_youtube.svg);}
    #footerSocialFacebook:hover {background:url(/wp-content/themes/marys/img/social_fb_hover.svg);}
    #footerSocialInstagram:hover {background:url(/wp-content/themes/marys/img/social_instagram_hover.svg);}
    #footerSocialTwitter:hover {background:url(/wp-content/themes/marys/img/social_twitter_hover.svg);}
    #footerSocialYouTube:hover {background:url(/wp-content/themes/marys/img/social_youtube_hover.svg);}
p.footerAddress {text-align:center;font-size:1.125em;margin-bottom:35px;}
p.footerAddress a {color:#1a1a1a;}
p.footerAddress a:hover {color:#ef3e36;}
ul#footer-primary {text-align:center;list-style:none;}
ul#footer-primary li {margin-bottom:20px;font-size:1.125em;line-height:1.2;}
ul#footer-primary li a {color:#019fc4;font-weight:600;}
#subfooter {background:#019fc4;padding:35px 0 20px 0;}
#subfooter ul {text-align:center;list-style:none;}
#subfooter ul li {margin-bottom:20px;font-size:1.125em;line-height:1.2;}
#subfooter ul li a {color:#FFFFFF;font-weight:600;}
#copyright {background:#333333;color:#FFFFFF;padding-top:10px;padding-bottom:10px;}
#copyright .container {padding-left:0;padding-right:0;}
#copyright p {text-align:center;font-size:.875em;line-height:1.2;}
#copyright p a {color:#FFFFFF;}
#copyright .left {margin-bottom:10px;}
#copyright .middle {margin-bottom:10px;}

@media (min-width: 768px) {
    #colophon {padding-bottom:35px;}
    ul.footerContact li,
    ul.footerContact ul {display:inline-block;margin-right:10px;margin-left:10px;}
    ul.footerSocial li {display:inline-block;width:26px;height:26px;margin: 0 3px;}
    p.footerAddress {margin-bottom:75px;}
    ul#footer-primary li {display:inline-block;margin-bottom:0;margin-left:20px;margin-right:20px;}
    #subfooter ul li {display:inline-block;margin:0 15px 20px 15px;}
    #copyright .left {margin-bottom:10px;}
    #copyright .left p,
    #copyright .middle p {text-align:left;}
    #copyright .middle {margin-top:20px;}
    #copyright .right {margin-top:-46px;}
    #copyright .right p {text-align:right;}
}
@media (min-width: 1024px) {
    #colophon {padding-top:55px;}
    #copyright .left {margin-bottom:0;}
    #copyright .middle {margin-top:0;margin-bottom:0;}
    #copyright .right {margin-top:0;}
    #copyright .left p {text-align:left;}
    #copyright .middle p {text-align:center;}
    #copyright .right p {text-align:right;}
}
@media (min-width: 1200px) {}

/*/////////////////////////////////////////
Secondary Footer
/////////////////////////////////////////*/
#colophon2 {padding-top:35px;padding-bottom:15px;background:#019fc4;}
#colophon2 
#colophon2 .footerContact,
#colophon2 .footerContact a,
#colophon2 .footerAddress {color:#FFFFFF;}
#colophon2 .footerAddress a {color:#FFFFFF;}
#colophon2 ul#footer-primary li a {color:#FFFFFF;font-weight:600;}
#subfooter2 {background:#FFFFFF;padding:35px 0 20px 0;}
#subfooter2 ul {text-align:center;list-style:none;}
#subfooter2 ul li {margin-bottom:20px;font-size:1.125em;line-height:1.2;}
#subfooter2 ul li a {color:#019fc4;font-weight:600;}
    #footerSocialFacebook2 {background:url(/wp-content/themes/marys/img/social_fb_2.svg);}
    #footerSocialTwitter2 {background:url(/wp-content/themes/marys/img/social_twitter_2.svg);}
    #footerSocialYouTube2 {background:url(/wp-content/themes/marys/img/social_youtube_2.svg);}
    #footerSocialFacebook2:hover {background:url(/wp-content/themes/marys/img/social_fb_2hover.svg);}
    #footerSocialTwitter2:hover {background:url(/wp-content/themes/marys/img/social_twitter_2hover.svg);}
    #footerSocialYouTube2:hover {background:url(/wp-content/themes/marys/img/social_youtube_hover_1.svg);}

@media (min-width: 768px) {
    #colophon2 {padding-bottom:35px;}
    #subfooter2 ul li {display:inline-block;margin:0 15px 20px 15px;}
}
@media (min-width: 1024px) {
    #colophon2 {padding-top:55px;}
}

/*/////////////////////////////////////////
Constant Contact Garbage
/////////////////////////////////////////*/
#success_message {display:inline-block;padding:10px;background:#FFFFFF;position:absolute;top:0;left:25%;right:25%;}
.searchButton {float:right;}

body.page-id-142 .gform_wrapper {clear:both; margin-bottom:25px;}

body.page-id-142 .gform_wrapper .top_label h2.gsection_title {font-size:22.4px;line-height:1.2;font-weight:700;padding-bottom:8px;margin-top:0;text-transform:none;}

body.page-id-142 .gform_wrapper .top_label label.gfield_label {font-weight: 600;}

body.page-id-142 .gform_wrapper .top_label .gsection_description {color:#1a1a1a; font-size:18px; line-height:1.6; margin-bottom:0; padding:0 0 25px 0;}

#granteeShare + p {
    display: none;
}

body.page-id-142 .gform_wrapper .gform_button_select_files {
    float: none;
}

body.page-id-142 .gform_wrapper .gform_footer {
    padding: 0 0 40px 0;
}

/*/////////////////////////////////////////
404
/////////////////////////////////////////*/
body.error404 {}

body.error404 .landing-content a:link,
body.error404 .landing-content a:visited {color:#019fc4; font-weight:600;}

body.error404 .landing-content p {hyphens:none;}

/*/////////////////////////////////////////
Print
/////////////////////////////////////////*/
@media print {

  [class*="col-sm-"] {
    float: left;
  }

  [class*="col-xs-"] {
    float: left;
  }

  .col-sm-12, .col-xs-12 {
    width:100% !important;
  }

  .col-sm-11, .col-xs-11 {
    width:91.66666667% !important;
  }

  .col-sm-10, .col-xs-10 {
    width:83.33333333% !important;
  }

  .col-sm-9, .col-xs-9 {
    width:75% !important;
  }

  .col-sm-8, .col-xs-8 {
    width:66.66666667% !important;
  }

  .col-sm-7, .col-xs-7 {
    width:58.33333333% !important;
  }

  .col-sm-6, .col-xs-6 {
    width:50% !important;
  }

  .col-sm-5, .col-xs-5 {
    width:41.66666667% !important;
  }

  .col-sm-4, .col-xs-4 {
    width:33.33333333% !important;
  }

  .col-sm-3, .col-xs-3 {
    width:25% !important;
  }

  .col-sm-2, .col-xs-2 {
    width:16.66666667% !important;
  }

  .col-sm-1, .col-xs-1 {
    width:8.33333333% !important;
  }

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 {
  float: left !important;
  }

  body {
    margin: 0;
    padding: 0 !important;
    min-width: 768px;
  }

  .container {
    width: auto;
    min-width: 750px;
  }

  a[href]:after {
    content: none;
  }
    body.single #secondaryHero {margin: 0 0 15px 0; padding: 0;}
    #banner, #secondary, #bottom, #colophon2, #subfooter2 {display: none;}
    .singlePostImage img {border:none;max-width: 5in;}
    .wp-caption {display: none;}
}