/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none!important;}

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
}

html {
    color: #606060;
    font-size: 1em;
    line-height: 1.4;
    font-family: arial;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

section {
    width: 100%;
}

#mask {
    background-color: rgba(41, 47, 51, 0.9);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 40;
    display: none;
}

.content {
    margin: 0 auto;
    max-width: 1200px;
    width: 88%;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1 {
}


h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.3em
}
h4 {}
h5 {}
h6 {}

p, ol, ul {
	line-height: 1.6;
}

p a, ul a, li a {
	color: #E2061A;
	text-decoration: none;
}

h2 a {
}

ul {}
ul li {}
ul li a {}

strong {}

.btn a{
	display: inline-block;
    padding: 5px 35px;
    border-radius: 100px;
    text-decoration: none;
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
}

.white-btn a{
	background: #fff;
	color: #E2061A;
	border: 1px solid #fff;
}

.red-btn a{
	background: #E2061A;
	color: #fff;
	border: 1px solid #E2061A;
}

.white-btn a:hover{
	background: transparent;
	color: #fff;
}

.red-btn a:hover{
	background: #fff;
	color: #E2061A;
}

img{
	max-width: 100%;
}

/* ==========================================================================
   Flex Box Grid System
   ========================================================================== */

.grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.grid-cell {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.grid--half>.grid-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
}
.grid--third>.grid-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
}
.grid--quarter>.grid-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
}

.grid--gutters {
    margin: -1em 0 1em -1em;
}

.double--gutters{
	margin: -2em 0 2em -2em;
}

    .grid--gutters>.grid-cell {
        padding: 1em 0 0 1em;
    }

    .double--gutters>.grid-cell {
        padding: 2em 0 0 2em;
    }

.gs-half {
    width: 50%!important;
}

.gs-third {
    width: 33.3333%!important;
}

.gs-third, .gs-twothirds {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    flex: none!important;
}

.gs-twothirds {
    width: 66.6667%!important;
}

.gs-quarter {
    width: 25%!important;
}

.gs-quarter, .gs-threequarters {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    flex: none!important;
}

.gs-threequarters {
    width: 75%!important;
}

.demo {
    background-color: rgba(0,0,0,0.2);
    text-align: center;
}

/* ==========================================================================
   Contact form standard code
   ========================================================================== */

#contact_form {
    background-color: #F9F9F9;
    padding: 1em 1.8em;
    border: 1px solid #DDD;
}

.formRow {
    display: block;
    margin: 1em 0;
}

.formRow label {
    display: block;
    font-size: 0.9em;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #FFF;
}

.formRow input {
    display: block;
    width: 100%;
    margin: 10px 0;
    border: 1px solid #DDD;;
    padding: 6px;
    height: 37px;
    font-size: 0.9em;
}

.formRow textarea {
    display: block;
    width: 100%;
    margin: 10px 0;
    border: 1px solid #DDD;
    padding: 6px;
    height: 214px;
    font-size: 0.9em;
}

.formRow button, .formRow input[type="submit"] {
    display: block;
    background-color: #E2061A;
    color: #FFF;
    font-weight: 600;
    font-size: 0.9em;
    text-align: center;
    border: none;
    width: 100%;
    padding: 13px 10px 15px;
    margin: 24px 0 0;
    height: auto;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

    .formRow button:hover {
        background-color: #000;
    }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*========== All Pages ==========*/
#overlay{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 90;
	background: rgba(0,0,0,0.7);
	display: none;
}

