/**handles:soy-styles**/
/*
Theme Name: Spirit Of Youth
Theme URI: https://www.spiritofyouth.org
Description: Custom theme developed for the Spirit Of Youth.
Author: Vern Smith
Author URI: https://websmith.international
Version: 1.1
*/
html, body {
	min-width: 1024px;
}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

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

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	word-wrap: break-word;
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {
	font-size: inherit;
}

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

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
input[type=button],
input[type=submit],
button {
	cursor: pointer;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}

a:link {
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Custom text-selection colors */
::-moz-selection{
	background: #4f83cf;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #4f83cf;
	color: #fff;
	text-shadow: none;
}
.blue ::-moz-selection{
	background: #f18731;
}
.blue ::selection{
	background: #f18731;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #4f83cf;}

ins {background-color: #4f83cf; color: #000; text-decoration: none;}
mark {background-color: #4f83cf; color: #000; font-style: italic; font-weight: bold;}
/* we wanna keep the wordpress img settings */
.alignleft,
img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;}
.alignright,
img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;}
.aligncenter,
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom: 12px;}

/* And here begins the Wordpress fun. Paste all of the custom CSS here!!!
-------------------------------------------------------------------------------*/

html, body {
	height: 100%;
	width: 100%;
}
body {
	font: 100%/1.5 'Open Sans', Helvetica, Arial, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #444;
}
@font-face {
	font-family: 'Open Sans';
	src: url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/opensans-regular-webfont.woff') format('woff'),
	url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/opensans-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/opensans-bold-webfont.woff') format('woff'),
	url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/opensans-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/opensans-extrabold-webfont.woff') format('woff'),
	url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/opensans-extrabold-webfont.ttf') format('truetype');
	font-weight: 800; /* Adjusted to match ExtraBold */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Edmond Sans';
	src: url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/edmondsans-regular-webfont.woff') format('woff'),
	url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/edmondsans-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Edmond Sans';
	src: url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/edmondsans-medium-webfont.woff') format('woff'),
	url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/edmondsans-medium-webfont.ttf') format('truetype');
	font-weight: 700; /* Adjusted to match Medium */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Edmond Sans';
	src: url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/edmondsans-bold-webfont.woff') format('woff'),
	url('https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_fonts/edmondsans-bold-webfont.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

ul, ol, dl {
	padding: 0;
	list-style-position: inside;
	margin: 0 0 15px;
}
li {
	margin-bottom: 10px;
}
.wpcf7 .blue.padded.form ul li p {
	display: inline;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
p {
	margin-bottom: 15px;
	line-height: 1.8em;
}
p.wp-caption-text {
	font-size: .875em;
	line-height: 1.2em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Edmond Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
}
.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .orange h1, .orange h2, .orange h3, .orange h4, .orange h5, .orange h6, .yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6 {
	color: white !important;
}
h2 {
	font-size: 3em;
}
h3 {
	font-size: 2.25em;
}
h4 {
	font-size: 1.5em;
}
a img {
	border: none;
}
a:link {
	color: #4f83cf;
	text-decoration: none;
}
a:visited {
	color: #4f83cf;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #f18731;
}
.third {
	width: 33%;
}
.third.center {
	width: 34%;
}
.half {
	width: 46%;
}
.half img {
	max-width: 100%;
	height: auto;
}
.sixty {
	width: 62%;
}
.forty {
	width: 30%
}
.forty img {
	max-width: 100%;
	height: auto;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clearfloat, .clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0;
}
.blue {
	--wpforms-background-color: #4f83cf;
	--wpforms-label-color: white;
	--wpforms-label-error-color: #ffe716;
	--wpforms-label-sublabel-color: rgba(255,255,255,0.65);
	--wpforms-button-background-color-alt: #f18731;
	background: #4f83cf;
	color: white;
}
.blue .wpforms-required-label {
	--wpforms-label-error-color: white;
}
.gray {
	background: #9e9e9e;
	color: white;
}
.yellow {
	background: #fdd400;
	color: white;
}
.orange {
	--wpforms-background-color: #f18731;
	--wpforms-label-color: white;
	--wpforms-label-error-color: #ffe716;
	--wpforms-label-sublabel-color: rgba(255,255,255,0.65);
	--wpforms-button-background-color-alt: #4f83cf;
	background: #f18731;
	color: white;
}
.padded {
	--wpforms-container-padding: 40px;
	padding: 40px;
	margin: 35px 0;
}
.padded:first-child {
	margin-top: 0;
}
.padded:last-child {
	margin-top: 0;
}
.two-column, .form .wpcf7-checkbox {

	-webkit-column-count:2;

	-moz-column-count:2;

	column-count:2;

	-webkit-column-gap:40px;

	-moz-column-gap:40px;

	column-gap:40px;
}
.content {
	padding: 60px 0 85px;
}
.container {
	position: relative;
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1200px;
	width: 90%;
}
a.more, input.more, button.more {
	padding: 5px 35px 5px 0;
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_white.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: white;
}
a.more:hover {
	color: #f18731;
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_orange.png);
}
a.more.yellow {
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_yellow.png);
	color: #fdd400;
	background-color: transparent;
}
a.more.yellow:hover {
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_blue.png);
	color: #4f83cf;
}
a.more.blue {
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_blue.png);
	color: #4f83cf;
	background-color: transparent;
}
a.more.blue:hover {
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_orange.png);
	color: #f18731;
}
a.more.orange {
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_orange.png);
	color: #f18731;
}
a.more.orange:hover {
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_blue.png);
	color: #4f83cf;
}
.form {
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}
.form .half {
	box-sizing: border-box;
	width: 50%;
}
.form .inline.left {
	padding-right: 15px;
}
.form .inline.right {
	padding-left: 15px;
}

