/*
Theme Name: STWN Theme
Theme URI: http://spreadthewordnevada.org/
Author: Joseph Hensel
Description: A custom WordPress theme for Spread The Word Nevada.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: stwn
Domain Path: /languages/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Fonts
2.0 - Key Frames
3.0 - Reset
4.0 - Layout
5.0 - Typography
6.0 - Elements
7.0 - Forms
8.0 - Site Header
9.0 - Content Header
10.0 - Accessibility
11.0 - Alignments
12.0 - Clearings
13.0 - Widgets
14.0 - Content
15.0 - Media
16.0 - Footer
17.0 - Page Specific Styles
18.0 - Scroll Styles
19.0 - Tablet View
20.0 - Mobile View
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Fonts
--------------------------------------------------------------*/

	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-Thin.ttf');
		font-weight:100;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-ExtraLight.ttf');
		font-weight:200;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-Light.ttf');
		font-weight:300;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-Regular.ttf');
		font-weight:400;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-Medium.ttf');
		font-weight:500;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-SemiBold.ttf');
		font-weight:600;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-Bold.ttf');
		font-weight:700;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-ExtraBold.ttf');
		font-weight:800;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-Black.ttf');
		font-weight:900;
		font-style:normal;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-ThinItalic.ttf');
		font-weight:100;
		font-style:italic;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-ExtraLightItalic.ttf');
		font-weight:200;
		font-style:italic;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-LightItalic.ttf');
		font-weight:300;
		font-style:italic;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-Italic.ttf');
		font-weight:400;
		font-style:italic;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-MediumItalic.ttf');
		font-weight:500;
		font-style:italic;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-SemiBoldItalic.ttf');
		font-weight:600;
		font-style:italic;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-BoldItalic.ttf');
		font-weight:700;
		font-style:italic;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-ExtraBoldItalic.ttf');
		font-weight:800;
		font-style:italic;
	}
	
	@font-face{
		font-family:poppins;
		src:url('fonts/Poppins-BlackItalic.ttf');
		font-weight:900;
		font-style:italic;
	}