/*=== Mob Menu ===*/
.mob-menu{
	position: fixed;
	width: 300px;
	top: 0;
	right: -300px;
	bottom: 0;
	height: 100%;
	z-index: 100;
	background: #E2061A;
	overflow: auto;
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}

	.menu-close{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 15px;
		cursor: pointer;
		z-index: 2;
	}

	.mob-menu > a{
		background: #fff;
		width: 100%;
		display: block;
	}

		.mob-logo{
			width: 200px;
			margin: auto;
			display: block;
		}

	.menu-content{
		padding: 30px;
	}

		.mob-menu ul{
			list-style: none;
			padding: 0;
			margin: 0;
		}

			.mob-menu li{
				border-bottom: 1px solid rgba(255,255,255,0.2);
				position: relative;
			}

				.mob-menu li a{
					text-decoration: none;
					color: #fff;
					padding: 7px 0;
					display: block;
				}

				.more_nav{
					width: 25px;
					position: absolute;
					top: 3px;
					right: 0;
					margin: auto;
					z-index: 3;
					padding: 3px 5px 5px;
					text-align: center;
					cursor: pointer;
					transform: rotate(0deg);
					transition: all ease-in-out 0.3s;
					-moz-transition: all ease-in-out 0.3s;
					-webkit-transition: all ease-in-out 0.3s;
					-o-transition: all ease-in-out 0.3s;
					-ms-transition: all ease-in-out 0.3s;
				}

				.active-mobile .more_nav{
					transform: rotate(180deg);
				}

				.mob-menu ul.mob-subnav{
					font-size: 0.95em;
					padding-left: 20px;
					display: none;
				}

					.mob-menu ul.mob-subnav li{
						border-bottom: 0;
					}

		.mob-contact{
			text-align: center;
		}

			.mob-contact img{
				width: 20px;
				margin: 0px 7px;
			}

			.mob-contact .dbox-donation-button{
				margin-top: 20px;
				display: inline-block;
				padding: 4px 25px;
				margin-left: 0;
			}

/*=== Header ===*/
header{
	background: #E2061A;
	z-index: 1;
    position: relative;
}

	header > .content{
		display: flex;
		display: -moz-flex;
		display: -webkit-flex;
		display: -o-flex;
		display: -ms-flex;
	    justify-content: space-between;
	    -moz-justify-content: space-between;
	    -webkit-justify-content: space-between;
	    -o-justify-content: space-between;
	    -ms-justify-content: space-between;
	    height: 75px;
	    overflow: visible;
	}

		.logo{
			width: 150px;
			position: relative;
		}

		.contact-details{}

			.contact-details p{
				margin: 26px 0 27px;
			}

				.contact-details a{
					margin-left: 8px;
				}

				.contact-details .dbox-donation-button, .dbox-donation-button{
					background: #fff;
				    padding: 9px 20px;
				    border-radius: 100px;
				    margin-left: 15px;
				    text-decoration: none;
				    color: #E2061A;
				    transition: all ease-in-out 0.3s;
				    -moz-transition: all ease-in-out 0.3s;
				    -webkit-transition: all ease-in-out 0.3s;
				    -o-transition: all ease-in-out 0.3s;
				    -ms-transition: all ease-in-out 0.3s;
				}

				.contact-details .dbox-donation-button:hover, .dbox-donation-button:hover{
					background: #880505;
					color: #fff;
				}

					.contact-details img{
						height: 20px;
					}

			.menu-btn{
				display: none;
			}

	nav{
		background: #fff;
	}

		nav ul{
			text-align: right;
			padding-left: 175px;
			padding: 12px 0;
    		margin: 0;
		}

			nav li{
				display: inline-block;
				margin-left: 30px;
				position: relative;
			}

			nav li:first-of-type{
				margin-left: 0;
			}

				nav li a{
					text-decoration: none;
					color: #E2061A;
					font-size: 0.95em;
				}

				.subnav{
					position: absolute;
					left: -1000vw;
					right: 0;
					width: 200px;
					margin: auto;
					background: #fff;
					text-align: left;
					padding: 10px 20px;
				}

				nav ul > li:hover .subnav{
					left: -20px;
				}

					.subnav li{
						display: block;
						margin-left: 0;
					}

						.subnav li a{
							display: block;
						    padding: 5px 0;
						    margin: 2px 0;
						    border-bottom: 1px solid rgba(226, 6, 26, 0.1);
						}

						.subnav li:last-of-type a{
							border-bottom: 0;
						}

/*=== Hero ===*/
.hero{
	position: relative;
}

	.hero-img{
		width: 100%;
	    max-height: 700px;
	    min-height: 400px;
	    object-fit: cover;
	    -moz-object-fit: cover;
	    -webkit-object-fit: cover;
	    -o-object-fit: cover;
	    -ms-object-fit: cover;
	}

	.hero-overlay{
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background: rgba(74,2,2,0.4);
	    color: #fff;
	    display: flex;
	    display: -moz-flex;
	    display: -webkit-flex;
	    display: -o-flex;
	    display: -ms-flex;
	    align-items: center;
	    -moz-align-items: center;
	    -webkit-align-items: center;
	    -o-align-items: center;
	    -ms-align-items: center;
	    text-align: center;
	}

		.hero h1, .hero p{
			margin: 0;
		}

		.hero h1{
			font-size: 3em;
			text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		}

		.hero p{
			font-size: 1.3em;
			max-width: 500px;
			margin: 0 auto;
		}