#page .form .ewd_form h2, #page .form h3 {
	font-size: 2.25em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.form h4 {
	font-size: 1.25em;
	text-transform: uppercase;
}
.form p {
	margin-bottom: 15px;
}
.wpcf7-form-control-wrap {

}
.form label, .form legend {
	display: block;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	line-height: 1em;
	margin: 1em 0 .25em;
}
.form .checkbox {
	padding: 20px 0;
}
.form .wpcf7-checkbox {
	padding: 10px 0;
	display: block;
}
.form .checkbox.mc4wp-usp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 0;
}
.form .checkbox.mc4wp-usp input {
	flex-shrink: 0;
	margin: 0;
}
.form .checkbox.mc4wp-usp label {
	margin: 0 0 0 1em;
}
.form .checkbox label {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-transform: none;
	font-size: 1em;
	margin: .5em 0 0 1.5em;
	vertical-align: top;
	break-inside: avoid;
	display: inline-block;
	z-index: 1;
}
span.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
}
span.mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label span {
	margin-left: .25em;
}
.form .checkbox input {
	width: auto;
	margin-top: -15px;
	position: relative;
	z-index: 50;
}
.form .wpcf7-checkbox input {
	width: auto;
}
.form .wpcf7-checkbox span {
	display: block;
	line-height: 1em;
}
.form .wpcf7-checkbox span.wpcf7-list-item {
	margin-bottom: .5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.form .wpcf7-checkbox span .wpcf7-list-item-label {
	display: inline-block;
	margin-left: .25em;
}
.form .wpcf7-radio {
	display: block;
}
.form .wpcf7-radio span.wpcf7-list-item {
	margin-right: 25px;
}
.form .recurring-payments span.wpcf7-list-item {
	margin: 0 0 10px;
	display: block;
}
.donation-form.hidden {
	display: none;
}




.disabled {
	opacity: 0.75;
	cursor: not-allowed;
}
.disabled > * {
	pointer-events: none;
}
#donation-levels .wpcf7-list-item, .donation-level .wpcf7-list-item {
	float: left !important;
	margin: 0 10px 15px 0 !important;
	padding: 12px 12px !important;
	border: 1px solid #dee1e4 !important;
	border-radius: 4px !important;
	background: #fdfdfd !important;
	font-size: 15px !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	display: block !important;
	color: #333;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
}
.form .wpcf7-radio span input, .form .wpcf7-radio .wpcf7-list-item input {
	width: auto;
	margin-bottom: 4px;
}
#total-donation, .total-donation input[type="number"], .total-donation-recurring input[type="number"] {
	margin: 0 10px 15px 0 !important;
	padding: 12px 12px !important;
	border: 1px solid #dee1e4 !important;
	border-radius: 4px !important;
	background: #fdfdfd !important;
	font-size: 18px !important;
	font-weight: bold;
	text-transform: uppercase !important;
	cursor: pointer !important;
	display: block !important;
	color: #333;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
}
.form input, .form textarea {
	border: none;
	padding: 12px 10px;
	width: 100%;
	box-sizing: border-box;
}
.form textarea {
	min-height: 150px;
}
.form ul {
	list-style-position: inside;
	padding-bottom: 15px;
}
.form ul li {

}
#donation-information .wpcf7-checkbox, .donation-information .wpcf7-checkbox {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
.form .submit {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.125em;
	line-height: 1em;
	color: white;
	float: none;
	width: auto;
	padding: 5px 35px 5px 0;
	margin: 1em 0 1em auto !important;
	display: block;
}

