/*
Theme Name: pleafoundation
Template: hf-foundation
Author: Jordan Dorley @ Hunchfree
Author URI: plea.hunchfree.com/
Description: Child Theme Styles for PLEA
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: hf_found
*/


.mobile-logo-link {
	padding-top: 1rem;
	}

@media only all and (min-width: 851px) {
	
	ul.sub-menu {
		background: #ac9f7e;
	}
	
	.utility.desktop .menu-item {
		padding-top: 8px;
		height: 38px;
		}
	
	.utility.desktop ul li:hover > a {
    	color: #6b6351;
	}
	
	.sub-menu {
	position: relative;
    }
    
    .nav.desktop ul.pvtdd {
    z-index: 1;
}
    
    
	/* hide the mobile navigation block at this size */
	#mobile-nav-block {
		display: none;
	}
	#mobile-nav-pad,
	.theme-sticky-mobile-nav #mobile-nav-pad {
		display: none;
	}
	.theme-sticky-nav #mobile-nav-pad,
	.admin-bar .theme-sticky-nav #mobile-nav-pad {
		/* the height of the pad should be the height of the sticky nav */
		display: block;
		height: 78px;
	}

	/* show the hideable nav block at this size */
	#hideable-nav-block {
		display: block;
		background-color: transparent;
	}
	/* unstick the hideable nav if only the mobile nav is sticky */
	.theme-sticky-mobile-nav #hideable-nav-block,
	.admin-bar .theme-sticky-mobile-nav #hideable-nav-block {
		position: relative;
		top: 0;
	}
	.theme-sticky-nav #hideable-nav-block {
		top: 0;
	}
	.admin-bar .theme-sticky-nav #hideable-nav-block {
		top: 32px;
	}
	/* add a box shadow and opacity if the user has scrolled down to
		ensure that the header is distinct from the other content
	*/
	.scrolled .theme-sticky-nav #hideable-nav-block {
		opacity: 0.9;
		box-shadow: 0 1px 3px #333;
		background-color: #FFF;
	}

	/* Privateer Drop Down Menus */
	ul.pvtdd,
	ul.pvtdd ul,
	ul.pvtdd li {
		list-style: none;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
	}
	ul.pvtdd {
		position: relative;
		z-index: 500;
		padding-top: 0px;
		display: inline-block;
		line-height: 1;
	}

	ul.pvtdd ul {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}

	ul.pvtdd li {
		vertical-align: middle;
		float: left;
		zoom: 1;
	}

	ul.pvtdd li.hover,
	ul.pvtdd li:hover {
		position: relative;
	}

	ul.pvtdd li a,
	ul.pvtdd ul li a {
		margin: 0;
		display: block;
	}

	ul.pvtdd ul li {
		float: none;
		/* padding-left: 0.5em; */
	}

	ul.pvtdd ul ul {
		top: 0;
		left: 100%;
	}

	ul.pvtdd li:hover > ul {
		visibility: visible;
	}

	/* horizontal downward tweaks - Values for margins should be 2 times border thickness */

	ul.pvtdd-h-down ul ul {
		margin-top: 0;
	}

	ul.sub-menu {
		display:block;
		background-color: #ac9f7e;
		opacity: 1;
		text-align: left;
		border-top: 5px solid #8e8368;
		width: 270px;
	}
	
	ul.pvtdd ul.sub-menu a:hover {
    background-color: #6b6351;
}

	ul.pvtdd li {
		display: inline;
		/* width: 25%; */
		/* float: left; */
		text-align: left;
		margin-top: 0em;
	}

	ul.pvtdd li a {
		font-family: 'Open Sans', sans-serif;
    	color: #fefefe;
		border: 0 none;
		width: auto;
		display: inline;
		margin: 0;
		background-color: transparent;
	}
	
	.nav.desktop ul.pvtdd li a {
		font-family: 'Oswald', sans-serif;
    	color: #885d0f !important;
    	letter-spacing: 0.08rem;
    	text-transform: uppercase;
    	font-size: 1.2rem;
		border: 0 none;
		width: auto;
		display: inline;
		margin: 0;
		background-color: transparent;
	}
	
	.nav.desktop ul.pvtdd li a:hover {
    	color: #c38513 !important;
	}
	
	ul.pvtdd > li:first-of-type a {
		padding-left: 0;
	}
	ul.pvtdd > li:last-of-type a {
		padding-right: 0;
	}
	ul.pvtdd li a:hover {
		background-color: transparent;
	}
	ul.pvtdd ul li {
		margin: 0;
	}
	ul.pvtdd li.no_mobile {
		display: block;
	}
	ul.pvtdd ul.sub-menu a {
		padding-left: 0.5em;
		background-image: none;
		color: #FFF;
	}
	
	ul.pvtdd ul.sub-menu a:hover {
    color: #FFF;
	}

	/* Add any special styling for large displays of the drop down menus here */
}