/*=== Footer ===*/
footer{
	background: #E2061A;
	padding: 30px 0;
}

	.foot-flex{
		display: flex;
		display: -moz-flex;
		display: -webkit-flex;
		display: -o-flex;
		display: -ms-flex;
	    justify-content: space-between;
	    -moz-justify-content: space-between;
	    -webkit-justify-content: space-between;
	    -o-justify-content: space-between;
	    -ms-justify-content: space-between;
	    align-items: center;
	    -moz-align-items: center;
	    -webkit-align-items: center;
	    -o-align-items: center;
	    -ms-align-items: center;
	}

	.copyright{
		color: #fff;
		font-size: 0.85em;
		text-align: center;
		margin-bottom: 0;
	}

		.copyright a{
			text-decoration: none;
			color: #fff;
		}

/*========== Home Page ==========*/
/*=== Intro ===*/
.intro{
	padding: 7em 0;
	overflow: hidden;
}

	.intro-text{
		text-align: center;
	    max-width: 850px;
	    margin: auto;
	}

		.intro h2{
			color: #E2061A;
			margin-top: 0;
		}

		.intro p{
			color: #606060;
			margin-bottom: 0;
		}

			.intro p a{
				color: #E2061A;
				text-decoration: none;
			}

/*=== Actions ===*/
.actions{
	background-image: url(/img/home-hero.jpg);
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

	.actions-overlay{
		padding: 6em 0;
		overflow: hidden;
		background: rgba(208,55,48,0.96);
		color: #fff;
		text-align: center;
	}

		.actions h2{
			font-size: 2.5em;
			margin-bottom: 18px;
			margin-top: 0;
		}

		.actions .grid{
			margin-bottom: 0;
		}

			.actions h3{
				font-size: 1.5em;
			}

			.actions .btn{
				margin-top: 30px;
				margin-bottom: 0;
			}

/*=== Tribute ===*/
.inner-row.tribute-row .content{
	padding: 3em 0 0;
}

.tribute-row .grid{
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
}

/*=== Newsletter ===*/
.newsletter-grid{
	margin: 4em 0;
}

	.newsletter-grid img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		-moz-object-fit: cover;
		-webkit-object-fit: cover;
		-o-object-fit: cover;
		-ms-object-fit: cover;
	}

	.newsletter-grid .form-container{
		background: #D03730;
		max-width: 50%;
	    padding: 70px 60px;
		box-shadow: inset 0 -30px 100px -50px #000;
	}

		.form-container h2{
			color: #fff;
			margin-top: 0;
		}

		.form-container p{
			color: #fff;
		}

		.inputOuter{
			position: relative;
		}

			.form-container input{
				border: 0 solid #fff;
			    font-size: 16px;
			    line-height: 22px;
			    font-weight: 400;
			    color: #000;
			    padding: 15px 75px 15px 15px;
			    height: 45px;
			    -webkit-appearance: none;
			    -moz-appearance: none;
			    width: 100%;
			    border-radius: 50px;
			}

			.btnOuter{
				position: absolute;
			    top: 0;
			    right: -1px;
			    z-index: 5;
			}

				.btnOuter button{
					background: 0 0;
				    border: none;
				    box-shadow: none;
				    padding: 0;
				}

					.btnOuter button span{
						width: 65px;
					    height: 45px;
					    background: #63666a;
					    border: 1px solid #63666a;
					    border-radius: 50%;
					    display: inline-block;
					    padding: 8px 10px 10px;
					    border-radius: 50px;
					    cursor: pointer;
					    transition: all ease-in-out 0.3s;
					    -moz-transition: all ease-in-out 0.3s;
					    -webkit-transition: all ease-in-out 0.3s;
					    -o-transition: all ease-in-out 0.3s;
					    -ms-transition: all ease-in-out 0.3s;
					}

					.btnOuter button span:hover{
						border: 1px solid #fff;
						background: #D03730;
					}

						.btnOuter span img{
							width: 16px;
							height: auto;
    						margin-top: 5px;
						}