.form input.donate-submit {
	background: white;
	color: #4f83cf;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.5em;
}
.form input.donate-submit:hover {
	background: #4f83cf;
	color: white;

}
.form span.wpcf7-form-control-wrap {
	position: relative;
	width: 100%;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
	display: block;
}
.form span.wpcf7-not-valid-tip {
	color: #FB9A25;
	font-size: .875rem;
	font-style: italic;
	margin-top: 0.25em;
	margin-bottom: 1em;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}
.orange .form span.wpcf7-not-valid-tip, .orange form span.wpcf7-not-valid-tip, .orange.form span.wpcf7-not-valid-tip {
	color: #4f83cf;
}
.form #amounts, .form #donor_information {
	padding-bottom: 25px;
}
.form .donation label span {
	color: #444;
}
.form .ewd_form input[type="radio"] {
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	padding: 0;
}
.form .ewd_form input[type="checkbox"] {
	width: auto;
	margin-bottom: 7px;
}

.form .ewd_form input[type=submit]:hover {
	background: #4f83cf;
	color: white;
}
.form .usp-errors {
	background: #fdd400;
	padding: 15px;
}
.form .usp-add-another {
	float: none;
	display: block;
	text-align: right;
	width: 100%;
	margin-bottom: 15px;
}
.form .usp-add-another a {
	color: #fdd400;
}
.form .usp-add-another a:hover {
	color: #fff;
}
.usp-input-remember, .usp-label-remember, #updates input, #updates label {
	display: inline-block !important;
	width: auto !important;

}
.usp-label-remember {
	margin-left: 13px !important;
}
input#usp-remember, #updates input {
	margin-top: 15px;
	margin-bottom: 5px;
}
.usp-success {
	font-size: 1.25em;
}
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
	color: #468847;
	background-color: #DFF0D8;
	border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
	color: #B94A48;
	background-color: #FFA4A7;
	border: 1px solid #333;
}

.parsley-errors-list {
	margin: 2px 0 3px 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	line-height: 0.9em;
	opacity: 0;

	display: none;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;

}

.parsley-errors-list.filled {
	display: block;
	opacity: 1;
}
.attention {
	color: #fdd400;
	font-weight: bold !important;
}

#header {
	background: #fff;
	height: 140px;
	width: 100%;
	z-index: 1000;
}
#header .container {
	height: 100%;
}
#header #logo {
	background: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/logo.png) no-repeat left top;
	height: 126px;
	width: 578px;
	position: absolute;
	top: 5px;
	left: 5px;
}
#header #logo a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -1000em;
}
#header #search {
	position: absolute;
	right: 15px;
	top: 25px;
	width: 290px;
	height: 40px;
}
#header #search #searchform {
	box-sizing: border-box;

}
#header #search #searchform #s {
	width: 250px;
	height: 40px;
	display: block;
	border: solid 3px #4f83cf;
	margin: 0;
	float: left;
	-webkit-appearance: none;
}
#header #search #searchform #searchsubmit {
	text-indent: -1000em;
	border: none;
	width: 40px;
	height: 40px;
	background: #4f83cf url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-search.png) no-repeat center center;
	display: block;
	float: left;
	cursor: pointer;
}
#header #nav-trigger {
	display: none;
	background: #4f83cf url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-nav.png) no-repeat center center;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: -50px;
	cursor: pointer;
}
#header #nav {
	position: absolute;
	right: 15px;
	bottom: 0;
	z-index: 1000;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}