/*--------------------------------------------------------------
2.0 - Key Frames
--------------------------------------------------------------*/
	@keyframes stwn-jump{
		0%{
			transform:scale(1) translateY(0);
		}
		10%{
			transform:scale(1.1,0.9) translateY(0);
		}
		30%{
			transform:scale(0.9,1.1) translateY(-0.5em);
		}
		50%{
			transform:scale(1.05,0.95) translateY(0);
		}
		57%{
			transform:scale(1) translateY(-0.125em);
		}
		64%{
			transform:scale(1) translateY(0);
		}
		to{
			transform:scale(1) translateY(0);
		}
	}
	@keyframes stwn-twirl{
		50%{
			transform:rotate3d(0,1,0,-180deg);
		}
	}
	@keyframes stwn-shiver{
		0%{
			transform:rotate(-15deg);
		}
		4%{
			transform:rotate(15deg);
		}
		8%,
		24%{
			transform: rotate(-18deg);
		}
		12%,
		28%{
			transform:rotate(18deg);
		}
		16%{
			transform:rotate(-22deg);
		}
		20%{
			transform:rotate(22deg);
		}
		32%{
			transform:rotate(-12deg);
		}
		36%{
			transform:rotate(12deg);
		}
		40%,
		to{
			transform:rotate(0deg);
		}
	}
	@keyframes stwn-pulse{
		0%,
		90%{
			transform:scale(1);
		}
		45%{
			transform:scale(1.25);
		}
	}
	
	@keyframes stwn-loader-rotate{
		0% {
			transform:translate(-50%, -50%) rotateZ(0deg);
		}
		100% {
			transform:translate(-50%, -50%) rotateZ(360deg);
		}
	}

	@keyframes stwn-loader-rotateccw{
		0% {
			transform:translate(-50%, -50%) rotate(0deg);
		}
		100% {
			transform:translate(-50%, -50%) rotate(-360deg);
		}
	}

	@keyframes stwn-loader-spin{
		0%,
		100% {
			box-shadow: .2em 0px 0 0px currentcolor;
		}
		12% {
			box-shadow: .2em .2em 0 0 currentcolor;
		}
		25% {
			box-shadow: 0 .2em 0 0px currentcolor;
		}
		37% {
			box-shadow: -.2em .2em 0 0 currentcolor;
		}
		50% {
			box-shadow: -.2em 0 0 0 currentcolor;
		}
		62% {
			box-shadow: -.2em -.2em 0 0 currentcolor;
		}
		75% {
			box-shadow: 0px -.2em 0 0 currentcolor;
		}
		87% {
			box-shadow: .2em -.2em 0 0 currentcolor;
		}
	}
	
	@keyframes stwn-purple-shine {
        0% {
        	background:#9d00ab;
        }
  		8.33%   {
            background: linear-gradient(45deg,#9d00ab -100%, #fff -50%, #9d00ab 100%);
        }
        16.66% {
        	background: linear-gradient(45deg,#9d00ab -50%, #fff 0%, #9d00ab 100%);
        }
        24.99%  {
            background: linear-gradient(45deg,#9d00ab -37.5%, #fff 12.5%, #9d00ab 100%);
        }
        33.32% {
            background: linear-gradient(45deg,#9d00ab -25%, #fff 25%, #9d00ab 100%);
        }
        41.65%  {
            background: linear-gradient(45deg,#9d00ab -12.5%, #fff 37.5%, #9d00ab 100%);
        }
        49.98% {
            background: linear-gradient(45deg,#9d00ab 0%, #fff 50%, #9d00ab 100%);
        }
        58.31% {
            background: linear-gradient(45deg,#9d00ab 0%, #fff 62.5%, #9d00ab 112.5%);
        }
        66.64% {
            background: linear-gradient(45deg,#9d00ab 0%, #fff 75%, #9d00ab 125%);
        }
        74.97% {
        	background: linear-gradient(45deg,#9d00ab 0%, #fff 87.5%, #9d00ab 137.5%);
        }
        83.32% {
        	background: linear-gradient(45deg,#9a00ab 0%, #fff 100%, #9a00ab 150%);
        }
        91.66% {
            background: linear-gradient(45deg,#9d00ab 0%, #fff 150%, #9d00ab 200%);
        }
        100% {
        	background: #9d00ab;
        }
	}
/*--------------------------------------------------------------
3.0 - Reset
--------------------------------------------------------------*/

	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;
	}
	button, input[type="button"], submit{
		all:unset;
	}
	hr{
		margin:0 165px;
		color:#32a6de;
	}
	html {
		overflow-y: scroll; /* Keeps page centered 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%;
	}
	*,
	*:before,
	*:after {
		box-sizing:border-box;
	}
	body {
		background: #fff;
		font-family:poppins;
		font-weight:400;
		/*--------------For help with laying things out--------------------*/
		/*background:#ddd;*/
		/*-----------------------------------------------------------------*/
	}
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	main,
	nav,
	section {
		display: block;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	a:focus {
		outline: thin dotted;
	}
	a:hover,
	a:active {
		outline: 0;
	}
	a img {
		border: 0;
	}
	img{
		max-width:100%;
	}
/*--------------------------------------------------------------
4.0 - Layout
--------------------------------------------------------------*/
	#page {
		min-width: 250px;
	}
	.flex-row{
		display:flex;
		flex-flow:row nowrap;
	}
	.flex-column{
		display:flex;
		flex-flow:column nowrap;
	}
	.flex-edge-spacer{
		flex-grow:2;
	}
	.flex-separator{
		border:1px solid #0f4658;
		align-self:stretch;
	}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
	h1{
		font-family:poppins;
		font-weight:900;
		font-size:50px;
		line-height:50px;
		color:#0f4658;
	}
	h2{
		font-family:poppins;
		font-weight:900;
		font-size:32px;
		line-height:38.4px;
		color:#0f4658;
	}
	h3{
		font-family:poppins;
		font-weight:900;
		font-size:22px;
		line-height:33px;
		color:#0f4658;
	}
	h4{
		font-family:poppins;
		font-weight:700;
		font-size:18px;
		line-height:27px;
		color:#0f4658;
	}
	p{
		font-family:poppins;
		font-weight:400;
		font-size:16px;
		line-height:27.2px;
		color:#0f4658;
	}
	ul{
		font-family:poppins;
		font-weight:400;
		font-size:16px;
		line-height:27.2px;
		color:#0f4658;
	}
	figcaption{
		font-family:poppins;
		font-weight:300;
		font-size:12px;
		line-height:17px;
		color:#0f4658;
	}
	a{
		font-family:poppins;
		font-weight:400;
		font-size:16px;
		line-height:27.2px;
		color:#1f62ab;
		text-decoration:none;
	}
	a:visited{
		color:#1f62ab;
	}
	strong{
		font-family:poppins;
		font-weight:700;
		font-size:16px;
		line-height:27.2px;
		color:#0f4658;
	}
	.line {
		background: transparent url('images/stack-h3-bg.jpg') repeat-x center left;
		color: #0077c0;
		text-align: center;
	}
	.line em {
		background-color: #fff;
		padding: 0 5px;
		font-style: normal;
	}

/*--------------------------------------------------------------
6.0 Elements
--------------------------------------------------------------*/
    p.has-small-font-size, p.has-medium-font-size, p.has-large-font-size, p.has-x-large-font-size{
	    line-height:unset;
	}
	p[style*="font-size"]{
	    line-height:unset;
	}
	.contact-form-message-div, .contact-form-container{
		display:none;
	}
	.contact-form-message-div.is-active, .contact-form-container.is-active{
		display:flex;
	}
	.contact-form-message-div{
		text-align:center;
		align-items:center;
	}
	.contact-form-message-div .message{
		display:none;
		font-size:30px;
	}
	.contact-form-message-div .message.is-active{
		display:block;
	}
	.contact-form-container > form > div{
		margin:10px 0;
	}
	.contact-form-container label{
		display:block;
	}
	.contact-form-container .flex-row{
		gap:20px;
	}
	.contact-form-container .contact-form-submit{
		text-align:center;
	}
	.contact-form-container input, .contact-form-container select, .contact-form-container textarea{
		font-size:18px;
	}
	.contact-form-container textarea{
		width:503px;
		height:228px;
	}
	.contact-form-container select{
		width:100%;
	}
	.contact-form-container .g-recaptcha{
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
	}
	.contact-form-container input[type='submit']{
		font-weight:700;
		font-size:16px;
		line-height:24px;
		padding:10px 50px;
		text-decoration:none;
		border-radius:100px;
		border:unset;
		background-color:#1f62ab;
		background:linear-gradient(90deg, rgb(31, 98, 171) 0%, rgb(50, 166, 222) 30%);
		background-size:400px 100%;
		cursor:pointer;
		color:#fff;
		transition:0.8s all ease;
	}
	.contact-form-container input[type='submit']:hover{
		background-position:-100px;
	}
	.stwn-loader{
		transform: rotateZ(45deg);
		perspective: 1000px;
		border-radius: 50%;
		width: 100px;
		height: 100px;
		color: #F3752A;
		display:none;
		position:relative;
	}
	.stwn-loader:before,
	.stwn-loader:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: inherit;
		height: inherit;
		border-radius: 50%;
		transform: rotateX(70deg);
		animation: 1s stwn-loader-spin linear infinite;
	}
	.stwn-loader:after{
		color: #1F62AB;
		transform: rotateY(70deg);
		animation-delay: .4s;
	}
	.stwn-loader.is-active{
		display:block;
	}
	.our-supporters-group-wrapper{
		justify-content:center;
		align-items:center;
		gap:80px;
		margin:22px 0 27px 0;
		overflow:hidden;
	}
	.our-supporters-group-wrapper .our-supporters-image-wrapper{
		flex:0 0 content;
	}
	.our-supporters-group-wrapper .our-supporters-link-wrapper{
		margin-top:30px;
	}
	.our-supporters-group-wrapper .our-supporters-link-wrapper a{
		font-weight:400;
		font-size:16px;
		line-height:24px;
		color:#1f62ab;
		text-decoration:none;
	}
	.our-supporters-group-wrapper .our-supporters-link-wrapper a:visited{
		color:#1f62ab;
	}
	.stwn-button{
		font-weight:700;
		font-size:16px;
		line-height:24px;
		padding:10px 0;
		text-decoration:none;
		border-radius:100px;
		transition:filter 0.5s;
	}
	.stwn-button:hover{
	    filter:brightness(90%);
	}
	.arrow-link a::after{
		display:inline-block;
		content:'';
		width:19px;
		height:12px;
		margin-left:8px;
		vertical-align:middle;
		background-image:url('images/link-arrow.png');
		background-repeat:no-repeat;
		background-position:center;
	}
	.how-to-help-element{
		gap:90px;
		background-color:#fff;
		padding:72px 0 98px 0;
		width:100%;
	}
	.how-to-help-element .how-to-help-group-wrapper{
		width:314px;
	}
	.how-to-help-element .how-to-help-header-wrapper{
		text-align:center;
		margin-bottom:12px;
	}
	.how-to-help-element .how-to-help-image-wrapper{
		text-align:center;
	}
	.how-to-help-element .how-to-help-image-wrapper img{
		height:141px;
		max-width:314px;
	}
	.how-to-help-element .how-to-help-link a{
		font-weight:400;
		font-size:16px;
		line-height:24px;
		color:#1f62ab;
		text-decoration:none;
	}
	.how-to-help-element .how-to-help-link a:visited{
		color:#1f62ab;
	}
	.impact-element{
		background-color:#f3752a1a;
		padding:30px 0 76px 0;
		width:100%;
	}
	.impact-element .impact-element-header{
		text-align:center;
		color:#0f4658;
	}
	.impact-element .impact-groups-wrapper{
		height:310px;
		align-items:center;
		gap:115px;
		background-image:url('images/impact.png');
		background-repeat:no-repeat;
		background-position:center;
		background-attachment:local;/* this should keep it attached to the element. but if scroll behavior is wonky, just change to 'scroll'  */
	}
	.impact-element .impact-group-wrapper{
		width:185px;
		text-align:center;
	}
	.impact-element .impact-image-wrapper img{
		width:50px;
		height:50px;
	}
	.our-supporters-element-container{
		background-color:#1f62ab0d;
		width:100%;
		padding:41px 0 31px 0;
	}
	.our-supporters-element{
		width:1417px;
		min-height:253px;
		background-image:url('images/thank-you.png');
		background-repeat:no-repeat;
		background-position:0 20px;
		background-attachment:local;
		text-align:center;
		flex-grow:0;
	}
	.our-supporters-element .our-supporters-element-header{
		margin-bottom:30px;
	}
	.our-supporters-element .our-supporters-group-wrapper{
		justify-content:center;
		align-items:center;
		gap:80px;
		margin:22px 0 27px 0;
		overflow:hidden;
		align-self:center;
	}
	.our-supporters-element .our-supporters-image-wrapper{
		flex:0 0 content;
		transition:all 0.4s ease;
	}
	.our-supporters-element .our-supporters-image{
		width:250px;
		max-height:100px;
	}
	.our-supporters-element .our-supporters-link-wrapper{
		margin-top:30px;
	}
	.our-supporters-element .our-supporters-link-wrapper a{
		font-weight:400;
		font-size:16px;
		line-height:24px;
		color:#1f62ab;
		text-decoration:none;
	}
	.our-supporters-element .our-supporters-link-wrapper a:visited{
		color:#1f62ab;
	}
	.our-supporters-grid{
		/*display:grid;
		grid-template-columns:repeat(3,30%);
		grid-template-row:repeat(1,auto);
		grid-gap:10px;*/
		display:flex;
		flex-flow: row wrap;
		justify-content:center;
		align-content:center;
		align-items:center;
		gap:10px;
	}
	.our-supporters-grid-item{
		display:flex;
		flex-flow:row nowrap;
		align-items:center;
		justify-content:center;
	}
	.our-supporters-grid-item img{
		max-height:100px;
	}
	.side-by-side-element-container{
		padding:79px 0 80px 0;
	}
	.side-by-side-element{
		background-color:#e9eff7;
		padding:39px 0 58px 0;
		width:1120px;
	}
	.side-by-side-element .side-by-side-header{
		text-align:center;
		margin-bottom:62px;
		color:#0f4658;
	}
	.side-by-side-element .side-by-side-row{
		align-items:center;
		gap:42px;
	}
	.side-by-side-element .side-by-side-row:nth-child(2), .side-by-side-element .side-by-side-row:nth-child(4){
		padding:0 114px 0 184px;
	}
	.side-by-side-element .side-by-side-row:nth-child(3), .side-by-side-element .side-by-side-row:nth-child(5){
		padding:0 152px 0 116px;
	}
	.side-by-side-element .image-wrapper img{
		width:353px;
		max-width:353px;
		height:353px;
		border-radius:100%;
		border:10px solid;
		outline:#fff solid 15px;
		object-fit:cover;
	}
	.side-by-side-element .side-by-side-row .image-wrapper{
	    transition:transform 1s;
	}
	.side-by-side-element .side-by-side-row:hover .image-wrapper{
	    transform:rotateY(360deg);
	}
	.side-by-side-element .side-by-side-row:nth-child(2) .image-wrapper img{
		border-color:#f3752a;
	}
	.side-by-side-element .side-by-side-row:nth-child(3) .image-wrapper img{
		border-color:#1f62ab;
	}
	.side-by-side-element .side-by-side-row:nth-child(4) .image-wrapper img{
		border-color:#32a6de;
	}
	.side-by-side-element .side-by-side-row:nth-child(5) .image-wrapper img{
		border-color:#0f4658;
	}
	.side-by-side-element .side-by-side-text .header{
		font-weight:900;
		font-size:24px;
		line-height:36px;
	}
	.side-by-side-element .side-by-side-row:nth-child(2) .side-by-side-text .header{
		color:#f3752a;
	}
	.side-by-side-element .side-by-side-row:nth-child(3) .side-by-side-text .header{
		color:#1f62ab;
	}
	.side-by-side-element .side-by-side-row:nth-child(4) .side-by-side-text .header{
		color:#32a6de;
	}
	.side-by-side-element .side-by-side-row:nth-child(5) .side-by-side-text .header{
		color:#0f4658;
	}
	.side-by-side-element .side-by-side-text .link a{
		line-height:24px;
	}
	.side-by-side-element .side-by-side-text .link a:visited{
		color:#1f62ab;
	}
	.simple-ilt-element{
		background-color:#32A6DE33;
		gap:4.6%;
	}
	.simple-ilt-element .simple-ilt-image-wrapper{
		height:428px;
	}
	.simple-ilt-element .simple-ilt-image-wrapper img{
		width:635px;
		max-width:635px;
		height:428px;
	}
	.simple-ilt-element .simple-ilt-text-wrapper{
		padding:74px 179px 0 0;
	}
	.simple-ilt-element .simple-ilt-text-wrapper h2{
		margin-bottom:16px;
	}
	.merch-element{
		padding:84px 0 77px 0;
		gap:60px;
	}
	.merch-element .merch-image-wrapper img{
		height:283px;
		width:283px;
		object-fit:contain;
	}
	.merch-element .merch-text-wrapper{
		width:187px;
		margin-left:20px;
	}
	.merch-element .merch-description-wrapper{
		margin:12px 0;
	}
	.merch-separator{
		border-color:#32a6de;
	}
	.subscribe-element-container{
		background-color:#f3752a1a;
		width:100%;
	}
	.subscribe-element{
		width:1440px;
		min-height:253px;
		background-image:url('images/subscribe.png');
		background-repeat:no-repeat;
		background-position:center;
		background-attachment:local;
		text-align:center;
		flex-grow:0;
		gap:37px;
		padding:59px 0 89px 0;
	}
	.subscribe-element .subscribe-button{
		padding:10px 50px;
		background-color:#1f62ab;
		color:#fff;
	}
	.volunteer-info-element{
		gap:80px;
		padding:41px 0;
	}
	.volunteer-info-element .volunteer-info-image-wrapper{
		text-align:center;
	}
	.volunteer-info-element .volunteer-info-image-wrapper img{
		max-height:72px;
		max-width:66px;
	}
	.volunteer-info-element .volunteer-info-text-wrapper{
		width:329px;
	}
	.stwn-faq-list{
		list-style:none;
	}
	.stwn-faq-list label{
		display: block;
		cursor: pointer;
		padding:21px 0;
		font-weight:700;
		font-size:18px;
		line-height:27px;
		color:#0f4658;
	}
	.stwn-faq-list .faq-entry{
		border-bottom:1px solid #e9eff7;
	}
	.stwn-faq-list .faq-entry:last-child{
		border:0;
	}
	.stwn-faq-list label::after{
		content:'';
		display:inline-block;
		background-image:url('images/accordion-arrow.png');
		width:13px;
		height:9px;
		float:right;
	}
	.stwn-faq-list .faq-entry ul li{
		padding-bottom:21px;
	}
	.stwn-faq-list input[type="checkbox"]{
		display:none;
	}
	.stwn-faq-list input[type="checkbox"] ~ ul{
		list-style:none;
		height:0;
		transform:scaleY(0);
		transition:transform 0.4s ease;
	}
	.stwn-faq-list input[type="checkbox"]:checked ~ ul{
		height:100%;
		transform-origin:top;
		transform: scaleY(1);
	}
	.stwn-faq-list input[type="checkbox"]:checked + label::after{
		transform:scaleY(-1);
		filter:FlipV;
		-ms-filter:"FlipV";
	}
	.faq-element{
		padding:82px 0 71px 0;
	}
	.faq-element .faq-row-group{
		gap:62px;
	}
	.faq-element .faq-body{
		margin-top:48px;
		width:741px;
	}
	.faq-element .faq-image-column-group{
		width:318px;
		padding:19px 21px 32px 19px;
		background-color:#e9eff7;
		border-radius:15px;
		align-items:center;
	}
	.faq-element .faq-image-header-wrapper{
		padding-left:14px;
	}
	.faq-element .faq-image-wrapper{
		margin:15px 0 29px 0;
	}
	.faq-button-wrapper{
		text-align:center;
	}
	.faq-button{
		background-color:#f3752a;
		padding:10px 50px;
		text-transform:uppercase;
		color:#fff;
	}
	.faq-button:visited{
		color:#fff;
	}
	.faq-element .faq-disclaimer-text-wrapper{
		text-align:center;
		margin-top:76px;
	}
	.donate-element{
		background-image:url('images/donate.png');
		background-repeat:no-repeat;
		background-position:center 10px;
		background-attachment:local;
		/*maybe show this to Dane and Tori as well. Neither is perfect because the iFrame has a solid background.
		 *Both options look okay, but not great. No background image is an option too.
		 */
		/*
		background-position:center 180px;
		background-attachment:fixed;
		*/
	}
	.donate-element .donate-header-text{
		align-self:center;
		margin:62px 0 32px -639px;
	}
	.donate-element .donate-header-text h3{
		margin:14px 0 33px 0;
	}
	.donate-element .donate-external-wrapper{
		/*height:500px;
		overflow-y:scroll;*/
		width:1000px;
		align-self:center;
		position:relative;
		transition:all 0.4s ease;
	}
	.donate-element .donate-next-prev-wrapper{
		align-self:flex-start;
		width:100%;
	}
	.donate-element .donate-image-wrapper{
		margin:0 156px 62.5px 0;
	}
	.frame-button{
		display:inline-block;
		background-color:#9d00ab;
		color:#fff;
		padding:10px 50px 10px 50px;
		cursor:pointer;
	}
	.frame-previous-button{
		margin-right:5px;
	}
	.other-ways-element{
		padding-bottom:85px;
	}
	.other-ways-element .other-ways-element-header{
		text-align:center;
		margin:44px 0 48px 0;
	}
	.other-ways-element .other-ways-row-wrapper{
		gap:71px;
	}
	.other-ways-element .other-ways-group-wrapper{
		width:329px;
	}
	.other-ways-element .other-ways-image-wrapper{
		text-align:center;
	}
	.other-ways-element .other-ways-image-wrapper img{
		max-width:73px;
		max-height:73px;
	}
	.other-ways-element .other-ways-link a{
		color:#9d00ab;
	}
	.other-ways-element .other-ways-link a:visited{
		color:#9d00ab;
	}
	.other-ways-element .other-ways-link a::after{
		background-image:url('images/link-arrow-purple.png');
	}
	.fingerprint-info-element{
		align-items:center;
	}
	.fingerprint-info-element .fingerprint-info-header{
		width:736px;
		text-align:center;
		margin:30px 0 44px 0;
	}
	.fingerprint-info-element .fingerprint-info-image-wrapper{
		width:277px;
		text-align:center;
	}
	.fingerprint-info-element .fingerprint-info-image-wrapper img{
		max-height:54px;
		max-width:54px;
	}
	.fingerprint-info-element .fingerprint-info-schedule-wrapper{
		background-color:#e9eff7;
		border-radius:15px;
		margin:52.5px 0 75px 0;
		padding:28px 57px 44px 57px;
		text-align:center;
		gap:33px;
	}
	.fingerprint-info-element .fingerprint-info-schedule-button{
		background-color:#f3752a;
		color:#fff;
		padding:10px 50px;
	}
	.fingerprint-list-element{
		align-items:center;
		margin-bottom:36px;
	}
	.fingerprint-list-element .fingerprint-list-row-wrapper{
		gap:47px;
		margin-bottom:36px;
	}
	.fingerprint-list-element .fingerprint-list-small{
		width:325px;
	}
	.fingerprint-list-element .fingerprint-list-small ul{
		list-style:none;
	}
	.fingerprint-list-element .fingerprint-list-large{
		width:584px;
	}
	.fingerprint-list-element .fingerprint-list-large ul{
		padding-left:24px;
	}
	.fingerprint-list-element .fingerprint-list-disclaimer-wrapper{
		width:960px;
		text-align:center;
	}
/*--------------------------------------------------------------
7.0 Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.0 Site Header
--------------------------------------------------------------*/
	.main-navigation .stwn-no-link > a{
		cursor:default;
	}
	.main-navigation .hamburger-menu{
		display:none;
	}
	.main-navigation .nav-wrapper {
		display:flex;
		flex-flow: row nowrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		height:139px;
		gap:101px;
		transition: height 0.4s ease;
	}
	.nav-donate-wrapper{
		display:flex;
		flex-flow: row nowrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		height:100%;
		min-width:803px;
	}
	.main-navigation {
		background: #fff;
		display: block;
		min-width: 250px;
		position: fixed;
		transition: all 0.4s ease;
		width: 100%;
		height:139px;
		z-index: 9999;
		top:0;
		left:0;
		padding:0;
		margin:0;
		border:0;
		box-shadow: 0px 0px 20px 0px #0000001A;
	}
	#page:has(#wpadminbar) > .main-navigation{
		top:32px;
	}
	.main-navigation .menu-primary-menu-container {
		transition: all 0.4s ease;
	}
	.main-navigation .menu-primary-menu-container > ul{
		min-width:663px;
	}
	.main-navigation .menu-primary-menu-container ul {
		list-style: none;
		margin: 0;
		text-align: right;
	}
	.main-navigation .menu-primary-menu-container li {
		display: inline-block;
		float: none;
		position: relative;
	}
	.main-navigation .menu-primary-menu-container a {
		color: #0f4658;
		display: block;
		font-size: 14px;
		line-height: 21px;
		padding: 15px 14px;
		text-decoration: none;
		text-transform: uppercase;
		transition: all 0.4s ease;
		font-family:poppins;
		font-weight:500;
		outline:none;
	}
	.main-navigation .menu-primary-menu-container ul ul {
		background: #fff;
		border:1px solid #32a6de;
		border-radius:6px;
		padding: 0;
		position: absolute;
		text-align: left;
		top: 51px;
		transition-property: none;
		z-index: 99999;
		box-shadow:0 1px 4px 0 #0c0c0d0d;
		visibility:hidden;
		left:-80;
	}
	.main-navigation .menu-primary-menu-container ul ul ul {
		top: 0;
	}
	.main-navigation .menu-primary-menu-container ul ul a {
		padding: 15px;
		width: 250px;
		line-height:19.6px;
		color:#1f62ab;
		transition:none;
	}
	.main-navigation .menu-primary-menu-container ul ul li:first-child a{
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}
	.main-navigation .menu-primary-menu-container ul ul li:last-child a{
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
	}
	.main-navigation .menu-primary-menu-container ul ul li:hover > a{
		background-color:#e9eff7;
		padding:9px;
		border:6px solid #fff;
	}
	.main-navigation .menu-primary-menu-container ul li:hover > ul {
		visibility:visible;
	}
	.main-navigation .menu-primary-menu-container ul li > ul:before{
		content:"\A";
		border-style:solid;
		border-width:0 10px 15px 10px;
		border-color:transparent transparent #32a6de transparent;
		position:absolute;
		left:117.5px;
		top:-14.7px;
	}
	.main-navigation .menu-primary-menu-container ul li > ul:after{
		content:"\A";
		border-style:solid;
		border-width:0 10px 14px 10px;
		border-color:transparent transparent #fff transparent;
		position:absolute;
		left:117.5px;
		top:-12.6px;
	}
	/*Can't adjust the border-wicth based on parent element width, so going to make have css entries for each top-level menu*/
	.main-navigation .menu-primary-menu-container .current-menu-parent::after,
	.main-navigation .menu-primary-menu-container > ul > .current_page_item::after{
		content:'\A';
		border-style:solid;
		border-width:25px 50px 19px 50px;
		border-color:#fff transparent #e9eff7 transparent;
		position:absolute;
		top:100%;
		left:14px;
		background-color:#e9eff7;
		transition:all 0.4s ease;
	}
	.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-get-involved::after,
	.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-get-involved::after{
		border-width:25px 49px 19px 49px;
	}
	.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-programs::after,
	.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-programs::after{
		border-width:25px 38px 19px 39px;
	}
	.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-resources::after,
	.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-resources::after{
		border-width:25px 39px 19px 40px;
	}
	.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-about::after,
	.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-about::after{
		border-width:25px 23px 19px 24px;
	}
	.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-partners::after,
	.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-partners::after{
		border-width:25px 34px 19px 34px;
	}
	.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-contact::after,
	.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-contact::after{
		border-width:25px 45px 19px 45px;
	}
	.translate-symbol-wrapper{
		margin:0 28px;
		padding-top:11px;
		cursor:pointer;
	}
	.donate-button-wrapper{
		width:140px;
		height:44px;
		border-radius:100px;
		background:#9d00ab;
		text-align:center;
		line-height:44px;
	}
	.donate-button{
		color:#fff;
		text-decoration:none;
		font-family:poppins;
		font-weight:700;
		font-size:16px;
		display:block;
		width:100%;
		height:100%;
		line-height:44px;
	}
	.donate-button:visited{
		color:#fff;
	}

/*--------------------------------------------------------------
9.0 - Content Header
--------------------------------------------------------------*/
	.begin-page-content{
		margin-top:139px;
		transition:margin 0.4s ease;
	}
	#page:has(#wpadminbar) > .begin-page-content{
		margin-top:171px;
	}
	.video-banner-wrapper{
		position:relative;
		width:100%;
		height:526px;
		/*changing from top to margin-top, because top moves the element down, but does not move this element's trailing siblings down. I think it has to do with being positioned relative, but I'm not 100 on that.*/
		/*margin-top:139px;*/
		overflow:hidden;
		transition: all 0.8s ease;
	}
	
	.video-banner{
		position:absolute;
		top:0.27%;
		bottom:0;
		left:0;
		width:100%;
		height:120%;
		border:0;
		object-fit:cover;
		z-index:10;
	}
	
	.home-header{
		color:#fff;
		margin-bottom:23px;
	}
	
	.home-header-text{
		color:#fff;
	}
	
	.banner-text-wrapper{
		position:absolute;
		top:1px;
		left:161px;
		width:400px;
		height:100%;
		z-index:11;
		background:rgba(31,98,171,0.85);
		padding-top:77px;
		padding-left:39px;
		padding-right:30px;
	}
	.donate-today-button-wrapper{
		width:186px;
		height:44px;
		border-radius:100px;
		text-align:center;
		line-height:44px;
		margin-top:23px;
	}
	.donate-today-button{
		color:#fff;
		text-decoration:none;
		font-family:poppins;
		font-weight:700;
		font-size:16px;
		display:block;
		width:100%;
		height:100%;
	}
	.donate-today-button:visited{
		color:#fff;
	}
	.page-entry-header{
		position:relaive;
		/*margin-top:139px;*/
		width:100%;
		padding:69px 0 72px 0;
		gap:48px;
		background-color: #E9EFF7;
	}
	.page-entry-header .page-header-text-wrapper{
		width:452px;
	}
	.page-entry-header .page-header-text-wrapper h1{
		margin-bottom:14px;
	}
	.page-entry-header .page-header-image-wrapper img{
		width:617px;
		object-fit:cover;
	}
	.page-entry-header:has(.page-title){
		margin-bottom:20px;
	}
	.page-entry-header .page-title{
		padding-left:165px;
	}
/*--------------------------------------------------------------
10.0 Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
11.0 Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.0 Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
14.0 Content
--------------------------------------------------------------*/
	.entry-content > .wp-block-heading,
	.entry-content > p,
	.entry-content > .wp-block-group,
	.entry-content > .wp-block-media-text{
		/*margin:0 165px 0 165px;*/
		padding:0 165px 0 165px;
	}
	/*.wp-block-group{
		padding-top:20px;
		padding-bottom:20px;
	}*/
	.wp-block-group .wp-block-image.stylized-border img{
		border-radius:10%;
		border:10px solid #f3752a;
		outline:#fff solid 5px;
	}
	.block-image-row .wp-block-image img{
		border-radius:100%;
		border-width:2px;
		border-style:solid;
		object-position:top;
		border-color:#0f4658;
	}
	.block-image-row .wp-block-image.position-center img{
		object-position:center;
	}
	.block-image-row div:nth-of-type(2) img{
		border-color:#f3752a;
	}
	.block-image-row div:nth-of-type(3) img{
		border-color:#1f62ab;
	}
	.block-image-row div:nth-of-type(4) img{
		border-color:#32a6de;
	}
	.block-image-row div:nth-of-type(5) img{
		border-color:#0f4658;
	}
	.wp-block-image.stylized-subtle img{
		border-width:2px;
		border-style:solid;
	}
	.wp-block-image.stylized-radius-100 img{
		border-radius:100%;
	}
	.wp-block-image.stylized-orange img{
		border-color:#f3752a;
	}
	.wp-block-image.stylized-blue img{
		border-color:#1f62ab;
	}
	.wp-block-image.stylized-light-blue img{
		border-color:#32a6de;
	}
	.wp-block-image.stylized-dark-blue img{
		border-color:#0f4658;
	}
	.wp-block-group > .wp-block-image + p{
		padding:0 10px;
	}
	.wp-block-wrapper > div{
		width:100%;
	}
	.image-brighten-124 img{
		filter:brightness(124%);
	}
	.image-brighten-110 img{
		filter:brightness(110%);
	}
	.block-image-row .wp-block-cover{
		width:307px;
	}
	.block-image-row .wp-block-cover p{
		text-align:left;
	}
	.block-image-row .wp-block-cover__inner-container,
	.block-image-row .wp-block-cover__background{
		opacity:0;
		transition:opacity 0.4s ease;
	}
	.block-image-row .wp-block-cover:hover .wp-block-cover__inner-container{
		opacity:1;
	}
	.block-image-row .wp-block-cover:hover .wp-block-cover__background{
		opacity:0.5;
	}
	.wp-block-vertical-separator{
		width:1px;
		height:100px;
		background-color:#1f62ab;
		align-self:center;
		flex-basis:1px;
		flex-shrink:0;
	}
	.is-layout-flex > :is(*, div) .wp-block-vertical-separator{
		margin:0 10px 0 10px;
	}
	.wp-block-list{
		list-style-position:inside;
	}
	.mentor-sign-up-button a{
		color:#fff;
		background-color:#f3752a;
		padding:10px 20px;
		border-radius:100px;
	}
	.wp-block-group .map-wrap > iframe{
		width:640px;
		height:480px;
	}
/*--------------------------------------------------------------
15.0 Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
16.0 Footer
--------------------------------------------------------------*/
	.pre-footer-area{
		padding: 51px 0 70px 0;
		background-color:#fff;
		gap:24px;
	}
	.location-wrapper{
		margin-right:27px;
	}
	.map-address-wrapper{
		gap:73px;
	}
	.map-wrapper{
		width:381px;
		height:279px;
	}
	.mobile-logo-donate-wrapper{
		display:none;
	}
	.pre-footer-info-wrapper{
		gap:24px;
	}
	.follow-images-wrapper{
		gap:14px;
	}
	.twitter-logo-wrapper{
		animation-name:stwn-twirl;
		animation-delay:0s;
		animation-direction:normal;
		animation-duration:1s;
		animation-iteration-count:infinite;
		animation-timing-function:ease-in-out;
	}
	.facebook-logo-wrapper{
		animation-name:stwn-shiver;
		animation-delay:0s;
		animation-direction:normal;
		animation-duration:1s;
		animation-iteration-count:infinite;
		animation-timing-function:linear;
	}
	.instagram-logo-wrapper{
		animation-name:stwn-jump;
		animation-delay:0s;
		animation-direction:normal;
		animation-duration:1s;
		animation-iteration-count:infinite;
		animation-timing-function:cubic-bezier(0.28,0.84,0.42,1);
	}
	.youtube-logo-wrapper{
		animation-name:stwn-pulse;
		animation-delay:0s;
		animation-direction:normal;
		animation-duration:1s;
		animation-iteration-count:infinite;
		animation-timing-function:ease-in-out;
	}
	.achievement-images-wrapper{
		gap:23px;
	}
	.pre-footer-separator{
		border-color:#32a6de40;
	}
	.footer-donate-nav-wrapper {
		padding: 61px 0 0 0;
		display:flex;
		flex-flow: row nowrap;
		justify-content:flex-start;
		align-items:flex-start;
		align-content:center;
		gap:26px;
		background-color:#e9eff7;
	}
	.donate-stack-button-wrapper{
		width:140px;
		height:44px;
		border-radius:100px;
		background:#9d00ab;
		text-align:center;
		line-height:44px;
	}
	.donate-stack-button{
		color:#fff;
		text-decoration:none;
		font-family:poppins;
		font-weight:700;
		font-size:16px;
		display:block;
		width:100%;
		height:100%;
	}
	.donate-stack-button:visited{
		color:#fff;
	}
	.donate-stack-wrapper{
		display:flex;
		flex-flow: column nowrap;
		justify-content:flex-end;
		align-items:center;
		gap:0;
		align-self:flex-end;
	}
	.donate-stack-image-wrapper{
		height:229px;
	}
	footer .menu-primary-menu-container {
		transition: all 0.4s ease;
	}
	footer .menu-primary-menu-container ul {
		list-style: none;
		margin: 0;
	}
	footer .menu-primary-menu-container li {
		display: inline-block;
		position: relative;
	}
	footer .menu-primary-menu-container ul ul li{
		display:block;
	}
	footer .menu-primary-menu-container a {
		color: #0f4658;
		display: block;
		font-size: 14px;
		line-height: 21px;
		text-decoration: none;
		text-transform: uppercase;
		transition: all 0.4s ease;
		font-family:poppins;
		font-weight:500;
	}
	footer .menu-primary-menu-container ul ul {
		float: left;
		padding: 0;
		width:138px;
		max-width:151px;
	}
	footer .menu-primary-menu-container ul ul ul {
		top: 0;
	}
	footer .menu-primary-menu-container ul ul a {
		font-weight:400;
		line-height:19.6px;
	}
	footer .menu-primary-menu-container > ul li{
		text-align:left;
	}
	footer .menu-primary-menu-container > ul > li{
		margin:0 13px;
	}
	.menu-footer-secondary-menu-container {
		width:100%;
		height:112px;
		background-color:#1f62ab;
		transition: all 0.4s ease;
	}
	.menu-footer-secondary-menu-container > ul{
		padding-top:45.5px;
		min-width:663px;
	}
	.menu-footer-secondary-menu-container ul {
		list-style: none;
		margin: 0;
		text-align: center;
	}
	.menu-footer-secondary-menu-container li {
		display: inline-block;
		float: none;
		position: relative;
	}
	.menu-footer-secondary-menu-container a {
		color: #fff;
		display: block;
		font-size: 14px;
		line-height: 21px;
		padding:0 30px;
		text-decoration: none;
		text-transform: uppercase;
		transition: all 0.4s ease;
		font-family:poppins;
		font-weight:500;
	}
	.site-info{
		background-color:#0f4658;
		color:#fff;
		width:100%;
		height:101px;
		text-align:center;
		line-height:28px;
		padding-top:36.5px;
		font-weight:400;
		font-size:14px;
	}
	.site-info a{
		text-decoration:none;
		color:#fff;
	}
/*--------------------------------------------------------------
17.0 Page Specific Styles
--------------------------------------------------------------*/
	/*Don't show element header on the programs' page*/
	.page-id-198 .side-by-side-element .side-by-side-header{
		display:none;
	}
	/*404/Search/Post Page*/
	.page-not-found,
	.single-post-page,
	.search-results-page{
		margin:20px 165px 100px 165px;
	}
	/*Post Page*/
	.single-post-page .submit{
		all:unset;
		background-color:#f3752a;
		color:#fff;
		border-radius:100px;
		padding:10px 20px;
		cursor:pointer;
	}
/*--------------------------------------------------------------
18.0 Scroll Styles
--------------------------------------------------------------*/
	.scroll .nav-wrapper {
		height:97px;
	}
	.scroll {
		height:97px;
	}
	.scroll .menu-primary-menu-container a {
		line-height: 21px;
		padding: 15px 14px;
	}
	.scroll .menu-primary-menu-container ul ul {
		top: 45px;
	}
	.scroll .menu-primary-menu-container .current-menu-parent.menu-item-get-involved::after,
	.scroll .menu-primary-menu-container > ul > .current_page_item.menu-item-get-involved::after{
		top:97%;
		border-width:25px 48px 0 49px;
	}
	.scroll .menu-primary-menu-container .current-menu-parent.menu-item-programs::after,
	.scroll .menu-primary-menu-container > ul > .current_page_item.menu-item-programs::after{
		top:97%;
		border-width:25px 38px 0 39px;
	}
	.scroll .menu-primary-menu-container .current-menu-parent.menu-item-resources::after,
	.scroll .menu-primary-menu-container > ul > .current_page_item.menu-item-resources::after{
		top:97%;
		border-width:25px 39px 0 40px;
	}
	.scroll .menu-primary-menu-container .current-menu-parent.menu-item-about::after,
	.scroll .menu-primary-menu-container > ul > .current_page_item.menu-item-about::after{
		top:97%;
		border-width:25px 23px 0 24px;
	}
	.scroll .menu-primary-menu-container .current-menu-parent.menu-item-partners::after,
	.scroll .menu-primary-menu-container > ul > .current_page_item.menu-item-partners::after{
		top:97%;
		border-width:25px 34px 0 34px;
	}
	.scroll .menu-primary-menu-container .current-menu-parent.menu-item-contact::after,
	.scroll .menu-primary-menu-container > ul > .current_page_item.menu-item-contact::after{
		top:97%;
		border-width:25px 45px 0 45px;
	}
/*--------------------------------------------------------------
19.0 Tablet View
--------------------------------------------------------------*/

	@media screen and (max-width: 1200px) {
		/*------------------------------------------------------
		1.0 Typography
		------------------------------------------------------*/
		h1{
			font-size:40px;
			line-height:40px;
		}
		h2{
			font-size:26px;
			line-height:31.2px;
		}
		h3{
			font-size:22px;
			line-height:33px;
		}
		p{
			font-size:14px;
			line-height:21px;
		}
		a{
			font-size:14px;
			line-height:21px;
		}
		strong{
			font-size:14px;
			line-height:21px;
		}
		/*------------------------------------------------------
		2.0 Layout
		------------------------------------------------------*/
		body{
			width:100%;
			overflow-x:hidden;
		}
		#wpadminbar{
			display:none;
		}
		.flex-row{
			flex-flow:column nowrap;
		}
		.no-mobile{
			display:none;
		}
		/*------------------------------------------------------
		3.0 Elements
		------------------------------------------------------*/
		.page-entry-header{
			gap:20px;
			padding:0;
		}
		.page-entry-header .page-header-image-wrapper{
			order:1;
			width:100%;
		}
		.page-entry-header .page-header-image-wrapper img{
			width:100%;
			max-height:212px;
			object-fit:cover;
		}
		.page-entry-header .page-header-text-wrapper{
			order:2;
		}
		.how-to-help-element{
			align-items:center;
			gap:36px;
			padding:0;
		}
		.impact-element .flex-edge-spacer,
		.side-by-side-element-container .flex-edge-spacer,
		.out-supporters-element-container .flex-edge-spacer,
		.merch-element .flex-edge-spacer,
		.pre-footer-area .flex-edge-spacer,
		.other-ways-element .flex-edge-spacer,
		.page-entry-header .flex-edge-spacer{
			display:none;
		}
		.impact-element .impact-element-header{
			margin-bottom:20px;
		}
		.impact-element .impact-groups-wrapper{
			background-image:none;
			/*flex-flow:row wrap;*/
			gap:0;
			height:unset;
			display:grid;
			grid-template-columns:1fr 1fr;
			grid-template-rows:1fr 1fr;
			grid-row-gap:30px;
			row-gap:30px;
			justify-items:center;
		}
		.side-by-side-element-container{
			padding:0;
		}
		.side-by-side-element{
			width:100%;
			gap:32px;
		}
		.side-by-side-element .side-by-side-header{
			margin-bottom:0;
		}
		.side-by-side-element .side-by-side-row{
			gap:0;
		}
		.side-by-side-element .side-by-side-row:nth-child(2),
		.side-by-side-element .side-by-side-row:nth-child(3),
		.side-by-side-element .side-by-side-row:nth-child(4),
		.side-by-side-element .side-by-side-row:nth-child(5){
			padding:0;
		}
		.side-by-side-element .side-by-side-row .image-wrapper{
			order:1;
		}
		.side-by-side-element .image-wrapper img{
			border-radius:0;
			outline:unset;
			
			width:92%;
			height:unset;
			margin:0 4%;
			aspect-ratio:2.39;
			object-position:center;
		}
		.side-by-side-element .side-by-side-row:nth-child(2) .image-wrapper img,
		.side-by-side-element .side-by-side-row:nth-child(3) .image-wrapper img{
			object-position:top;
		}
		.side-by-side-element .side-by-side-row .side-by-side-text{
			order:2;
			padding:0 4%;
		}
		.side-by-side-element .side-by-side-text .header{
			font-size:18px;
			line-height:27px;
		}
		.side-by-side-element .side-by-side-row .link{
			margin-top:6px;
		}
		.our-supporters-element{
			width:100%;
			background-image:unset;
		}
		.our-supporters-element .our-supporters-group-wrapper{
			flex-flow:row nowrap;
		}
		.simple-ilt-element .simple-ilt-image-wrapper{
			height:unset;
		}
		.simple-ilt-element .simple-ilt-image-wrapper img{
			width:100%;
			height:unset;
		}
		.simple-ilt-element .simple-ilt-text-wrapper{
			padding:23px 20px 28px 20px;
		}
		.simple-ilt-element .simple-ilt-text-wrapper h2{
			margin-bottom:0;
		}
		.merch-element{
			padding:20px;
			gap:20px;
		}
		.merch-element .merch-group-wrapper{
			flex-flow:row nowrap;
			gap:0;
			align-items:center;
		}
		.merch-element .merch-image-wrapper{
			width:50%;
		}
		.merch-element .merch-image-wrapper img{
			width:unset;
			height:unset;
			max-height:209px;
			max-width:100%;
		}
		.merch-element .merch-text-wrapper{
			width:50%;
		}
		.subscribe-element-container{
			flex-flow: row nowrap;
		}
		.subscribe-element{
			width:100%;
			background-image:unset;
			padding:57px 27px 48px 27px;
		}
		.subscribe-element .subscribe-header-wrapper h2{
			font-size:22px;
			line-height:26.4px;
		}
		.donate-element{
			background-image:unset;
		}
		.donate-element .donate-external-wrapper{
			overflow-y:unset;
			height:unset;
			width:100%;
		}
		.donate-element .donate-header-text{
			margin:31px 0 0 31px;
			align-self:unset;
		}
		.donate-element .donate-header-text h3{
			font-size:26px;
			line-height:31.2px;
		}
		.donate-element .donate-image-wrapper{
			display:none;
		}
		.other-ways-element{
			padding-bottom:48px;
		}
		.other-ways-element .other-ways-element-header{
			margin:32px 0 54px 0;
		}
		.other-ways-element .other-ways-row-wrapper{
			gap:48px;
			align-items:center;
		}
		/*------------------------------------------------------
		4.0 Site Header
		------------------------------------------------------*/
		.main-navigation{
			position:static;
			top:0;
			left:0;
			height:unset;
		}
		.main-navigation .hamburger-menu{
			display:flex;
			flex-direction:column;
			justify-content:space-between;
			position:absolute;
			top:46px;
			right:20px;
			height:22px;
			width:22px;
			cursor:pointer;
			z-index:99999;
		}
		.main-navigation .hamburger-menu .hamburger-bar{
			height:3px;
			width:22px;
			border-radius:3px;
			background-color:#04242e;
			transition:all 0.4s ease-in-out;
		}
		.main-navigation .hamburger-menu .hamburger-bar:nth-child(2){
			width:14.88px;
		}
		.main-navigation .hamburger-menu.menu-active .hamburger-bar:nth-child(1){
			transform:rotate(45deg);
			transform-origin:top left;
			width:28px;
		}
		.main-navigation .hamburger-menu.menu-active .hamburger-bar:nth-child(2){
			transform-origin:center;
			width:0;
		}
		.main-navigation .hamburger-menu.menu-active .hamburger-bar:nth-child(3){
			transform:rotate(-45deg);
			transform-origin:bottom left;
			width:28px;
		}
		.main-navigation .nav-wrapper{
			flex-flow:column nowrap;
			width:100%;
			height:initial;
			align-items:flex-start;
			background-color:#fff;
			z-index:9999;
			gap:0;
		}
		.main-navigation .site-branding{
			width:100%;
			height:108px;
			min-height:108px;
			padding:25px 0 0 20px;
			box-shadow: 0 0 20px 0 #0000001A;
		}
		.main-navigation .nav-donate-wrapper{
			flex-flow:column nowrap;
			align-items:center;
			min-width:unset;
			width:100%;
			/*height:unset;
			padding-top:32px;
			max-height:500px;*/
			max-height:0;
			padding-top:0;
			overflow:hidden;
			transition:all 0.4s linear;
		}
		.main-navigation .nav-donate-wrapper.nav-open{
			/*height:0;
			max-height:0;*/
			max-height:800px;
			padding-top:32px;
		}
		.main-navigation .nav-donate-wrapper .header-widget-wrapper{
			order:1;
			margin-bottom:33px;
		}
		.main-navigation .nav-donate-wrapper .menu-primary-menu-container{
			order:2;
		}
		.main-navigation .nav-donate-wrapper .translate-symbol-wrapper{
			order:3;
			width:292px;
			padding:10px 11px 10px 14px;
			border-bottom:1px solid #e9eff7;
			margin:0 0 24px 0;
		}
		.main-navigation .menu-primary-menu-container > ul{
			min-width:initial;
			width:292px;
			border-top:1px solid #e9eff7;
		}
		.main-navigation .menu-primary-menu-container > ul > li{
			border-bottom:1px solid #e9eff7;
		}
		.main-navigation .menu-primary-menu-container li{
			display:block;
			text-align:left;
			transition:all 0.4s linear;
		}
		.main-navigation .menu-primary-menu-container .menu-item-has-children > a::after{
			content:'';
			display:block;
			background-image:url('images/accordion-arrow-dark.png');
			width:16px;
			height:10px;
			float:right;
			position:relative;
			top:5px;
		}
		.main-navigation .menu-primary-menu-container .menu-item-has-children.menu-item-expanded > a::after{
			/** No longer linking the top level menu items, so a second click will collapse the menu rather than following the link. **/
			/*background-image:url('images/link-arrow.png');
			width:19px;
			height:12px;*/
			transform:rotate(180deg);
		}
		.main-navigation .menu-primary-menu-container .menu-item-has-children > ul{
			height:0;
			/*transform:scaleY(0);*/
			opacity:0;
			max-height:0;
			transition:all 0.4s linear;
		}
		.main-navigation .menu-primary-menu-container .menu-item-has-children.menu-item-expanded > ul{
			height:100%;
			max-height:400px;
			/*transform-origin:top;
			transform:scaleY(1);*/
			opacity:1;
		}
		.main-navigation .menu-primary-menu-container ul ul{
			border:0;
			border-radius:0;
			position:static;
			box-shadow:none;
			visibility:visible;
		}
		.main-navigation .menu-primary-menu-container ul ul li a{
			font-weight:400;
		}
		.main-navigation .menu-primary-menu-container ul li > ul::before{
			border:0;
		}
		.main-navigation .menu-primary-menu-container ul li > ul::after{
			border:0;
		}
		.main-navigation .menu-primary-menu-container .current_page_ancestor::after,
		.main-navigation .menu-primary-menu-container > ul > .current_page_item::after{
			content:'\A';
			border-style:unset;
			border-width:0;
			border-color:unset;
			position:unset;
			top:unset;
			left:unset;
			background-color:unset;
			transition:unset;
		}
		.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-get-involved::after,
		.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-get-involved::after{
			border-width:0;
		}
		.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-programs::after,
		.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-programs::after{
			border-width:0;
		}
		.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-resources::after,
		.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-resources::after{
			border-width:0;
		}
		.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-about::after,
		.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-about::after{
			border-width:0;
		}
		.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-partners::after,
		.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-partners::after{
			border-width:0;
		}
		.main-navigation .menu-primary-menu-container .current-menu-parent.menu-item-contact::after,
		.main-navigation .menu-primary-menu-container > ul > .current_page_item.menu-item-contact::after{
			border-width:0;
		}
		.main-navigation .nav-donate-wrapper .translate-symbol-wrapper{
			z-index:1000;
		}
		.main-navigation .nav-donate-wrapper .translate-symbol-wrapper svg{
			float:right;
		}
		.main-navigation .nav-donate-wrapper .translate-symbol-wrapper::before{
			content:'Translate';
			display:inline-block;
			font-weight:500;
			color:#0f4658;
		}
		/*--------------------------------------------------------------
		5.0 - Content Header
		--------------------------------------------------------------*/
		.begin-page-content{
			margin-top:0;
		}
		#page:has(#wpadminbar) > .begin-page-content{
			margin-top:0;
		}
		.video-banner-wrapper{
			display:flex;
			flex-flow:column nowrap;
			height:unset;
		}
		.video-banner-wrapper .video-banner{
			position:unset;
			height:unset;
		}
		.video-banner-wrapper .banner-text-wrapper{
			position:unset;
			width:unset;
			background-color:#1f62ab;
			padding:20px 31px 25px 31px;
		}
		/*--------------------------------------------------------------
		6.0 - Footer
		--------------------------------------------------------------*/
		.mobile-logo-donate-wrapper{
			display:flex;
			gap:30px;
			flex-flow:column nowrap;
			width:100%;
			overflow-x:hidden;
			text-align:center;
			padding:45px 0 61px 0;
		}
		.mobile-logo-donate-wrapper .mobile-donate-button{
			color:#fff;
			background-color:#9d00ab;
			padding:10px 37px;
		}
		.pre-footer-area{
			align-items:center;
			padding:37px 0 27px 0;
			gap:0;
		}
		.pre-footer-area .location-wrapper{
			margin:0;
		}
		.pre-footer-area .map-address-wrapper{
			gap:35px;
		}
		.pre-footer-info-wrapper{
			width:211px;
			text-align:center;
		}
		.follow-images-wrapper{
			flex-flow:row nowrap;
			justify-content:center;
		}
		.achievement-images-wrapper{
			flex-flow:row nowrap;
			justify-content:center;
		}
		.site-footer .footer-primary-nav{
			display:none;
		}
		.menu-footer-secondary-menu-container{
			height:unset;
		}
		.menu-footer-secondary-menu-container > ul{
			min-width:unset;
			padding:35px 0;
		}
		.menu-footer-secondary-menu-container li{
			display:block;
			margin:12px 0;
		}
		.menu-footer-secondary-menu-container a{
			display:unset;
		}
	}

	@media screen and (max-width: 1024px) {

	}

	@media screen and (max-width: 1000px) {

	}
	
	@media screen and (max-width: 978px){
		
	}

	@media screen and (max-width: 800px) {

	}

	@media screen and (max-width: 769px){

	}

	/*--------------------------------------------------------------
	20.0 Mobile View
	--------------------------------------------------------------*/
	@media screen and (max-width: 694px){
		.page-entry-header .page-title{
			padding-left:10px;
		}
		.flex-column{
			max-width:100%;
		}
		.entry-content > .wp-block-heading, .entry-content > p, .entry-content > .wp-block-group, .entry-content > .wp-block-media-text {
			max-width:100%;
			padding:0 10px;
		}
		.contact-form-container textarea{
			width:300px;
		}
		.pre-footer-area{
			padding:37px 10px 27px 10px;
		}
		.pre-footer-area .location-wrapper{
			width:100%;
		}
		.pre-footer-area .map-wrapper{
			max-width:100%;
		}
		.site-content > .page-entry-header{
			margin-bottom:10px;
		}
		.site-content > .page-entry-header .page-header-text-wrapper{
			padding:0 10px 10px 10px;
			max-width:100%;
		}
		.faq-element .faq-header-wrapper{
			max-width:100%;
			padding:0 10px;
		}
		.faq-element .faq-body{
			max-width:100%;
			padding:0 10px;
		}
		.faq-element .faq-image-column-group{
			align-self:center;
		}
		.faq-element .faq-disclaimer-text-wrapper{
			max-width:100%;
			padding:0 10px;
		}
		.volunteer-info-element{
			max-width:100%;
			padding:0 10px;
		}
		.wp-block-buttons{
			justify-content:center;
		}
		.wp-block-group{
			flex-wrap:wrap !important;
			max-width:100%;
		}
		.wp-block-group .map-wrap > iframe{
			width:320px;
			height:240px;
		}
		.thank-wrap > .line{
			background:none;
		}
		.wp-block-vertical-separator{
			height:1px;
			width:100%;
			margin:10px 0;
			background:none;
		}
		.wp-block-spacer.no-mobile{
			display:none;
		}
		.wp-block-quote{
			text-align:center;
		}
		.wp-block-group.is-vertical > p{
			width:100%;
			text-align:center;
		}
		.volunteer-info-element{
			gap:10px;
		}
		.entry-content > p > iframe{
			width:100%;
			height:unset;
			aspect-ratio:16/9;
		}
		.fingerprint-info-element .fingerprint-info-header{
			max-width:100%;
			padding:0 10px;
		}
		.fingerprint-info-element .fingerprint-info-schedule-button{
			display:inline-block;
		}
		.fingerprint-list-element .fingerprint-list-row-wrapper{
			flex-flow:column nowrap;
			max-width:100%;
			padding:0 10px;
		}
		.fingerprint-list-element .fingerprint-list-large{
			max-width:100%;
		}
		.fingerprint-list-element .fingerprint-list-disclaimer-wrapper{
			max-width:100%;
			padding:0 10px;
		}
		.founder-row > p{
			order:3;
		}
		.founder-row > figure{
			order:2;
		}
		/* Only apply these style to the employee page, hence .post-480 */
		.post-480 .block-image-row{
			justify-content:center;
		}
		.post-480 .wp-block-cover{
			display:flex;
			flex-flow:column nowrap;
			overflow:unset;
			padding:10px 1em;
			min-height:unset;
		}
		.post-480 .wp-block-cover > span{
			display:none;
		}
		.post-480 .wp-block-cover > .wp-block-cover__image-background{
			position:unset;
			max-width:100%;
			height:auto;
		}
		.post-480 .wp-block-cover > .wp-block-cover__inner-container{
			opacity:1;
			position:unset;
			color:#000;
		}
		.post-480 .has-white-color{
			color:unset !important;
		}
		.post-480 .has-large-font-size{
			font-size:30px !important;
			line-height:28px;
		}
		/* Style for the Our Supporters Page */
		.page-id-212 .our-supporters-grid{
			flex-flow:column nowrap;
		}
		.has-media-on-the-right p, .has-media-on-the-left p{
			text-align:left;
		}
		.side-by-side-element .image-wrapper img{
			border:4px solid;
		}
		.faq-element{
			padding:20px 0 20px 0;
		}
	}

	@media screen and (max-width: 600px) {

	}