body {
	color: #484848;
}

p {
	font-family: 'Open Sans', sans-serif;
	color: #484848;
	font-size: 1.2rem;
}

/*h2 {
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}*/

h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
}

h3 {
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    line-height: 1.2;
}

h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 1rem 0 1rem 0;
}

h4.tzcustom_title  {
    font-family: 'Oswald', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 1rem 0 1rem 0;
}

h5 {
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    color: #484848;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.utility a {
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    font-weight: 200;
    color: #fefefe;
    letter-spacing: 0.1rem;
    line-height: 1.2;
}

.button {
    font-family: 'Oswald', sans-serif;
    background-color: #f1c40f;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.button.hollow {
    border: 1px solid #885d0f;
    color: #885d0f;
}

.button:hover, .button:focus {
    background-color: #885d0f;
    color: #fefefe;
}

.button.hollow:hover, .button.hollow:focus {
    border-color: #885d0f;
    color: #885d0f;
}


@media screen and (min-width: 851px) {
    .mobile {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .desktop {
    display: none;
    }
}
.title-bar {
    background: #fefefe;
    color: #0055a2;
    padding: 0.5rem;
}

.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0055a2;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0055a2, 0 14px 0 #0055a2;
}

.top-bar, .top-bar ul {
    background-color: #ac9f7e;
    padding: 0.5rem 0 0.5rem 0;
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.top-bar, .top-bar ul a {
    color: #fefefe !important;
}

.nav .menu .top-bar  {
    padding-top: 0px;
}

.row {
    max-width: 65rem;
}

.logo {
	padding: 1rem 0 1rem 0;
}

.utility {
    background: #0054a1;
}

.utility p {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    margin: 0.25rem 0 0.25rem 0;
}

.utility a {
    color: #e2e2e2;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

.utility a i {
	color: #f1c40f;
}

.utility a i:hover {
    color: #885d0f;
}

.utility a:hover, a:focus {
    color: #c1c1c1;
}

.utility .menu > li > a {
    font-family: 'Open Sans', sans-serif;
    color: #fefefe;
    padding: 0.25rem;
    font-size: 0.9rem;
}

.utility .menu > li > a:hover {
    color: #f1c40f !important;
}


.utility .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
}

.call {
    background: #8e8368;
    height: 38.38px;
    padding: 0.25rem 0.5rem;
}

.nav {
	background: #fefefe;
}

.nav .menu {
    padding-top: 30.5px;
}

.nav .menu .submenu {
    padding-top: 0px;
}

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #ac9f7e;
    border: none;
    border-top: 5px solid #8e8368;
}

.menu.alt > li > a {
    font-family: 'Oswald', sans-serif;
    color: #885d0f !important;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.menu.alt > li > a:hover {
    color: #c38513 !important;
}


.menu > li > a {
    font-family: 'Open Sans', sans-serif;
    color: #0055a2;
}

.logo {
	padding: 0.5rem;
}

.return {
    padding-top: 0.25rem;
}

/* -------------------------------------
------------ HOME STYLES --------------
--------------------------------------*/