#header #nav ul {
	list-style: none;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	height: 45px;
	margin-bottom: 0;
}
#header #nav ul li {
	display: inline-block;
	padding: 12px 12px 10px;
	background: #4f83cf;
	float: left;
	position: relative;
	margin-bottom: 0;
}
#header #nav ul li.menu-item-2250 {
	background: #f18731;
}
#header #nav ul li a {
	color: white;
	font-size: 1.125em;
}
#header #nav ul li a:hover {
	text-decoration: underline;
}
#header #nav ul li.donate-link {
	background: #f18731;
	padding: 10px 12px 6px;
}
#header #nav ul li.donate-link a {
	text-transform: uppercase;
	font-size: 1.375em;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
}
#header #nav ul li ul {
	display: none;
	opacity: 0;
	height: auto;
	position: absolute;
	top: 45px;
	left: 0;
	padding-bottom: 10px;
	white-space: nowrap;
	background: #4f83cf;
	-webkit-transition: all 200ms cubic-bezier(.165,.84,.44,1);
	transition: all 200ms cubic-bezier(.165,.84,.44,1);
}
#header #nav ul li:hover ul {
	display: block;
	opacity: 1;
}
#header #nav ul li ul li {
	margin-bottom: 0;
	float: none;
	display: block;
}
#header #nav ul li ul li a {
	font-size: 1em;
}
#slideshow {
	padding-top: 30px;
}
#slideshow #slides .slide {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	width: 100%;
}
#slideshow #slides .slide a.slide-link-cover {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	max-height: 500px;
}
#slideshow #slides .slide a.slide-link-cover::before {
	padding-top: 45%;
	display: block;
	content: '';
}
#slideshow #slides .slide .container {
	color: white;
	height: 100%;
}
#slideshow #slides .slide .slide-content {
	width: 560px;
	position: absolute;
	bottom: 340px;
	left: 15px;
	text-shadow: 1px 1px 1px #000;
	opacity: 0;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}
#slideshow #slides .slide .slide-content.initial-display {
	opacity: 1;
}
#slideshow #slides .slide .slide-content.display-fade {
	opacity: 1;
	-webkit-transition: all 400ms cubic-bezier(.165,.84,.44,1);
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
}
#slideshow #slides .slide .slide-content .slide-title {
	font-weight: 800;
	font-size: 4.5em;
	line-height: 1;
	margin-bottom: 25px;
	letter-spacing: -1px;
}
#slideshow #slides .slide .slide-content p {
	font-weight: 700;
}
#slideshow #slides .slide .slide-content .slide-link.more {
}
#home {
	z-index: 400;
	position: relative;
	padding-top: 30px;
}
#home .action-boxes {
}
#home .action-boxes .box {
	height: 400px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#home .action-boxes .overlay {
	width: 1000px;
	height: 1000px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -500px;
	background-color: rgba(255,255,255,0.2);
	z-index: 0;
	transition: all 400ms cubic-bezier(.165,.84,.44,1);
	pointer-events: none;
	transform-origin: 50% 0;
	transform: rotate(-45deg)
}
#home .action-boxes .box:hover .overlay {
	top: 100%;
	left: 100%;
	transform: rotate(-0deg)
}
#home .action-boxes .box-title {

	margin: 30px 0 35px;
	text-align: center;
}
#home .action-boxes h2 {
	text-transform: uppercase;
	padding: 10px 15px;
	border: solid 3px white;
	font-size: 2.25em;
	display: inline-block;

}
#home .action-boxes p {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	padding: 0 40px;
	text-align: center;
	font-size: 1.125em;
}
#home .action-boxes .link-box {
	position: absolute;
	bottom: 25px;
	width: 100%;
}
#home .action-boxes .more {
	font-size: 1.5em;
	color: white;
	padding: 5px 35px 0 0;
}
#home .action-boxes .more:hover {
	background-image: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-more_white.png);
}
#home .news-tickets {
	padding-top: 80px;
}
#home .news-tickets .full-title, #banner-navigation h2 {
	font-size: 4em;
	color: #4f83cf;
	border-bottom: solid 3px #4f83cf;
	padding-bottom: 10px;
	margin: 0;
	line-height: 1em;
}
#home .news-tickets .post {
	padding-top: 40px;
}
#home .news-tickets .post:nth-child(even) {
	float: left;
	clear: left;
}
#home .news-tickets .post:nth-child(odd) {
	float: right;
	clear: right;
}
#home .news-tickets .post a {
}
#home .news-tickets .post a img {
	margin-bottom: 15px;
}
#home .news-tickets .post h3 {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-size: 1.875em;
}
#home .news-tickets .post h3 a {

}
#home .news-tickets .post .date {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	color: #4f83cf;
	margin-bottom: 15px;
	display: block;
}
#home .news-tickets .post p {
}