/*========== Inner Page ==========*/
/*=== Row ===*/
.inner-row{
	overflow: hidden;
}

.inner-row:nth-of-type(odd){
	background-image: url(/img/home-hero.jpg);
	background-size: cover;
	background-position: center;
}

	.inner-row:nth-of-type(odd) .row-overlay{
		overflow: hidden;
		background: rgba(208,55,48,0.96);
		color: #fff;
	}

	.inner-row .content{
		padding: 5em 0;
	}

		.inner-grid{
			margin-bottom: 0;
		}

		.video-grid{
			align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
			-o-align-items: center;
			-ms-align-items: center;
		}

			.inner-grid .grid-cell{
				position: relative;
			}

				.row-text{
					padding: 3em 0;
				}

					.row-text h2{
						margin-bottom: 0.5em;
						color: #E2061A;
					}

					.row-text h2:first-of-type{
						margin-top: 0;
					}

					.inner-row:nth-of-type(odd) .row-text h2{
						color: #fff;
					}

					.row-text p{
						margin-bottom: 0;
					}

				.row-image{
					position: absolute;
				    top: 2em;
				    left: 2em;
				    right: 0;
				    bottom: 0;
				    background-size: cover;
				    z-index: 1;
				}

					.row-image img{
						display: none;
					}

/*=== List Grid ===*/
.list-grid .actions-overlay{
	text-align: left;
}

	.list-grid h2{
		text-align: center;
		margin-bottom: 5px;
	}

	.list-grid h2 + p{
		margin-top: 0;
		text-align: center;
		font-size: 1.3em;
	}

	.list-grid .grid{
		margin-top: 0;
		margin-bottom: 0;
	}

		.list-grid .grid-cell p{
			margin: 0;
			position: relative;
			padding-left: 30px;
		}

		.list-grid .grid-cell p:before{
			position: absolute;
			top: 5px;
			left: 0;
			width: 15px;
			height: 15px;
			background: #fff;
			display: block;
			content: "";
		}

.white-list-grid .actions-overlay{
	background: none;
	color: inherit;
}

	.white-list-grid h2{
		color: #E2061A;
	}

		.white-list-grid .grid-cell p:before{
			background: #E2061A;
		}

/*=== FAQs ===*/
.faqs{
	background-image: url(/img/home-hero.jpg);
	background-position: center;
	background-size: cover;
	margin-bottom: 50px;
}

	.faqs .actions-overlay{
		text-align: left;
	}

		.faqs ul{
			list-style: none;
			padding: 0;
		}

			.faqs li{
				padding: 10px 25px;
			    border: 1px solid #fff;
			    border-radius: 20px;
			    margin-bottom: 20px;
			    cursor: pointer;
			    transition: all ease-in-out 0.3s;
			    -moz-transition: all ease-in-out 0.3s;
			    -webkit-transition: all ease-in-out 0.3s;
			    -o-transition: all ease-in-out 0.3s;
			    -ms-transition: all ease-in-out 0.3s;
			}

			.faqs li.active{
				padding: 25px;
			}

			.faqs li:last-of-type{
				margin-bottom: 0;
			}

				.question{
					margin: 0;
					font-size: 1.1em;
				}

				.answer{
					display: none;
					margin: 0;
					padding: 10px 0 0;
					font-size: 0.95em;
					font-style: italic;
				}

/*=== Links Grid ===*/
.links-grid{
	justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
}

	.links-grid a{
	    overflow: hidden;
	    display: block;
	    background: #fff;
	    width: 225px;
	    padding: 30px 10px;
	    height: 225px;
	    color: #E2061A;
	    text-decoration: none;
	    display: flex;
	    display: -moz-flex;
	    display: -webkit-flex;
	    display: -o-flex;
	    display: -ms-flex;
	    flex-direction: column;
	    -moz-flex-direction: column;
	    -webkit-flex-direction: column;
	    -o-flex-direction: column;
	    -ms-flex-direction: column;
	    justify-content: center;
	    -moz-justify-content: center;
	    -webkit-justify-content: center;
	    -o-justify-content: center;
	    -ms-justify-content: center;
	    align-items: center;
	    -moz-align-items: center;
	    -webkit-align-items: center;
	    -o-align-items: center;
	    -ms-align-items: center;
	    margin: 0 auto;
	}

		.links-grid h3{
			margin-bottom: 0;
			font-size: 1.3em;
			max-width: 100%;
			display: block;
		}