.hero {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 40% 60%;
    background-image: url('/wp-content/uploads/2017/02/foundation-hp-head.jpg');
}

.hero:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
}
.hero h1 {
	margin-bottom: 0.75rem;
}

.hero-content {
	position: relative;
	z-index: 999;
}

@media screen and (min-width: 768px) {
.hero {
    padding: 10rem 0 10rem;
	}
}

@media screen and (max-width: 767px) {
.hero {
    padding: 130px 0 110px;
    background-position: 75% 60%;
	}
}

.hero h1.post-title > .sub-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.hero h1.post-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: 800;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
.hero h1.post-title {
    font-size: 2rem;
	}

.hero h1.post-title > .sub-title {
    font-size: 1rem;
	}
}

.hp-intro {
	background: #f7f7f7;
	padding: 5rem 0 5rem 0;
}

.hp-intro p {
    color: #696969;
}

.hp-success-story {
    background: #fefefe;
    padding: 5rem 0 5rem 0;
    color: #0054a1; 
}

.hp-success-story p {
    font-size: 1.1rem;
}

@media screen and (max-width: 1024px) {
    .success-details h3, .success-details p {
        padding-left: 1rem;
    }
}

.hero-content .button.hollow {
    border: 1px solid #f1c40f;
    color: #f1c40f;
}

.hero-content .button.hollow:hover, .hero-content .button.hollow:focus {
    border-color: #fefefe;
    color: #fefefe;
}

.hp-donation-tiers {
    background: #f7f7f7;
    padding: 5rem 0 5rem 0;
    color:#0054a1;
}

.orbit-slide {
    background: none;
    transition: all 0.5s ease;
    border: 1px solid #0054a1;
	color: #0054a1;
}

.orbit-slide h3 {
    padding-top: 1rem;
}

.orbit-slide p {
    font-size: 1rem;
}

.tabs {
    margin: 0;
    list-style-type: none;
    background: none;
    border: none;
}

.tabs-title > a {
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.1rem;
    line-height: 1;
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 1rem;
    color: #999da0;
    background: #e2e2e2;
}

.tabs-title.is-active a {
    color: #0054a1;
    padding-bottom: 1rem;
    background-color: #fefefe;
    border: 1px solid #0054a1;
    border-bottom: none;
}

.tabs-title.bronze > a {
    color: #d6d6d6;
    background: #9c6024;
}

.tabs-title.is-active.bronze a {
    color: #fefefe;
    background-color: #CD7F32;
}

.tabs-title.silver > a {
    color: #d6d6d6;
    background: #989898;
}

.tabs-title.is-active.silver a {
    color: #fefefe;
    background-color: #C0C0C0;
}

.tabs-title.gold > a {
    color: #d6d6d6;
    background: #8e8368;
}

.tabs-title.is-active.gold a {
    color: #fefefe;
    background-color: #ac9f7e;
}

.tabs-title.platinum > a {
    color: #d6d6d6;
    background: #b7b5af;
}

.tabs-title.is-active.platinum a {
    color: #fefefe;
    background-color: #dedbd5;
}

.tabs-title.is-active:after {
  content: '';
  display: block;
  background: #0054a1;
  height: 4px;
  width: 100%;
  margin: 0 auto;
}

.tabs-panel {
    border: 1px solid #0054a1;
}

.tabs-panel h3 {
	color: #484848;
}

.tabs-content {
    background: #fefefe;
    transition: all 0.5s ease;
    border: none;
}

.accordion-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    color: #999da0;
    position: relative;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #e2e2e2;
}

.is-active .accordion-title {
    color: #0054a1;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #fefefe;
}

.accordion-title.bronze {
    color: #d6d6d6;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #9c6024;
}

.is-active .accordion-title.bronze {
    color: #fefefe;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #CD7F32;
}

.accordion-title.silver {
    color: #d6d6d6;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #989898;
}

.is-active .accordion-title.silver {
    color: #fefefe;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #C0C0C0;
}

.accordion-title.gold {
    color: #d6d6d6;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #8e8368;
}