#home .news-tickets .ticket-area.half.right.blue {
	width: 50%;
}
#home .news-tickets .gform_wrapper {
	width: 90%;
	margin: 15px auto;
}
#home .news-tickets .gform_wrapper span.ginput_total, #home .news-tickets .gform_wrapper span.ginput_product_price {
	color: #fdd400;
}
#home .news-tickets .gform_wrapper .gfield_required {
	color: #fdd400;
}
#home .news-tickets .gform_wrapper div.validation_error {
	color: #fdd400;
}
#home .news-tickets .gform_wrapper .gfield_error .gfield_label, #home .news-tickets .gform_wrapper .validation_message, #home .news-tickets .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, #home .news-tickets .gform_wrapper li.gfield_error ul.gfield_checkbox, #home .news-tickets .gform_wrapper li.gfield_error ul.gfield_radio {
	color: #fdd400;
}
#home .news-tickets .gform_wrapper li.gfield.gfield_error, #home .news-tickets .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent;
	border: none !important;
	padding: 0 !important;
}
#home .news-tickets .gform_wrapper li.gfield_error input[type=text], #home .news-tickets .gform_wrapper li.gfield_error input[type=url], #home .news-tickets .gform_wrapper li.gfield_error input[type=email], #home .news-tickets .gform_wrapper li.gfield_error input[type=tel], #home .news-tickets .gform_wrapper li.gfield_error input[type=number], #home .news-tickets .gform_wrapper li.gfield_error input[type=password], #home .news-tickets .gform_wrapper li.gfield_error textarea {
	border: 1px solid #f18731;
}
#gforms_confirmation_message {
	padding: 20px 15px;
	font-size: 1.25em;
}
#home-video {
	border-top: solid 12px #f18731;
	text-align: center;
}
#home-video .container h2 {
	font-size: 3em;
}
#home-video .container p {
	max-width: 700px;
	margin: 0 auto 15px;
}
#banner-navigation {
	background: #fafdff;
	position: relative;
	padding: 85px 0;
}
#banner-navigation #banner-image {
	width: 100%;
	height: 100%;
	opacity: .15;
	position: absolute;
	top: 0;
	left: 0;

	background-position: center center;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