/*========== Team Page ==========*/
/*=== Intro ===*/
.team-intro h2{
	text-align: center;
}

/*=== Team Grid ===*/
.team-grid{
	text-align: center;
    margin-top: -2em;
    margin-bottom: 0;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
}

	.team-grid .grid-cell{
		padding-top: 4em;
	}

		.team-grid img{
			border: 1px solid #707070;
		}

		.team-grid h3{
			color: #E2061A;
			margin-bottom: 0;
			margin-top: 1.5em
		}

		.bio{
			overflow: hidden;
			margin-top: 10px;
	    	max-height: 125px;
	    	transition: all ease-in-out 0.5s;
	    	-moz-transition: all ease-in-out 0.5s;
	    	-webkit-transition: all ease-in-out 0.5s;
	    	-o-transition: all ease-in-out 0.5s;
	    	-ms-transition: all ease-in-out 0.5s;
		}

		.show-bio{
			max-height: 1000px;
		}

		.intro p a.read-more{
			text-decoration: underline;
			font-size: 0.9em;
		}

	.lity-content {
	    width: 90%;
	    margin: auto;
	}

		.lity-close{
			display: none!important;
		}

		.team-profile{
		    background: rgb(255, 255, 255);
		    max-width: 888px;
		    margin-right: 0px;
		    display: flex;
		    display: -moz-flex;
		    display: -webkit-flex;
		    display: -o-flex;
		    display: -ms-flex;
		    align-items: center;
		    -moz-align-items: center;
		    -webkit-align-items: center;
		    -o-align-items: center;
		    -ms-align-items: center;
		    max-height: 90vh!important;
		    overflow: scroll;
		    padding: 30px;
		}

			.team-profile-close {
			    cursor: pointer;
			    position: absolute;
			    top: -15px;
			    right: -15px;
			    z-index: 10;
			    width: 30px;
			    height: 30px;
			    background: #fff;
			    border-radius: 100%;
			    display: flex;
			    display: -moz-flex;
			    display: -webkit-flex;
			    display: -o-flex;
			    display: -ms-flex;
			    justify-content: center;
			    -moz-justify-content: center;
			    -webkit-justify-content: center;
			    -o-justify-content: center;
			    -ms-justify-content: center;
			    align-items: center;
			    -moz-align-items: center;
			    -webkit-align-items: center;
			    -o-align-items: center;
			    -ms-align-items: center;
			}

				.team-profile-close img {
				    width: 10px;
				}

				.team-profile h4{
					overflow: hidden;
				    color: #E2061A;
				    font-size: 1.3em;
				    margin-bottom: 0;
				    margin-top: 0;
				}

				.team-profile p:last-of-type{
					margin-bottom: 0;
				}

/*=== Advisers ===*/
.team-advisers{}

	.team-advisers h2{
		margin-top: 0;
	}

	.team-advisers h3{
		color: #fff;
	}

/*=== Join The Team ===*/
.join-grid img{
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); 
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

.join-container{
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: -o-flex;
	display: -ms-flex;
	flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-o-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
}

	.join-grid .white-btn{
	    text-transform: uppercase;
	    font-size: 1.3em;
	    margin-bottom: 0;
	}

/*========== Stories ==========*/
.story-inner .content{
	overflow: hidden;
    max-width: 1000px;
    padding: 30px 50px;
    margin-bottom: 100px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
}

	.story-nav{
		margin-top: 2em;
	}

		.story-nav a{
			color: #E2061A;
			font-weight: 600;
			text-decoration: none;
		}

		.story-nav a:hover{
			text-decoration: underline;
		}

		.story-nav .next_story{
			float: right;
		}

.story-inner + .newsletter{
	display: none;
}

