/*!
Theme Name: _s
Theme URI: http://underscores.me/
Author: Automattic
Author URI: http://automattic.com/
Description: Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: _s
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

_s is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/* =Reset
-------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	/*
		To fix slick carousel flexbox issue (used in WP Logo Showcase plugin).
		https://github.com/kenwheeler/slick/issues/982#issuecomment-73517458
	*/
	min-width: 0;
	min-height: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%;
	/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll;
	/* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%;
	/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%;
	/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
	background: #fff;
	overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
}

blockquote,
q {
	quotes: '' '';
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Top Header and Search
	## Responsive Menu
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	font-family: 'Noto Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

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;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	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 #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

.flex-wrap-grid {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

p,
.document-title {
	color: #3b3b3b;
	font-size: 17px;
	line-height: 1.65;
	font-family: 'Noto Sans', sans-serif;
	margin: 1em auto;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: capitalize;
	font-family: 'Rubik', sans-serif;
	font-weight: bold;
	color: #2484c6;
	text-transform: capitalize;
}

.single-events .content h1, h2, h3, h4, h5, h6 {
	color: #1d3e53;
}

.lato {
	font-family: 'Lato', sans-serif;
}

h1 {
	font-size: 24px;
	font-size: 3em;
	line-height: 2.25;
}

h2 {
	font-size: 20px;
	font-size: 2.5em;
	line-height: 2;
}

h3 {
	font-size: 18px;
	font-size: 2em;
	line-height: 1.75;
}

h4 {
	font-size: 16px;
	font-size: 1.5em;
}

h5 {
	font-size: 16px;
	font-size: 1em;
}

h6 {
	font-size: 16px;
	font-size: 0.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: 'Courier 10 Pitch', Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

.font-light {
	font-weight: lighter;
}

.font-wgt-normal {
	font-weight: normal;
}

.font-bolder {
	font-weight: bolder;
}

.font-boldest {
	font-weight: 900;
}

.uppercase {
	text-transform: uppercase;
}

.larger-font {
	font-size: larger;
}

.x-large {
	font-size: x-large;
}

.xx-large {
	font-size: xx-large;
}

.twox-font {
	font-size: 2em;
}

.threex-font {
	font-size: 5em;
}

.fivex-font {
	font-size: 7em;
}

.h2-line-ht {
	line-height: 1.25em;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.btn {
	color: #fff;
	font: 700 1.125em/3.5 Arial, Helvetica, sans-serif;
	padding: 0 1.25em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 8px;
	display: inline-block;
}

/* Colors */

.bg-primary {
	background-color: #2484c6;
}

.text-primary {
	color: #2484c6;
}

.text-black {
	color: black;
}

.orange {
	color: #f15a22;
}

.text-info {
	color: #f15a22;
}

.light-blue {
	color: #d9ecf7;
}

.light-blue-background {
	background-color: #d9ecf7;
}

.sea-blue {
	color: #2484c6;
}

.bg-dark-blue {
	color: #1d3e53;
}

.dark-blue {
	color: #1d3e53;
}

.dark-blue-background {
	background-color: #1d3e53;
}

.gray-blue {
	color: #799cae;
}

.black {
	color: #000000;
}

.dark-gray {
	color: #333333;
}

.gray {
	color: #666666;
}

.light-gray {
	color: #aaaaaa;
}

.light-gray-background {
	background-color: #f7f7f7;
}

.turquoise {
	color: #018191;
}

.gold {
	color: #fdb115;
}

.grass-green {
	color: #788e3c;
}

.burnt-orange {
	color: #f05c29;
}

.burnt-orange-background {
	background-color: #f05c29;
}

.aqua-marine {
	color: #10a8b6;
}

.white {
	color: white;
}

/* Social Media icons */

.social-btns a {
	display: inline-block;
	width: 5em;
	height: 5em;
	margin: 1em;
	background-color: #1d3e53;
	border-radius: 50%;
	padding: 1em;
	line-height: 3em;
}

.tw {
	background: url(./img/twitter.png) no-repeat center;
}

.fb {
	background: url(./img/facebook.png) no-repeat center;
}

.ln {
	background: url(./img/linkedin.png) no-repeat center;
}