#banner-navigation h2 {
	font-size: 3em;
	margin-bottom: 10px;
}
#banner-navigation .container .sub-nav {
	list-style: none;
	float: right;
	text-align: right;
}
#banner-navigation .container .sub-nav li {
	display: inline-block;
	margin-left: 15px;
}
#banner-navigation .container .sub-nav li.current_page_item a, #banner-navigation .container .sub-nav li.current_page_parent a {
	color: #f18731;
}
#banner-navigation .container .sub-nav.no-children li.page_item_has_children ul {
	display: none;
}
#banner-navigation .container .sub-nav li a {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.125em;
}
#page h2, #page h3, #page h4{
	color: #4f83cf;
}
#page h2 {
	margin-bottom: 25px;
}
#page h3 {
	margin-bottom: .5em;
}
#page * + h3 {
	margin-top: 1em;
}
#page h4 {
	margin-bottom: 15px;
}
#page .form, #footer .form {
	--wpforms-field-border-radius: 0;
	--wpforms-container-border-radius: 0;
	--wpforms-field-border-color: rgba(255, 255, 255, 0.25);
	--wpforms-field-border-size: 0;
	--wpforms-label-size-font-size: 1.125rem;
	--wpforms-field-size-line-height: 1;
	--wpforms-label-size-sublabel-line-height: 1;
	--wpforms-field-size-checkbox-size: 1.125rem;
	margin: 30px 0 45px;
}
#page .wpforms-field.wpforms-field-checkbox ul, #page .wpforms-field.wpforms-field-radio ul {
	--wpforms-label-size-font-size: 1rem;
	row-gap: calc(var(--wpforms-field-size-input-spacing) * .5);
	margin-top: var(--wpforms-field-size-input-spacing);
}
#page .form .wpforms-field-label, #page .form .wpforms-error, #footer .form .wpforms-field-label, #footer .form .wpforms-error {
	--wpforms-field-size-input-spacing: .25em;
	--wpforms-field-size-sublabel-spacing: .25em;
}
#page .form .wpforms-field-sublabel + .wpforms-error, #footer .form .wpforms-field-sublabel + .wpforms-error {
	--wpforms-field-size-sublabel-spacing: .125em;
	margin-top: var(--wpforms-field-size-sublabel-spacing);
}
#page .form .wpforms-required-label, #footer .form .wpforms-required-label {
	font-size: 80%;
	line-height: 1em;
	vertical-align: top;
}
#page .form hr {
	--wpforms-field-border-size: 2px;
}
#page .form hr.section-divider {
	--wpforms-field-border-size: 3px;
	--wpforms-field-border-style: dashed;
	--wpforms-field-border-color: white;
}
#page .form.blue input[type=checkbox] {
	--wpforms-button-background-color: #f18731;
}
#page .form.orange input[type=checkbox] {
	--wpforms-button-background-color: #4f83cf;
}
#page .form input[type=checkbox]:checked::after {
	border-left: 6px solid var(--wpforms-button-background-color);
	border-bottom: 6px solid var(--wpforms-button-background-color);
	background-color: transparent;
	transform: translate(-50%, -40%) scale(.9) rotate(-45deg);
	left: 50%;
	top: 50%;
}


#page .form-buttons li {
	float: left;
	margin: 0 10px 15px 0;
	padding: 12px 12px;
	border: 1px solid #dee1e4 ;
	border-radius: .25rem;
	background: #fdfdfd;
	font-size: 1.125rem;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	color: #333;
	position: relative;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	overflow: hidden;
	z-index: 1;
}
#page .wpforms-field.wpforms-field-radio.form-buttons ul {
	margin-top: 0;
}
#page .form-buttons li {
	--wpforms-label-color: #333333;
	float: none;
	background-color: white;
	padding: 0;
	position: relative;
	overflow: hidden;
	line-height: 1;
	margin: 0;
}

#page .form-buttons li input[type="radio"] {
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	min-width: 0;
	margin: 0;
	display: flex;
}
#page .form-buttons li input[type="radio"]::before, #page .form-buttons li input[type="radio"]::after {
	content: none;
}
#page .form-buttons li label {
	padding: .75rem;
	display: block;
	line-height: 1;
}
#page .form-buttons.donation-type li label {
	--wpforms-label-size-font-size: 1.25rem;
	text-transform: uppercase;
}
#page .form-buttons.donation-frequency fieldset {
	display: flex;
	align-items: center;
}
#page .form-buttons.donation-frequency fieldset legend {
	text-transform: uppercase;
}
#page .form-buttons li:has( input[type="radio"]:checked ){
	--wpforms-label-color: #ffffff;
	color: #fff;
}
#page .form-buttons li:has( input[type="radio"] )::before {
	position: absolute;
	content: '';
	display: block;
	background-color: #4f83cf;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	z-index: -1;
}
#page .form-buttons li:has( input[type="radio"]:checked )::before {
	opacity: 1;
}
#page .form .donation-total {
	--wpforms-label-size-font-size: 1.375rem;
	--wpforms-field-size-font-size: 1.75rem;
	display: flex;
	margin-top: .5rem;
	justify-content: space-between;
	align-items: flex-end;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
}
#page .form .donation-total label {
	text-transform: uppercase;
	font-weight: 700;
}
#page .form .donation-total .wpforms-payment-total {
	font-weight: 900;
}
#page .form.donations h3 {
	margin-top: 20px;
}
#page .form.donations .wpforms-field-container .wpforms-field-content:first-child {
	padding-top: 0;
}
#page .form.donations .wpforms-field-container .wpforms-field-content:first-child h3 {
	margin-top: 0;
}