/*========== Givers Page ==========*/
/*=== Grid ===*/
.givers-grid{
	text-align: center;
}

	.givers-grid div{
		position: relative;
	}

	.givers-grid div:before{
		display: block;
		content: "";
		position: absolute;
		top: 2em;
		left: 2em;
		right: 0;
		bottom: 0;
		background: #fff;
	}

		.givers-grid h3{
			color: #E2061A;
			position: relative;
			margin-bottom: 5px;
		}

		.givers-grid img{
			width: 100%;
			height: 175px;
			object-fit: cover;
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
			-o-object-fit: cover;
			-ms-object-fit: cover;
			position: relative;
			-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); 
			box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
		}

		.givers-grid ul{
			list-style: none;
			padding-left: 0;
			position: relative;
			margin: 0 0 10px;
		}

			.givers-grid li{
				padding: 10px;
				color: #606060;
			}

			.givers-grid li:nth-of-type(even){
				background: #F0F0F0;
			}

				.givers-grid li span{
					display: block;
				}

/*=== Stories Grid ===*/
.stories-grid-container{
	padding: 5em 0;
}

	.stories-grid-container h2{
		margin-top: 0;
		margin-bottom: 0;
		color: #E2061A;
		text-align: center;
	}

		.stories-grid{
			margin-top: 0;
			margin-bottom: 0;
		}

			.stories-grid img{
				height: 175px;
				width: 100%;
				object-fit: cover;
				-moz-object-fit: cover;
				-webkit-object-fit: cover;
				-o-object-fit: cover;
				-ms-object-fit: cover;
				-webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
    			box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
			}

			.stories-grid h3{
				color: #E2061A;
			}

			.stories-grid h3 + p{
				text-overflow: ellipsis;
				-webkit-text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				-moz-box-orient: vertical;
				overflow: hidden;
			}

/*========== Events ==========*/
.events-container{
	padding-top: 4em;
	overflow: hidden;
}

	.event-row{
		display: flex;
		display: -moz-flex;
		display: -webkit-flex;
		display: -o-flex;
		display: -ms-flex;
	    justify-content: space-between;
	    -moz-justify-content: space-between;
	    -webkit-justify-content: space-between;
	    -o-justify-content: space-between;
	    -ms-justify-content: space-between;
	    align-items: center;
	    -moz-align-items: center;
	    -webkit-align-items: center;
	    -o-align-items: center;
	    -ms-align-items: center;
	    position: relative;
	    padding: 30px;
	    min-height: 256px;
	    margin: 1em 0;
	}

	.event-row:nth-of-type(even){
		background: #f5f5f5;
	}

		.event-row img{
		    width: 30%;
		}

		.event-text{
			padding: 10px 0;
		}

			.event-text h4{
				font-weight: 400;
			    color: #E2061A;
			    font-size: 1.2em;
			    margin: 0;
			}

			.event-date{
				font-size: 0.9em;
			    font-style: italic;
			    margin: 10px 0 0;
			}

			.event-time{
				font-size: 0.9em;
			    font-style: italic;
			    margin-top: 0;
			}

			.event-time + p{
				margin-bottom: 0;
			}

/*========== Thank You ==========*/
.thank-you-intro{
	padding: 3em 0;
}

	.form-response{
	    text-align: center;
	    padding: 15px 30px;
	    display: inline-block;
	}

	.intro p.form-fail{
	    color: #a94442;
	    background-color: #f2dede;
	    border-color: #ebccd1;
	}

	.intro p.form-success{
	    color: #3c763d;
	    background-color: #dff0d8;
	    border-color: #d6e9c6;
	}

/*========== Application ==========*/
.inner-form-container .content{
	max-width: 800px;
}

.inner-form-container + .newsletter .newsletter-grid{
	margin-top: 0;
}