.is-active .accordion-title.gold {
    color: #fefefe;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #ac9f7e;
}

.accordion-title.platinum {
    color: #d6d6d6;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #b7b5af;
}

.is-active .accordion-title.platinum {
    color: #fefefe;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background: #dedbd5;
}


.hp-donate-cta {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 40% 30%;
    background-image: url('/wp-content/uploads/2017/02/hp-cta.jpg');
    color: #fefefe;
}

.hp-donate-cta-content {
    position: relative;
    z-index: 999;
}

.hp-donate-cta:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
}

.hp-donate-cta p {
    color: #fefefe;
}

@media screen and (min-width: 768px) {
.hp-donate-cta {
    padding: 8rem 0 8rem 0;
	}
}

@media screen and (max-width: 767px) {
.hp-donate-cta {
    padding: 130px 0 110px;
    background-position: 50% 60%;
	}
}

.footer {
	background-color: #0054a1;
    padding: 1.2rem 0 1.2rem 0;
}

.footer p {
    color: #fefefe;
    font-size: 1rem;
}

.footer a i {
    color: #f1c40f;
}

.footer a i:hover {
    color: #885d0f;
}

/* -------------------------------------
------------ EVENT STYLES --------------
--------------------------------------*/


.featured-event {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 100% 85%;
}

.featured-event:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
}

.featured-event p {
	color: #fefefe;
}

@media screen and (min-width: 768px) {
.featured-event {
    padding: 10rem 0 10rem;
	}
}

@media screen and (max-width: 767px) {
.featured-event {
    padding: 130px 0 110px;
    background-position: 100% 60%;
	}
}

.featured-event h1.post-title > .sub-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.featured-event h1.post-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 4rem;
    font-weight: 800;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
.featured-event h1.post-title {
    font-size: 2rem;
	}

.featured-event h1.post-title > .sub-title {
    font-size: 1rem;
	}
}

.featured-event .button.hollow {
    border: 1px solid #f1c40f;
    color: #f1c40f;
}

.featured-event .button.hollow:hover, .featured-event .button.hollow:focus {
    border-color: #fefefe;
    color: #fefefe;
}

.featured-event-details {
	position: relative;
	z-index: 9999;
}

.events {
	background: #fefefe;
	padding: 5rem 0 5rem 0;
	color: #0054a1;
}

.events .tabs-title > a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.1rem;
    line-height: 1;
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 1rem;
    color: #999da0;
    background: none;
}

.events .tabs-title.is-active a {
    color: #0054a1;
    padding-bottom: 1rem;
    background-color: #fefefe;
    border: none;
}

.events .tabs-title.is-active:after {
  content: '';
  display: block;
  background: #0054a1;
  height: 4px;
  width: 100%;
  margin: 0 auto;
}

.events .tabs-panel {
    border: none;
}

.event {
	padding: 2rem 0 2rem 0;
	border-bottom: 1px solid rgba(204, 204, 204, 0.65);
}

.event-detail {
	padding-bottom: 2rem;
	}

.event-details {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(72, 72, 72, 0.75);
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.event-head {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 40% 48%;
    background-image: url('<?php echo $background[0]; ?>');
}

.event-head:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
}

.event-head h1 {
    margin-bottom: 0.75rem;
}

.event-head p {
    color: #fefefe;
}

.hero-content {
    position: relative;
    z-index: 999;
}

@media screen and (min-width: 768px) {
.event-head {
    padding: 7rem 0 7rem;
    }
}

@media screen and (max-width: 767px) {
.event-head {
    padding: 130px 0 110px;
    background-position: 75% 60%;
    }
}

.event-head h1.post-title > .sub-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.event-head h1.post-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: 800;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
.event-head h1.post-title {
    font-size: 2rem;
    }

.event-head h1.post-title > .sub-title {
    font-size: 1rem;
    }
}

.past-event-tag {
    background: #f1c40f;
    padding: 2rem 0 2rem 0;
    color: #fefefe;
}