#page .form input[type=submit], #page .form button[type=submit], #page .form .wpforms-page-button {
	font-family: 'Edmond Sans', Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.025em;
	background-color: transparent;
}
#page .form.donations .donate-submit {
	margin-top: 1rem;
	width: 100%;
	font-size: 1.25rem;
	/*noinspection CssUnresolvedCustomProperty*/
	padding: var(--wpforms-button-size-padding-h, 15px);
	height: auto;
}
#page .form.donations .donate-submit:not(:hover) {
	--wpforms-button-background-color-alt: white;
	--wpforms-button-text-color: #4f83cf;
}


#page img {
	max-width: 100%;
	height: auto;
}
#page form h2, #page form h3, #page form h4{
	color: #fff;
}

#page #page-nav {
	list-style: none;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-size: 1.125em;
}
#page #page-nav li {
	margin-bottom: 15px;
}
#page #page-nav li a {
	border-bottom: solid 1px #4f83cf;
	display: block;
}
#page #page-nav li a:hover {
	border-bottom: solid 1px #f18731;
}
#page #page-nav li.current_page_item a {
	border-bottom: solid 1px #f18731;
	color: #f18731;
}
#page #page-nav li.current_page_item a {

}

#page .nominee {
	padding-bottom: 25px;
	border-bottom: solid 1px #4f83cf;
	margin-bottom: 35px;
}
#page .nominee p {
	font-size: .875em;
}
#page .nominee ul {
	list-style: none;
	padding-top: 15px;
}
#page .nominee ul li {
	padding-bottom: 20px;
}
#page .nominee ul li .title {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	color: #4f83cf;
	display: block;
	margin-bottom: 0;
	padding: 0;
	line-height: 1;
}
#page .nominee ul li .award-category {
	display: block;
}

#page .board-members {
}
#page .board-members li {
	margin-bottom: 15px;
}
#page .board-members li .member-name {
	font-weight: bold;
	color: black;
	font-size: 1.125em;
}
#page .post {
	padding-bottom: 40px;
}


.post a {
}
.post img {
	margin-bottom: 15px;
	max-width: 100%;
	height: auto;
}
.post img.attachment-post-featured {
	width: 100%;
}
.post h3 {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;

	font-size: 1.875em;
}
.post h3 a {

}
.post .date {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	color: #4f83cf;
	margin-bottom: 15px;
	display: block;
}
.post p {
}
.post .more {
	margin-top: 20px;
	display: table;
	text-align: right;
	margin-left: auto;
}
.next-posts {
	text-align: right;
}
.next-posts, .prev-posts {
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.5em;
}


#sidebar .widget {
	padding-bottom: 15px;
}
#sidebar h3 {
	margin-bottom: 10px;
	font-size: 1.75em;
	line-height: 1em;
}