.in {
	background: url(./img/insta.png) no-repeat center;
}

ul.no-bullet {
	padding: 0;
	margin: 0 0 0 2em;
	list-style-type: none;
}

ul.check,
.program-info ul,
.donate-option ul {
	padding: 0;
	margin: 0 0 0 2em;
	list-style-type: "\2714";
}

ul.check li,
.program-info ul li,
.donate-option ul li {
	padding-left: 1em;
	padding-bottom: 0.5em;
	color: #666666;
	font-size: 1.7em;
}

.bio-dropdown .hide {
	display: none;
}

.program-info h3 {
	color: #1d3e53;
	font-size: xx-large;
	font-weight: bold;
}

.program-info h4 {
	color: #1d3e53;
	padding-top: 2em;
	padding-bottom: 1em;
	font-size: large;
	font-weight: bold;
}


[id*='open-accordion'],
[id*='close-accordion'] {
	line-height: 40px;
	height: 40px;
	display: block;
	margin: 0 auto;
	position: relative;
	width: 99%;
}

[id*='close-accordion'] {
	display: none;
}

.target-fix {
	display: block;
	/*top: 0;
	left: 0;*/
	position: fixed;
}

.accordion-content {
	background: #f0efef;
	height: 0;
	left: 5%;
	margin: -1px auto 0;
	padding: 0 2.5%;
	position: absolute;
	overflow: hidden;
	width: 90%;
	z-index: 1;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
}

.accordion span:target ~ .accordion-content {
	display: block;
	height: auto;
	padding-bottom: 25px;
	padding-top: 10px;
}

.accordion span:target ~ [id*='close-accordion'] {
	display: block;
}

.accordion span:target ~ [id*='open-accordion'] {
	display: none;
}

.accordion span:target ~ [id*='close-accordion']:after {
	border-top: 10px solid #333;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

/*_____  End Accordion  _____*/

.listing {
	list-style: none;
	margin: 2em;
	display: grid;
	grid-gap: 20px;
}

@media screen and (min-width: 769px) {
	.listing {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	}
}

.listing-marg-btm {
	list-style: none;
	margin: 2em 2em 0 2em;
	display: grid;
	grid-gap: 20px;
}

@media screen and (min-width: 769px) {
	.listing-marg-btm {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	}
}

.sponsor-carousel {
	display: block;
	background: white;
	padding: 2em 0;
}

.border-bottom:not(:last-child) {
	border-bottom: 1px solid #666666;
	padding: 1em 0;
}

.border-top {
	border-top: 1px solid #666666;
	padding: 1em 0;
}

.link-border {
	border-bottom: 1px solid;
}

.sm-margin-top {
	margin-top: 1em;
}

.med-margin-top {
	margin-top: 3em;
}

.sm-padding-top {
	padding-top: 1em;
}

.med-padding {
	padding: 2em;
}

.sm-btm-margin {
	margin-bottom: 1em;
}

.med-btm-margin {
	margin-bottom: 4em;
}

.large-btm-margin {
	margin-bottom: 8em;
}

.zero-margin {
	margin: 0;
}

.sm-padding-bottom {
	padding-bottom: 1em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type='button']:active,
input[type='button']:focus,
input[type='reset']:active,
input[type='reset']:focus,
input[type='submit']:active,
input[type='submit']:focus {
	border-color: #aaa #bbb #bbb;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='color'],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='range']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='color']:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*Fix up form */

.ctct-form-wrapper .ctct-form {
	display: flex;
	flex-direction: row;
	width: 90%;
	margin: 0 auto;
	justify-content: center;
}

.ctct-form input[type='email'] {
	flex-grow: 2;
	border: none;
	padding-right: 10px;
	height: 2.1em;
}

#ctct-submitted {
	margin-left: -10px;
	border: none;
	width: 4em;
	height: 3em;
	color: white;
}

.ctct-disclosure {
	display: none;
}

.ctct-form-wrapper label {
	display: none;
}

.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.page-width {
	width: 80%;
	margin: 2em auto;
}

.container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.page-header {
	padding: 1em;
	justify-content: space-between;
	align-items: center;
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
}

.page-header > * {
	margin: 4px 10px;
}

.responsive-menu-container {
	padding: 0 10px; /* Align with Logo in Top Header */
	display: flex;
}

.responsive-menu-container > * {
	width: 100% !important;
	max-width: 1280px !important;
	display: flex !important;
	margin: 0 auto !important;
}

.header-brand {
	margin-right: auto;
}

.btn-donate {
	background-color: #f15a22;	
	padding: 5px 10px;
	border: 1px solid transparent;
	margin-left: 30px;
	margin-right: 20px;
}

.btn-donate:hover,
.btn-donate:active,
.btn-donate:focus {
	color: #f15a22;	
	background-color: transparent;
	border: 1px solid #f15a22;
}

#searchform {
	display: flex;
	flex-direction: row;
}