.past-event-recap {
    background: #f7f7f7;
    padding: 5rem 0 5rem 0;
}

/* -------------------------------------
------------ ABOUT STYLES --------------
--------------------------------------*/


.about-head {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 40% 48%;
    background-image: url('/wp-content/uploads/2017/02/dog-ladder.jpg');
}

.about-head:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
}

.about-head h1 {
    margin-bottom: 0.75rem;
}

.hero-content {
    position: relative;
    z-index: 999;
}

@media screen and (min-width: 768px) {
.about-head {
    padding: 10rem 0 10rem;
    }
}

@media screen and (max-width: 767px) {
.about-head {
    padding: 130px 0 110px;
    background-position: 75% 60%;
    }
}

.about-head h1.post-title > .sub-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.about-head h1.post-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: 800;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
.about-head h1.post-title {
    font-size: 2rem;
    }

.about-head h1.post-title > .sub-title {
    font-size: 1rem;
    }
}

.about-intro {
    background: #f7f7f7;
    padding: 5rem 0 5rem 0;
    color: #0054a1; 
}

.about-intro p {
    color: #696969; 
}

.about-help {
    background: #fefefe;
    padding: 5rem 0 5rem 0;
    color: #0054a1; 
}

.about-help p {
    font-size: 1.1rem;
}

.about-board {
    background: #f5f5f5;
    padding: 5rem 0 5rem 0;
    color: #0054a1; 
}

.about-board h4 {
    font-size: 1.5rem;
    padding: 0.5rem 0 0.5rem 0;
    color: #0054a1; 
}

.about-board h5 {
    margin-bottom: 0;
}

.about-board p {
    font-size: 1rem;
}

.board-member {
    padding-bottom: 1.5rem;
}

/* -------------------------------------
------------ OVERLAY EFFECT --------------
--------------------------------------*/

/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 84, 161, 0.95);
    z-index: 10000;
    overflow: scroll;
}

/* Overlay closing cross */
.overlay .overlay-close {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(/wp-content/uploads/2017/02/cross.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}

/* Menu style */
.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 80%;
}

.overlay ul li {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 1px solid rgba(254, 254, 254, 0.35);
}

.overlay ul li.is-accordion-submenu-item {
    border-bottom: none;
}

.overlay ul li a {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5;
}

.overlay .is-accordion-submenu-item a {
    font-size: 1.2rem;
    border-bottom: none;
    }
    
.overlay ul li a:hover,
.overlay ul li a:focus {
    color: #6f6651;
}

.overlay .menu > li > a:first-child {
    /* padding-right: 0rem; */
    padding: 0.7rem 1rem;
    }

.overlay .menu.nested {
    margin-left: 0rem;
    }

/* Effects */
.overlay-slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    }

.overlay-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    }

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px;
    }
    .overlay ul li {
        min-height: 34px;
    }
}

#trigger-overlay {
    padding-top: 0.8rem;
    color: #0055a2;
}

.donate-head {
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: 40% 40%;
    background-image: url('/wp-content/uploads/2017/02/donate.jpg');
}

.donate-head:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 998;
}

.donate-head h1 {
    margin-bottom: 0.75rem;
}

.hero-content {
    position: relative;
    z-index: 999;
}

@media screen and (min-width: 768px) {
.donate-head {
    padding: 10rem 0 10rem;
    }
}

@media screen and (max-width: 767px) {
.donate-head {
    padding: 130px 0 110px;
    background-position: 75% 60%;
    }
}

.donate-head h1.post-title > .sub-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

.donate-head h1.post-title {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: 800;
    color: #fefefe;
    letter-spacing: 0.25rem;
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
.donate-head h1.post-title {
    font-size: 2rem;
    }

.donate-head h1.post-title > .sub-title {
    font-size: 1rem;
    }
}

.hide {
	display: none;
	}
	
.k9-officers {
    background: none;
    transition: all 0.5s ease;
    border: 1px solid #0054a1;
    color: #0054a1;
}

.k9-photo img {
	width: 100%;
	height: auto;
	}