#footer {
}
#footer h3 {
	margin-bottom: 20px;
}
#footer .map {
	height: 300px;
	width: 100%;
	background-size: cover;
	background: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/bg-map.jpg) center center;
}
#footer .map a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
}
#footer {
}
#footer p {
}
#footer a {
	color: #f18731;
}
#footer a:hover {
	color: white;
}
#footer p .label {
	width: 85px;
	display: inline-block;
	font-weight: bold;
}
#footer form {
}
#footer .wpforms-container .wpforms-field {
	padding-top: 0;
}
#footer form span, #wpcf7-f231-p545-o1 form span {
	display: block;
}
#footer form input, #wpcf7-f231-p545-o1 form input {
	display: block;
	border: none;
	box-sizing: border-box;
	padding: 15px;
	width: 100%;
	font-size: 1em;
}
#footer form .name, #wpcf7-f231-p545-o1 form .name {

}
#footer form input#newsletter-submit, #wpcf7-f231-p545-o1 form #newsletter-submit {
	background: white;
	color: #f18731;
	font-size: 1.5em;
	text-transform: uppercase;
	font-family: 'Edmond Sans', Helvetica, Arial, sans-serif;
	font-weight: 500;
	width: auto;
	float: right;
	display: block;
	padding: 12px 20px 10px;
	margin: 15px 0 0;
}
#footer form span.wpcf7-not-valid-tip, #wpcf7-f231-p545-o1 form span.wpcf7-not-valid-tip {
	color: #FDD405;
	font-size: 1em;
	display: block;
}
#footer .meta {
	padding-top: 25px;
	font-size: .875em;
}
#footer .meta .social {
	float: right;

}
#footer #view-full-site {
	float: right;
	display: none;
}
#footer #view-full-site.full-site {
	display: block !important;
}
#footer .social li {
	display: inline-block;
	margin: 0 0 0 15px;
}
#footer .social li a {
	background: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/icon-social.png);
	width: 24px;
	height: 24px;
	display: block;
	text-indent: -1000em;
}
#footer .social li a#facebook {
	background-position: left top;
}
#footer .social li a#facebook:hover {
	background-position: left bottom;
}
#footer .social li a#instagram {
	background-position: -76px top;
}
#footer .social li a#instagram:hover {
	background-position: -76px bottom;
}
#footer .social li a#twitter {
	background-position: -38px top;
}
#footer .social li a#twitter:hover {
	background-position: -38px bottom;
}
#footer .meta p {
	margin: 0 0 10px;
	line-height: 1em;
}
#footer .meta .credit {
}
#footer .meta .credit a {
	color: #adfe00;
}
@media screen and (max-width:1100px), only screen and (max-device-width: 1100px) {
	#header #logo {
		background: url(https://www.spiritofyouth.org/wp-content/themes/SpiritOfYouth/_images/logo-med.png) no-repeat left top;
		height: 101px;
		width: 465px;

	}
	#home .action-boxes .box {
		height: 470px;
	}
}
@media screen and (max-width:960px), only screen and (max-device-width: 960px) {
	.third, .third.center {
		width: 100%;
	}
	#header {
		height: auto;
	}
	#header #logo, #header #search, #header #nav {
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}
	#header #logo {
		margin: 5px auto 0;
	}
	#header #search {
		margin: 5px auto 15px;
	}
	#header #nav {
		margin: 0 auto;
		text-align: center;
	}
	#header #nav ul {
		display: inline-block;
		vertical-align: middle;
	}
	#header #nav ul li {
		padding: 12px 10px 10px;
	}
	#header #nav ul li a {
		font-size: 1em;
	}
	#header #nav ul li.donate-link {
		padding: 12px 10px 10px;
	}
	#header #nav ul li.donate-link a {
		font-size: 1em;
	}
	#slideshow {

	}
	#home .action-boxes .box {
		height: 250px;
	}
	#home .action-boxes .box-title {
		width: 35%;
		top: 30px;
		left: 35px;
		margin: 0;
		position: absolute;
		text-align: left;
	}
	#home .action-boxes .link-box {
		text-align: left;
		width: 35%;
		left: 35px;
	}
	#home .action-boxes p {
		width: 50%;
		position: absolute;
		right: 35px;
		top: 30px;
		padding: 0;
		margin: 0;
		text-align: left;

	}
}




/* Generic comments template.... Saves a lot of time
-------------------------------------------------------------------------------*/
.comment-container {
	width: 85%;
	margin: 0 auto;
	padding: 10px 0;
}
#respond {
	padding: 15px;
}
ol.commentlist {
	list-style: none;
	margin-bottom: 15px;
}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {padding-bottom: 5px;}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {
	font-size: 12px;
	padding-bottom: 10px;
}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}