#searchform-input, 
#searchform-input:focus {
	border: none;
	outline: none;
}


#searchform .fa,
#searchform-input,
.btn-donate {
	font-size: 14px;
	line-height: 1.5;
}

#searchform-input {
	background-color: #eee;
	padding-left: 10px;
}

#searchsubmit {
	border: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width: 4em;
	color: white;
	background-color: #ddd;
	/* To overlap searchinput */
	margin-left: -10px;
	z-index: 10;
}

#searchsubmit:hover {
	background-color: #888;
}

.searchform-container-sm {
	display: none;
}

.searchform-container-xs {
	display: list-item;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}

@media screen and (min-width: 576px) {
	/* Hide on sm (bootstrap) breakpoint and up */
	.searchform-container-sm {
		display: block;
	}

	.searchform-container-xs {
		display: none !important;
	}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #f05c29;
}

.btn {
	background-color: #f05c29;
	border: solid 1px transparent;
}

.btn:hover,
.btn:focus,
.btn:active {

	background-color: white;
	border: solid 1px #f05c29;
}

a:hover,
a:focus,
a:active {
	color: #f05c29;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex='-1']:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

/* Dont float on small */
@media screen and (min-width: 769px) {
	img.alignleft {
		float: left;
		margin: 0 1em 1em 0;
	}

	img.alignright {
		float: right;
		margin: 0 0 1em 1em;
	}
}

@media screen and (max-width: 768px) {
	img.alignleft, img.alignright {
		display: block;
	}
}

.aligncenter {
	text-align: center;
}

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

.flex-col-align-center {
	align-items: center;
}

.site-info {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 980px;
}

.program-info {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 980px;
}

.max-width {
	max-width: 90vw;
}

.page {
	display: flex;
	flex-wrap: wrap;
}

.fp-btn-wrapper {
	max-width: 800px;
	margin: 0 auto;
}

.section {
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mission-section {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mission h1 {
	margin: 0;
}

.donation-btn,
.vol-btn {
	margin: 1em;
	flex: 1;
}

@media screen and (min-width: 769px) {
	.donation-btn,
	.vol-btn {
		width: 48%;
	}
}

.width-1-3 {
	width: 24%;
}

.width-2-3 {
	width: 74%;
}

.width-1-2 {
	width: 49%;
}

@media screen and (min-width: 769px) {
	.width-1-4 {
		width: 24%;
	}
}

.grid-two-eq-rows {
	display: grid;
	grid-template-rows: 1fr 1fr;
}

.pdf-section {
	grid-area: pdf;
	margin: auto;
}

.graph-section {
	grid-area: graph;
}

.financial-wrapper {
	display: grid;
	grid-gap: 1em;
	grid-template-areas: 'graph' 'pdf';
}

@media screen and (min-width: 769px) {
	.financial-wrapper {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 'pdf graph';
	}
}

.financial-wrapper a {
	text-decoration: underline solid black;
}

.pdf-indiv {
	display: flex;
	justify-content: flex-start;
	padding: 0.5em;
}

.pdf-img {
	margin: auto;
}

.left-section {
	grid-area: left;
}

.right-section {
	grid-area: right;
}

.second-row {
	grid-area: second-row;
}

.grid-wrapper {
	display: grid;
	grid-gap: 2em;
	align-items: center;
	grid-template-areas: 'left' 'second-row' 'right';
}

@media screen and (min-width: 769px) {
	.grid-wrapper {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 'left right' 'second-row second-row';
	}
}

.perform-care {
	align-items: start;
	margin-top: 20px;
}

.perform-care h1,
.perform-care p {
	margin: 0;
}

.perform-care a,
.social-media a,
.underline a {
	text-decoration: underline;
}

.grid-wrapper-thirds {
	display: grid;
	grid-gap: 1em;
	grid-template-areas: 'left' 'right';
}

@media screen and (min-width: 769px) {
	.grid-wrapper-thirds {
		grid-template-columns: 2fr 1fr;
		grid-template-areas: 'left right';
	}
}

.grid-wrapper-one-third {
	display: grid;
	grid-gap: 1em;
	grid-template-areas: 'left' 'right';
}

@media screen and (min-width: 769px) {
	.grid-wrapper-one-third {
		grid-template-columns: 1fr 2fr;
		grid-template-areas: 'left right';
		align-items: center;
	}
}

.title {
	grid-area: title;
}

.pic {
	grid-area: pic;
}

.content {
	grid-area: content;
}

.button {
	grid-area: button;
}

.wrapper {
	display: grid;
	grid-gap: 1em;
	grid-template-areas: 'title' 'pic' 'content' 'button';
}

@media screen and (min-width: 769px) {
	.wrapper {
		grid-template-columns: 1fr 2fr;
		grid-template-areas: 'pic title' 'pic content' 'pic button';
	}
}

.alt-wrapper {
	display: grid;
	grid-gap: 1em;
	grid-template-areas: 'title' 'pic' 'content' 'button';
}

@media screen and (min-width: 769px) {
	.alt-wrapper {
		grid-template-columns: 1fr 2fr;
		grid-template-areas: 'pic title' 'pic content' 'button content'
			'....... content' '....... content' '....... content' '....... content'
			'....... content' '....... content' '....... content' '....... content'
			'....... content' '....... content' '....... content' '....... content'
			'....... content' '....... content' '....... content' '....... content'
			'....... content' '....... content' '....... content' '....... content';
	}
}

.quarter-wrapper {
	display: grid;
	grid-gap: 1em;
}

@media screen and (min-width: 769px) {
	.quarter-wrapper {
		grid-template-columns: repeat(4, 1fr);
	}
}

.contact {
	grid-area: contact;
}

.logo {
	grid-area: logo;
}

.newsletter {
	grid-area: newsletter;
}

.newsletter > h1 {
	text-transform: uppercase;
}

.corp {
	grid-area: corp;
}

.footer-grid {
	display: grid;
	grid-gap: 1em;
	grid-template-areas: 'contact' 'logo' 'newsletter' 'corp';
	max-width: 1280px;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.footer-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas: 'contact logo newsletter' '.... corp ....';
		align-items: center;
	}
}

@media screen and (min-width: 769px) {
	.fp-grid {
		display: grid;
		grid-gap: 2em;
		grid-template-columns: repeat(2, 1fr);
		align-items: flex-start;
	}

	ul.fp-grid li:nth-last-child(1):nth-child(odd) {
		grid-column: span 2;
	}
}

.staff-wrapper {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: repeat(2, 1fr);
}

.staff-wrapper a {
	text-decoration: underline;
}

@media screen and (min-width: 769px) {
	.staff-wrapper {
		grid-template-columns: repeat(4, 1fr);
	}
}

.simple-grid {
	display: grid;
	grid-gap: 1em;
}

@media screen and (min-width: 769px) {
	.simple-grid {
		display: grid;
		grid-gap: 1em;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 769px) {
	.contact-grid {
		display: grid;
		grid-gap: 1em;
		grid-template-columns: repeat(2, 1fr);
		justify-content: start;
		align-items: start;
	}
}

@media screen and (min-width: 769px) {
	.two-column {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
}

.triple-grid {
	display: grid;
	/*grid-gap: 1em;*/
	/*align-items: flex-start;*/
}

@media screen and (min-width: 769px) {
	.triple-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */

.custom-logo-link {
	display: inline-block;
}

.lt-logo {
	background: url(./img/LT-Logo-FULL-COLOR.png);
	height: 41px;
	width: 165px;
}

.lt-logo-white {
	background-image: url(./img/LT-logo-WHITE.png);
	height: 81px;
	width: 324px;
}

.inline-block-display {
	display: inline-block;
}

.inline-flex-display {
	display: inline-flex;
}

.perform-care-logo {
	background-image: url(./img/Layer-1526.png);
	height: 28px;
	width: 221px;
}

.amazon-smile-logo {
	background-image: url(./img/amazon-smile-logo.png);
	height: 49px;
	width: 223px;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*='wp-image-'] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Images */

.image {
	display: block;
	margin: auto;
	width: 40%;
}

.orange-donation-pic {
	background: url(./img/iStock_000070556817_Full-2-1.png) no-repeat center;
	border-radius: 10%;
	/*height: 290px;
	width: 516px;*/
}

.present-icon {
	background: url(./img/present-icon.png);
	z-index: 1;
	width: 61px;
	height: 65px;
	background-size: 100%;
}

@media screen and (min-width: 1000px) {
	.present-icon {
		width: 122px;
		height: 130px;
	}
}

.blue-vol-pic {
	background: url(./img/Layer-11.png) no-repeat center;
	border-radius: 10%;
	/*height: 290px;
	width: 517px;*/
}

.vol-icon {
	background: url(./img/vol-icon.png);
	z-index: 1;
	height: 67px;
	width: 76px;
	background-size: 100%;
}

@media screen and (min-width: 1000px) {
	.vol-icon {
		height: 134px;
		width: 152px;
	}
}

.team-icon {
	background: url(./img/Shape-3030.png);
	z-index: 1;
	height: 152px;
	width: 223px;
}

/*width: 1058px; height: 798px;*/
.home-page-girl-pic {
	background: url(./img/iStock-578307742_blue.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100vw;
}

.home-page-girl-pic ul li {
	list-style: none;
	margin-top: 1em;
}

.banner-container {
	width: 100vw;
}

/*width: 1330px; height: 489px;*/
#wall-teens-pic {
	background-image: url(./img/wall-teens.jpg);
	background-position: center top;
	background-size: cover;
	width: 100vw;
	height: 100%;
}

#image-inner {
	display: block;
	height: 0;
	padding-top: 36.7%;
	/* height/width of image x 100 */
}

.yellow-house-pic {
	background: url(./img/Rectangle-867.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/*width: 1366px;
	height: 491px;*/
}

.banner-background {
	height: 32em;
	text-align: center;
	background-size: cover;
	background-position: center;
}

.banner-background h1 {
	color: white;
	font-weight: bold;
	/*font-size: 3em;*/
	margin: 0 auto;
	/*line-height: 10em;*/
	/* container height / 2 */
}

#shoes-pic-2 {
	height: 100%;
	background-size: cover;
	background-position: center;
	background-image: url(./img/iStock-510012853.jpg);
	padding: 12em 0;
}

.desktop-only-img {
	display: none;
}

@media screen and (min-width: 769px) {
	.desktop-only-img {
		display: block;
	}
}

#donation-banner {
	background: url('./img/Rectangle-1-donation.png') no-repeat scroll left center /
		cover rgba(0, 0, 0, 0);
	padding: 3em 0;
	/*background: url('./img/Rectangle-1-donation.png');
	height: 100%;
	background-size: cover;
	background-position: center;
	padding: 12em 0;*/
}

#volunteer-banner {
	background: url('./img/Rectangle-1-copy-3.png') no-repeat scroll left center /
		cover rgba(0, 0, 0, 0);
	padding: 3em 0;
}

#career-banner {
	background: url('./img/Rectangle-1-career.png') no-repeat scroll left center /
		cover rgba(0, 0, 0, 0);
	padding: 3em 0;
}

#events-banner {
	background: url('./img/pexels-photo-442540.png') no-repeat scroll left center /
		cover rgba(0, 0, 0, 0);
	padding: 10em 0;
}

.center-in-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.center-in-banner > h1 {
	margin: 0;
}

#map-canvas {
	width: 100vw;
	height: 300px;
}

.sm-border {
	border: solid 1px #aaaaaa;
}

.documents {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
}

.document {
	padding: 0 10px;
	margin: 10px;
	display: block;
	text-align: center;
}

.document-title {
	vertical-align: middle;
	font-size: 10.5px;
}