/*===================== Responsive Styling =========================*/
@media only screen and (max-height: 700px) {

	.team-profile h4{
	    margin-top: 20px;
	}

	.team-profile p:last-of-type{
		margin-bottom: 20px;
	}

}

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

	/*========== Home Page ==========*/
	/*=== Actions ===*/
	.actions .grid-cell{
		width: 100%!important;
	}

	/*========== Givers Gain Grants ==========*/
	.white-list-grid .grid-cell{
		width: 100%!important;
	}
}

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

	/*=== Intro ===*/
	.intro .gs-third, .intro .gs-twothirds{
		width: 100%!important;
	}

		.intro-grid .gs-twothirds div{
			padding-right: 0;
		}

	/*=== Newsletter ===*/
	.newsletter-grid{
		margin-top: 1em;
	}

	.team-advisers + .newsletter .newsletter-grid, .tribute-row + .newsletter .newsletter-grid, .actions + .newsletter .newsletter-grid{
		margin-top: 3em;
	}

	.newsletter-grid .grid-cell{
		width: 100%!important;
		max-width: 100%;
	}

	/*========== About Page ==========*/
	.inner-row .inner-grid{
		flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}

	.contact-row .inner-grid, .tribute-row .inner-grid{
		flex-direction: column;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-o-flex-direction: column;
		-ms-flex-direction: column;
	}

		.inner-grid .gs-half{
			width: 100%!important;
		}

		.row-text{
			padding: 0;
		}

		.row-image{
			position: relative;
			top: 0;
			left: 0;
			background-image: none!important;
		}

			.row-image img{
				display: block;
				width: 100%;
				max-height: 400px;
				object-fit: cover;
				-moz-object-fit: cover;
				-webkit-object-fit: cover;
				-o-object-fit: cover;
				-ms-object-fit: cover;
			}

	/*========== Team Page ==========*/
	.team-grid .gs-third{
		width: 100%!important;
	}

	/*========== Events Page ==========*/
	.event-row{
		display: block;
		text-align: center;
	}

		.event-row img{
			position: relative;
			top: 0;
			left: 0;
			bottom: 0;
			height: auto;
			margin-bottom: 15px;
			max-width: 300px;
			max-height: 250px;
			width: 70%;
		}

		.event-row .gs-twothirds{
			width: 100%!important;
		}

			.event-row ul{
				padding-left: 0;
			}

	/*========== Stories ==========*/
	/*=== Grid ===*/
	.stories-grid .gs-quarter{
		width: 50%!important;
	}

}

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

	header .contact-details{
		display: flex;
		display: -moz-flex;
		display: -webkit-flex;
		display: -o-flex;
		display: -ms-flex;
		align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		-o-align-items: center;
		-ms-align-items: center;
	}

		header .contact-details p{
			display: none;
		}

		.menu-btn{
			display: block;
			height: 45px!important;
			cursor: pointer;
		}

		header nav{
			display: none;
		}

}

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

	.foot-flex{
		flex-direction: column;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-o-flex-direction: column;
		-ms-flex-direction: column;
	}

		.foot-flex .dbox-donation-button{
			display: block;
			margin-top: 1em;
			margin-left: 0;
		}

}

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

	/*========== Home Page ==========*/
	/*=== Tribute ===*/
	.tribute-row .grid-cell{
		width: 100%!important;
	}

	.tribute-row .gs-quarter{
		text-align: center;
	}

		.tribute-row .row-text{
			padding: 0;
		}

}

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

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

	/*========== All Pages ==========*/
	/*=== Intro ===*/
	.intro{
		padding: 4em 0;
	}

	/*=== Actions ===*/
	.actions-overlay{
		padding: 4em 0;
	}

	/*=== Newsletter ===*/
	.newsletter-grid .form-container{
		padding: 50px 40px;
	}

	/*=== Inner ===*/
	.inner-row .content{
		padding: 4em 0;
	}

	/*=== Team ===*/
	.form-container h2{
		font-size: 1.5em;
	}

	.join-container .btn{
		font-size: 0.85em;
	}

	/*=== Events ===*/
	.events-container{
		padding-top: 2em;
	}

	/*=== Givers Gain ===*/
	.white-list-grid h2{
		margin-top: 0;
	}

	/*=== FAQs ===*/
	.faqs h2{
		margin-top: 0;
	}

	/*========== Stories ==========*/
	/*=== Grid ===*/
	.stories-grid-container{
		padding-top: 3em;
	}

		.stories-grid .gs-quarter{
			width: 100%!important;
		}

}

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

	/*========== Stories Inner ==========*/
	.story-inner .content{
		box-shadow: none;
		-webkit-box-shadow: none;
		padding: 25px 0;
		margin-bottom: 25px;
	}

}

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

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


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

   @media only screen and (max-width : 1000px) {}
   @media only screen and (max-width : 768px) {}
   @media only screen and (max-width : 660px) {}
   @media only screen and (max-width : 460px) {}
   @media only screen and (max-width : 380px) {}