/*
Theme Name: A Sleeky Theme
Author: Sleeky
Author URI: https://sleeky.co.uk
Description: Just another Sleeky theme.
Version: 1.0
License: (c) Copyright of Sleeky. All Rights Reserved.
Text Domain: sleeky
*/

html {box-sizing: border-box;}

body {
	margin: 0;
	font-family: 'Hind', sans-serif;}

*, *:before, *:after {box-sizing: inherit;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;}
	.clearfix {display: inline-block;}
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}

.center {text-align: center;}

iframe.center {
	display: block;
	margin: 0 auto;
	width: 65%;
	height: 450px;}

.padding-bottom {padding-bottom: 50px;}
.padding-top-remove {padding-top: 0 !important;}
.padding-bottom-remove {padding-bottom: 0 !important;}

aside.large-img {height: 550px !important;}
aside.extra-large-img {height: 750px !important;}

.css-img {
	background-size: cover;
	background-position: top;}

.display-table {
	display: table;
	width: 100%;
	height: 100%;}
	.display-cell {
		display: table-cell;
		vertical-align: middle;}

.alignleft,
img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;}
.alignright,
img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;}
.aligncenter,
img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;}
blockquote {
	margin: 25px 0;
	padding: 50px;
	background-color: #192C88;
	color: #FFFFFF;
	font-style: italic;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;}

a {
	color: inherit;
	text-decoration: inherit;
	-ms-transition: .25s all;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;}
a:hover {color: inherit;}
main a:not([class^='btn']) {border-bottom: 1px dashed;}

p {line-height: 2;}
main p,
main ul li,
main ol li {font-size: 1.25em;}

h1,
h2,
h3,
h4,
h5,
h6 {color: #192C88;}
h1 {font-size: 3.5em;}
h2 {font-size: 3em;}
h3 {font-size: 2em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.25em;}
h6 {font-size: 1em;}

ul,
ol {
	padding: 0;
	margin: 0;}
 ol {counter-reset: item;}
    ol > li {display: block;}
    ol > li:before {
		content: counter(item) '. ';
		counter-increment: item;
		color: #192C88;}
	li > ul {
		margin-left: 40px;
		margin-top: 5px;}
main section ul li {
	display: block;
	position: relative;}
main ul li:before {
	font-family: 'FontAwesome';
	content: '\F111';
	font-size: .3em;
	color: #192C88;
	position: absolute;
	top: 7.5px;
	left: -12px;}
	main section li {margin-bottom: 7.5px;}

main section ul,
main section ol {margin-left: 20px;}

main section#contact-form ul li:before,
main section#connect ul li:before,
main section#cta ul li:before,
main section.grey-connect ul li:before,
main section.white-connect ul li:before,
main section.map-connect ul li:before,
main section#testimonials-slider-full ul li:before {display: none;}
	main section#contact-form li,
	main section.grey-connect li,
	main section.white-connect li,
	main section.map-connect li,
	main section#connect li {margin-bottom: unset;}

main {color: #575757;}

[class^='container'],
[class*='container'] {
	position: relative;
	margin: 0 auto;
	width: 90%;}

[class^='btn'],
input.btn-hollow {
	border: 2px solid #FFFFFF;
	padding: 15px 50px;
	color: #192C88;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #FFFFFF;
	display: inline-block;
	cursor: pointer;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-ms-transition: .25s all;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
	border-radius: 30px;}
[class^='btn']:hover {
	background-color: #192C88;
	color: #FFFFFF;}
.btn-hollow,
input.btn-hollow {
	background-color: transparent;
	border: 2px solid;}
.btn-hollow:hover,
input.btn-hollow:hover {
	color: #FFFFFF;
	border-color: #192C88;
	background-color: #192C88;}
	.btn-hollow.white {color: #FFFFFF;}
	.btn.blue {
		color: #FFFFFF;
		border: 2px solid;
		background-color: #192C88;}
	.btn.blue:hover {background-color: transparent;}

[off-canvas] {background-color: #192C88;}
	[off-canvas] ul {
		padding: 0;
		margin: 0;}
		[off-canvas] ul li {
			display: block;
			border-bottom: 1px solid;}
			[off-canvas] ul li a {
				display: block;
				padding: 20px;}
			[off-canvas] ul li a:hover {background-color: #99BA3B;}
			[off-canvas] ul li.menu-item-has-children ul.sub-menu li:first-child {border-top: 1px solid;}
			[off-canvas] ul li.menu-item-has-children ul.sub-menu li:last-child {border-bottom: none;}


div[canvas] {position: relative;}

header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: table;
	padding: 25px;
	z-index: +1;}
header a.custom-logo-link,
header nav,
header aside {
	display: inline-block;
	vertical-align: middle;
	text-align: center;}
header a.custom-logo-link {
	text-align: left;
	width: 19%;}
header aside {
	text-align: right;
	width: 15%}
header nav {width: 65%;}
	header nav ul li {
		display: inline-block;
		margin: 0 10px;
		text-transform: uppercase;
		font-weight: 600;
		color: #FFFFFF;}
		header nav ul li:hover {color: #99BA3B;}
		header nav ul li.menu-item-has-children {position: relative;}
			header nav ul li.menu-item-has-children ul {
				display: none;
				position: absolute;
				left: 0;
				margin: 0;
				text-align: left;
				padding-top: 5px;
				font-size: .9em;}
			header nav ul li.menu-item-has-children:hover ul {display: block;}
			header nav ul li.menu-item-has-children ul li {
				display: block;
				width: 225px;
				margin: 0;}
				header nav ul li.menu-item-has-children ul li a {
					display: block;
					padding: 10px;
					background-color: #99BA3B;}
				header nav ul li.menu-item-has-children ul li:hover a {background-color: #192C88;}
				header nav ul li.menu-item-has-children ul li ul {
					display: none !important;
					position: absolute;
					left: 100%;
					top: -5px;}
				header nav ul li.menu-item-has-children ul li.menu-item-has-children:hover ul {display: block !important;}
					header nav ul li.menu-item-has-children ul li.menu-item-has-children ul li:hover a {
						background-color: #99BA3B;
						color: #FFFFFF;}
	header nav div.mobile {margin: 20px 0;}
		header nav div.mobile button {
			height: 50px;
			width: 50px;
			background-image: url('imgs/menu-white.svg');
			background-size: contain;
			background-repeat: no-repeat;
			background-color: transparent;
			border: none;
			outline: none;}
		header nav div.mobile button:focus {
			-webkit-transform: scaleX(-1);
			-o-transform: scaleX(-1);
			-moz-transform: scaleX(-1);
			transform: scaleX(-1);
			-ms-filter: "FlipH";
			filter: FlipH;}
		header nav div.mobile span {
			display: block;
			text-transform: uppercase;
			margin-top: -10px;
			padding-right: 1px;
			color: #FFFFFF;}

section#hero {
	height: 45vh;
	min-height: 350px;
	background-color: #999999;
	width: 100%;}
section#hero.hero-has-slides {
	height: 65vh;
	min-height: 550px;}
body.home section#hero.hero-has-slides {
	height: 85vh;
	min-height: 750px;}
	section#hero .slick-list,
	section#hero .slick-track {height: 100%;}
	section#hero aside {
		width: 100%;
		height: 100%;}
	section#hero aside:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );}
		section#hero aside h1,
		section#hero aside h2 {
			font-size: 3em;
			color: #FFFFFF;
			margin-top: 1em;
			margin-bottom: 0;}
		section#hero aside p {
			color: #FFFFFF;
			font-size: 1.5em;
			font-weight: 600;}

body.home section.blue-callout {position: relative;}
body.home section.blue-callout:before {
	content: '';
	position: absolute;
	top: -85px;
	left: 0;
	height: 87px;
	width: 100%;
	background-image: url('imgs/drip-up-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;}
section.blue-callout {
	background-color: #192C88;
	padding: 50px 0;}
	section.blue-callout aside,
	section.blue-callout article {
		display: inline-block;
		vertical-align: middle;}
	section.blue-callout aside {
		width: 25%;
		padding-right: 2.5%;
		font-style: italic;
		text-align: right;}
	body.home section.blue-callout aside {width: 15%;}
		section.blue-callout aside h3 {color: #99BA3B;}
		section.blue-callout aside h3.large {font-size: 3em;}
		section.blue-callout aside h3.medium {font-size: 2em;}
		section.blue-callout aside h3.small {font-size: 1.5em;}
	section.blue-callout article {
		width: 90%;
		color: #FFFFFF;}
	body.home section.blue-callout article {width: 80%;}

section#or-content {position: relative;}
section#or-content:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #192C88;
	-ms-transition: .25s all;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;}
section#or-content.o:before {height: 100%;}
	section#or-content article {
		width: 49.9%;
		text-align: center;
		height: 750px;
		position: relative;
		overflow: hidden;}
	section#or-content article:nth-child(1) {
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		float: left;}
	section#or-content article:nth-child(2) {
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		float: right;}
	section#or-content article:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .33);
		-ms-transition: .25s all;
		-webkit-transition: .25s all;
		-moz-transition: .25s all;
		transition: .25s all;}
	section#or-content article:hover:before {background-color: rgba(0, 0, 0, .1);}
		section#or-content article * {
			z-index: +1;
			position: relative;}
		section#or-content article h2 {color: #FFFFFF;}
	section#or-content div.or {
		position: absolute;
		left: calc(50% - 27px);
		top: calc(50% - 25px);
		width: 50px;
		background-color: #FFFFFF;
		color: #99BA3B;
		text-transform: uppercase;
		padding: 12.5px;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;}

section#latest-news {padding: 50px 0;}
	section#latest-news article {
		width: 33%;
		display: inline-block;
		vertical-align: top;
		padding: 25px;}
	section#latest-news article.o:nth-of-type(2) {display: none;}
		section#latest-news article a:not([class^='btn']) {border-bottom: none;}
		section#latest-news article div.css-img {
			height: 150px;
			width: 100%;}
		section#latest-news article aside {min-height: 100px;}

section#large-video {
	height: 750px;
	background-color: #192C88;
	color: #FFFFFF;
	text-align: center;
	position: relative;}
section#large-video:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .33);}
	section#large-video h3 {color: #FFFFFF;}

section#testimonials-slider div.container {
	background-color: #99BA3B;
	padding: 50px 25px;
	color: #FFFFFF;}
	section#testimonials-slider article {outline: none;}
		section#testimonials-slider article > div,
		section#testimonials-slider article > aside {
			display: inline-block;
			vertical-align: middle;}
		section#testimonials-slider article > div {
			width: 85%;
			padding-left: 5%;
			font-style: italic;}
		section#testimonials-slider article > aside {
			width: 7.5%;
			height: 25px;
			text-align: right;
			background-image: url('imgs/quote-white.svg');
			background-size: contain;
			background-position: center right;
			background-repeat: no-repeat;}
		section#testimonials-slider article > aside.o {
			display: none;
		    margin: 0 auto 15px auto;}

section#testimonials-slider-full > div,
section#testimonials-slider-full > aside {
	display: inline-block;
	width: 49%;
	height: 600px;
	vertical-align: top;}
section#testimonials-slider-full > div > div {
	height: 100%;
	overflow: scroll;}
section#testimonials-slider-full > div {
	background-color: #99BA3B;
	padding: 10px 50px;
	color: #FFFFFF;
	margin-bottom: 0;}
		section#testimonials-slider-full .slick-track,
		section#testimonials-slider-full .slick-list {height: 100%; overflow: hidden;}
		section#testimonials-slider-full .slick-dots {position: relative;}
		section#testimonials-slider-full article {
			outline: none;
			/*background-image: url('imgs/quote-white.svg');*/
			background-size: 35px;
			background-position: top center;
			background-repeat: no-repeat;}

section#editor-content {padding: 100px 0;}

section.grey-connect {background-color: #E7E7E7;}
section.white-connect {padding-top: 50px;}
	section.white-connect section#connect {background-color: #FFFFFF;}
		section.white-connect section#connect article:after {background-image: url('imgs/drip-white.svg');}

section#cta {
	padding: 50px 0;
	color: #FFFFFF;
	position: relative;}
section#cta:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(-45deg, rgba(46,74,14,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(46,74,14,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(135deg, rgba(46,74,14,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a62e4a0e', endColorstr='#00000000',GradientType=1 );}
	section#cta div.container:first-child {padding: 0 75px;}
		section#cta div.container h1:nth-child(1),
		section#cta div.container h2:nth-child(1),
		section#cta div.container h3:nth-child(1) {
			margin-top: 0;
			color: #FFFFFF;
			font-style: italic;}
		section#cta div.container article {width: 55%;}

section.cta-connect {padding-bottom: 0 !important;}
section.cta-connect > div.container:first-child {margin-bottom: 50px;}
section.cta-connect > div.container h3 {margin-top: 1em !important;}

section#contact-form div.container {
	background-image: url('imgs/drip-blue.svg');
	background-position: top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 150px;}
	section#contact-form form.wpcf7-form {
		width: 75%;
		margin: 0 auto;}
		section#contact-form form.wpcf7-form ul {padding: 0;}
			section#contact-form form.wpcf7-form ul li {
				display: inline-block;
				vertical-align: top;
				width: 45%;
				padding: 10px;}
			section#contact-form form.wpcf7-form ul li.o {width: 90%;}
				section#contact-form form.wpcf7-form ul li input:not([type='submit']),
				section#contact-form form.wpcf7-form ul li textarea {
					width: 100%;
					border: none;
					border-bottom: 1px solid #DDDDDD;
					padding: 10px;
					font-size: 1em;
					height: 40px;
					-ms-border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;}
				section#contact-form form.wpcf7-form ul li textarea {
					min-width: 100%;
					max-width: 100%;
					min-height: 40px;}
				section#contact-form form.wpcf7-form ul li input[type='submit'] {font-size: 1em;}

section#sponsors {
	background-color: #E7E7E7;
	padding: 25px 0;
	margin-top: 50px;}
	section#sponsors h3 {margin-bottom: 50px;}
	section#sponsors aside a {border-bottom: none;}
	section#sponsors aside img {margin: 0 auto;}

section#connect {
	background-color: #E7E7E7;
	color: #FFFFFF;
	padding-top: 5px;}
	section#connect article {
		position: relative;
		width: 100% !important;}
	section#connect article:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url('imgs/drip-grey.svg');
		background-position: top;
		background-size: 100% auto;
		background-repeat: no-repeat;}
		section#connect aside {
			width: 50%;
			padding: 0 25px 50px 25px;}
		section#connect aside > * {
			z-index: +1;
			position: relative;}
		section#connect aside ul {margin-left: 0;}
		section#connect aside:nth-child(1) {background-color: #99BA3B;}
		section#connect aside:nth-child(2) {background-color: #81A223;}
			section#connect aside h3 {
				font-style: italic;
				color: #FFFFFF;}
				section#connect aside h3 span {font-weight: 400;}
			section#connect aside:nth-child(1) ul li {
				display: inline-block;}
				section#connect aside:nth-child(1) ul li a {
					width: 50px;
					height: 50px;
					font-size: 1em;
					padding: 10px;
					margin: 5px;
					border: 2px solid;
					display: inline-block;
					-ms-border-radius: 100%;
					-webkit-border-radius: 100%;
					-moz-border-radius: 100%;
					border-radius: 100%;}
		section#connect aside:nth-child(2) form {
			width: 75%;
			margin: 0 auto;}
			section#connect aside:nth-child(2) form input {
				padding: 15px 20px 15px 13px;
				font-size: 1em;
				border: 2px solid #FFFFFF;
				float: left;}
			section#connect aside:nth-child(2) form input[type='email'] {
				width: 85%;
				background-color: transparent;
				color: #FFFFFF;}
			section#connect aside:nth-child(2) form input[type='submit'] {
				width: 15%;
				background-color: #FFFFFF;
				color: #81A223;
				text-transform: uppercase;
				-ms-appearance: button;
				-webkit-appearance: button;
				-moz-appearance: button;
				appearance: button;
				-ms-border-top-right-radius: 30px;
				-webkit-border-top-right-radius: 30px;
				-moz-border-top-right-radius: 30px;
				border-top-right-radius: 30px;
				-ms-border-bottom-right-radius: 30px;
				-webkit-border-bottom-right-radius: 30px;
				-moz-border-bottom-right-radius: 30px;
				border-bottom-right-radius: 30px;
				-ms-transition: .25s background-color, border;
				-webkit-transition: .25s background-color, border;
				-moz-transition: .25s background-color, border;
				transition: .25s background-color, border;}
			section#connect aside:nth-child(2) form input[type='submit']:hover {
				background-color: transparent;
				color: #FFFFFF;
				border-left: 0;
				padding-left: 15px;}

section#contact-icons {
	background-color: #192C88;
	padding: 100px 0 75px 0;
	color: #FFFFFF;}
	section#contact-icons aside {
		width: 33%;
		vertical-align: top;}
		section#contact-icons aside div {
			width: 100%;
			padding: 0 50px;}
		section#contact-icons aside:not(:nth-child(3)) div {border-right: 1px solid rgba(255, 255, 255, .25);}
			section#contact-icons aside a {border-bottom: none;}
			section#contact-icons aside img {
				display: block;
				margin: 0 auto 25px auto;
				width: 30px;
				height: auto;}
			section#contact-icons aside:nth-child(3) img {width: 22.5px;}

section#copyright {background-color: #E7E7E7;}
	section#copyright article {
		padding: 15px 0;
		font-size: .9em;}
	section#copyright aside {
		width: 50%;
		vertical-align: top;}
	section#copyright aside:nth-child(2) {text-align: right;}
	section#copyright aside p {margin: 0;}
	section#copyright aside ul li {
		display: inline-block;
		margin: 0 10px;}

section.white-content-area {
	padding: 75px 0;
	background-color: #FFFFFF;}
	section.white-content-area h2 {
		margin-bottom: 0;
		font-size: 2.25em;}
	section.white-content-area h3 {
		margin-top: 0;
		font-size: 1.5em;}

section.brochure {
	background-color: #99BA3B;
	background-image: url('imgs/drip-white.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center -2px;}
section.brochure article div {width: 50%;}
section.brochure article div:first-child {
	text-align: right;
	padding-right: 100px;}
section.brochure article div:last-child {
	text-align: left;
	padding-left: 100px;}
	section.brochure article div h3 {
		color: #FFFFFF;
		text-transform: uppercase;
		font-style: italic;
		font-weight: 600;}
		section.brochure article div h3 span {
			text-transform: none;
			font-size: .9em;}
	section.brochure article div a.btn-hollow {color: #FFFFFF;}

section.grey-content-area {
	padding: 75px 0;
	background-color: #E7E7E7;}
section.white-content-area-o {
	background-color: transparent;
	color: #192C88;}
section.blue-scroll + section.white-content-area-o {padding-top: 0;}
	section.grey-content-area aside,
	section.grey-content-area aside + article,
	section.grey-content-area:not(.white-content-area-o).flex article,
	section.grey-content-area:not(.white-content-area-o).flex article + aside {
		display: inline-block;
		vertical-align: middle;}
	section.grey-content-area:not(.white-content-area-o).flex aside.mobile {display: none;}
	section.grey-content-area aside {
		width: 50%;
		height: 375px;}
	section.grey-content-area:not(.white-content-area-o).flex article {
		width: 49%;
		padding-right: 50px;
		padding-left: 0;}
	section.grey-content-area:not(.white-content-area-o).flex article.o {
		width: 100%;
		padding-right: 0;}
	section.grey-content-area aside + article {
		width: 49%;
		padding-left: 50px;}
	section.grey-content-area:not(.white-content-area-o).flex article + aside {width: 50%;}
		section.grey-content-area article h3 {margin-top: 0;} 
		section.white-content-area-o article h4 {color: #99BA3B;}
		section.white-content-area-o.flex article h4 {color: #192C88;}
		section.grey-content-area aside a {
			display: block;
			width: 100%;
			height: 100%;
			border-bottom: none;}

section.grey-content-area + section.blue-scroll article  {z-index: -1000;}
section.blue-scroll {overflow: hidden;}
	section.blue-scroll article {
		background-color: #192C88;
		padding: 50px 75px;
		margin-bottom: 150px;
		color: #FFFFFF;
		position: relative;
		font-size: 1.15em;}
	section.blue-scroll article:after {
		content: '';
		position: absolute;
		bottom: -98px;
		left: 0;
		width: 100%;
		height: 100px;
		background-image: url('imgs/drip-blue.svg');
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;}
		section.blue-scroll article h3 {
			color: #99BA3B;
			text-align: center;
			font-style: italic;
			margin-top: 0;}
		section.blue-scroll article ul li:before {color: #FFFFFF !important;}

section#donate-content > div {padding: 200px 0;}
	section#donate-content > div > div {
		background-color: rgba(153, 186, 59, .75);
		color: #FFFFFF;
		padding: 50px 0;}
		section#donate-content > div > div h2 {
			color: #FFFFFF;
			font-style: italic;
			margin-bottom: 0;}
			section#donate-content > div > div h2 span {text-transform: uppercase;}
			section#donate-content > div > div article {
				width: 50%;
				vertical-align: top;}
			section#donate-content > div > div article:nth-child(1) {padding-right: 5%;}
			section#donate-content > div > div article:nth-child(2) {padding-left: 5%;}

div#map {
	width: 100%;
	height: 750px;
	background-color: #E7E7E7;
	margin-top: 50px;
	position: relative;}
	div#map section.map-connect {
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;}

section#video-list {margin: 50px 0 25px 0;}
section#video-list article {
	width: 33%;
	display: inline-block;
	vertical-align: top;
	padding: 25px;}
section#video-list article div.css-img {
	width: 100%;
	height: 200px;}

section#video-list article aside {
	background-color: #EFEFEF;
	padding: 50px;
	-ms-transition: .25s all;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;}
section#video-list article:hover aside {background-color: #CCCCCC;}

section#video-list #accordion h3.ui-accordion-header {
	background-color: #192C88;
	color: #99BA3B;
	padding: 15px 30px;
	font-size: 1.75em;
	text-align: left;}
	section#video-list #accordion h3.ui-accordion-header i.fa {
		float: right;
		padding: 6px 0;
		font-size: 1.25em;
		-ms-transition: .25s all;
		-webkit-transition: .25s all;
		-moz-transition: .25s all;
		transition: .25s all;}
	section#video-list #accordion h3.ui-accordion-header.ui-state-active i.fa {
		padding: 6.5px 0;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);}

body.page-template-template-videos-page section#editor-content {background-color: #EFEFEF;}

body.single-post main div.entry-meta {margin: 50px 0 25px 0;}
	body.single-post main div.entry-meta span,
	body.single-post main div.entry-meta aside {
		display: inline-block;
		vertical-align: middle;}
	body.single-post main div.entry-meta span {width: 24%}
	body.single-post main div.entry-meta aside {
		width: 75%;
		text-align: right;}
	body.single-post main div.entry-meta aside ul li {display: inline-block;}
	body.single-post main div.entry-meta aside ul li:before {display: none;}
	body.single-post main div.entry-meta aside ul li a {padding: 15px 25px;}
body.single-post main div.entry-meta + hr {margin-bottom: 50px;}

nav.navigation.pagination div.nav-links {margin-top: 25px;}
	nav.navigation.pagination div.nav-links .page-numbers {
		display: inline-block;
		width: 45px;
		padding: 10px;
		border: 2px solid #192C88;
		color: #192C88;
		text-align: center;}
	nav.navigation.pagination div.nav-links .page-numbers.current,
	nav.navigation.pagination div.nav-links .page-numbers:hover {
		background-color: #192C88;
		color: #FFFFFF;}

body.page-id-253 main div.clearfix + div.full-width p a {border-bottom: none;}
body.page-id-253 main div.clearfix + div.full-width p a:hover {color: #192C88;}

div.mobile,
nav.navigation.pagination h2.screen-reader-text {display: none;}

@media only screen and (min-width: 1300px) {
	[class^='container'],
	[class*='container'] {width: 1250px;}
}

@media only screen and (min-width: 1700px) {
	.container-wide {width: 1650px;}
}

@media only screen and (min-width: 950px) {
	.container-narrow {width: 900px;}
}

@media only screen and (max-width: 1700px) {	
	header a.custom-logo-link {width: 29%;}
	header nav {width: 59%;}
	header aside {width: 10%;}
}

@media only screen and (max-width: 1500px) {
	section#or-content article {height: 650px;}

	section#large-video {height: 550px;}
}

@media only screen and (max-width: 1300px) {
	section#connect aside:nth-child(2) form input[type='submit'] {
		width: 55px;
		padding: 15px 20px 15px 10px;}

	header a.custom-logo-link {width: 19%;}
		header a.custom-logo-link img {
			width: 200px;
			height: auto;}
	header nav {width: 65%;}
	header aside {width: 15%;}
}

@media only screen and (max-width: 1250px) {
	section#video-list article div.css-img {height: 175px;}

	header a.custom-logo-link {width: 14%;}
		header a.custom-logo-link img {width: 150px;}
	header nav {width: 70%;}

}

@media only screen and (max-width: 1200px) {
	section.blue-callout aside {width: 20% !important;}
	section.blue-callout article {width: 95% !important;}

	section#or-content article {height: 500px;}

	section#connect aside:nth-child(2) form input[type='email'] {width: 80%;}

	iframe.center {
		width: 75%;
		height: 400px;}
	
	header a.custom-logo-link,
	header nav {width: 49%;}
	header nav {text-align: right;}
	header aside,
		header nav ul {display: none;}
		header nav div.mobile {display: block;}
}

@media only screen and (max-width: 1150px) {
	section#video-list article div.css-img {height: 150px;}
}

@media only screen and (max-width: 1100px) {
	section#connect aside {padding: 0 25px 25px 25px;}
		section#connect aside h3 {font-size: 1.5em;}

	body.home section.blue-callout:before {top: -77px;}
}

@media only screen and (max-width: 1000px) {
	section#large-video {height: 450px;}

	section#copyright aside {
		display: block;
		text-align: center !important;
		width: 100%;}
	section#copyright aside:nth-child(1) {margin-bottom: 10px;}

	body.home section.blue-callout:before {display: none;}

	section.cta-connect aside:nth-child(2) form input[type='email'] {width: 75% !important;}
}

@media only screen and (max-width: 950px) {
	section#or-content article h2 {font-size: 2.5em;}

	section#contact-form div.container {padding-top: 100px;}
		section#contact-form form.wpcf7-form {width: 100%;}

	section#connect aside:nth-child(2) form input[type='email'] {width: 78%;}

	section.grey-content-area aside,
	section.grey-content-area article {
		width: 100% !important;
		padding: 0 !important;}
	section.grey-content-area:not(.white-content-area-o).flex aside {display: none !important;}
	section.grey-content-area:not(.white-content-area-o).flex aside.mobile {display: block !important;}
	section.grey-content-area:not(.white-content-area-o).flex article + aside,
	section.grey-content-area aside + article {
		padding-top: 25px !important;
		width: 100%;}

	section#testimonials-slider-full {display: block;}
	section#testimonials-slider-full > div,
	section#testimonials-slider-full > aside {
		width: 100%;
		display: block;}

	section#testimonials-slider-full .slick-dotted.slick-slider {margin-bottom: unset;}

	section.cta-connect aside:nth-child(2) form input[type='email'] {width: 70% !important;}

	section#video-list article {width: 49%;}
		section#video-list article div.css-img {height: 250px;}

	aside.large-img {height: 350px !important;}
	aside.extra-large-img {height: 500px !important;}
}

@media only screen and (max-width: 925px) {
	section#latest-news article {width: 49%;}
	section#latest-news article.o:nth-of-type(2) {display: inline-block;}
		section#latest-news article aside {min-height: 125px;}
}

@media only screen and (max-width: 900px) {
	section.blue-callout aside {width: 25% !important;}
	section.blue-callout article {width: 90% !important;}

	section#connect aside:nth-child(2) form input[type='email'] {width: 78%;}

	section#contact-icons aside {display: inline-block;}
	section#contact-icons aside:nth-child(3) {
		display: block;
		width: 100%;
		margin-top: 50px;}
		section#contact-icons aside:nth-child(2) div {border-right: none;}

	section.brochure article div:first-child {padding-right: 50px;}
	section.brochure article div:last-child {padding-left: 50px;}

	section#video-list article div.css-img {height: 200px;}
}

@media only screen and (max-width: 875px) {
	section#connect aside:nth-child(2) form input[type='email'] {width: 77%;}

	section#donate-content > div > div h2 {text-align: center;}
	section#donate-content > div > div article {
		display: block;
		width: 100%;
		padding: 0 !important;
		text-align: center;}
}

@media only screen and (max-width: 850px) {
	iframe.center {
		width: 100%;
		height: 350px;}
}

@media only screen and (max-width: 800px) {
	section#cta div.container article {
		width: 100% !important;
		text-align: center !important;}

	section.blue-scroll article {font-size: 1em;}

	section#video-list article div.css-img {height: 175px;}
}

@media only screen and (max-width: 825px) {
	section#connect .container,
	section.grey-connect .container,
	section.white-connect .container,
	section.map-connect .container {width: 100%;}
		section#connect article:after {display: none;}
			section#connect aside {
				width: 100%;
				display: block;
				height: 175px;
				padding: 25px;}
				section#connect aside h3 {margin-top: 0;}

	section#contact-icons aside {width: 49%;}


	section.cta-connect > div.container:last-child {width: 100%;}
	section.cta-connect section#connect {padding-top: 0;}
		section.cta-connect section#connect aside h3 {margin-top: 0 !important;}
	section.cta-connect > div.container:last-child {padding: 0 !important;}
}

@media only screen and (max-width: 750px) {
	header nav ul {display: none;}
	header nav div.mobile {display: block;}

	body.home section#hero.hero-has-slides {
		height: 75vh;
		min-height: 700px;}

	section#or-content article {height: 400px;}

	section#latest-news h3 {margin-top: .5em;}

	section#large-video {height: 300px;}
		section#large-video h3 {font-size: 1.5em;}
		section#large-video p {display: none;}

	section#contact-form div.container {padding-top: 75px;}
}

@media only screen and (max-width: 700px) {
	section.blue-callout aside {text-align: center;}
	section.blue-callout aside,
	section.blue-callout article {
		display: block;
		width: 100% !important;}
		section.blue-callout aside h3 {
			margin-top: 0;
			margin-bottom: .5em;}

	section.brochure {
		background-image: none;
		padding: 25px 0;}
		section.brochure article div {
			display: block;
			width: 100%;
			text-align: center !important;
			padding: 10px 0 !important;}
			section.brochure article div h3 {margin: 0;}

	section.blue-scroll article {padding: 35px 50px;}

	section#video-list article div.css-img {height: 150px;}
}

@media only screen and (max-width: 675px) {
	aside.extra-large-img {height: 400px !important;}
}

@media only screen and (max-width: 650px) {
	header img.custom-logo {
		width: 100%;
		height: auto;}

	section#hero aside {font-size: .9em;}

	section#or-content article h2 {font-size: 2em;}

	section#contact-icons aside:nth-child(3) {margin-top: 25px;}

	body.single-post main h1.entry-title {font-size: 3.25em;}
}

@media only screen and (max-width: 600px) {
	body {font-size: .9em;}

	section#or-content article {height: 350px;}

	section#testimonials-slider article > aside {display: none;}
	section#testimonials-slider article > aside.o {display: block;}

	section.blue-scroll .container-narrow {width: 100%;}

	section#video-list article {
		width: 100%;
		padding-bottom: 0;}
		section#video-list article div.css-img {height: 250px;}
}

@media only screen and (max-width: 575px) {
	iframe.center {height: 300px;}
}

@media only screen and (max-width: 550px) {
	section#or-content article {height: 300px;}

	section#latest-news article {width: 100%;}
		section#latest-news article h4 {padding: .75em auto .5em auto;}
		section#latest-news article aside {min-height: unset;}

	section#testimonials-slider div.container {padding: 25px;}

	section#testimonials-slider-full > div {padding: 50px;}

	section#cta div.container:first-child {padding: 0 50px !important;}

	section#contact-form div.container {padding-top: 50px;}
		section#contact-form form.wpcf7-form ul li {width: 100% !important;}

	body.single-post main div.entry-meta span,
	body.single-post main div.entry-meta aside {
		width: 100%;
		text-align: center;}
	body.single-post main div.entry-meta span {margin-bottom: 25px;}
}

@media only screen and (max-width: 525px) {
	aside.extra-large-img {height: 350px !important;}
}

@media only screen and (max-width: 500px) {
	a[href^='tel'],
	a[href^='mailto'] {word-break: break-all;}

	section#or-content article {
	float: none !important;
	width: 100% !important;
	border-radius: 0 !important;}
	
	section#contact-icons {padding: 25px 0 50px 0;}
		section#contact-icons aside {width: 100%;}
			section#contact-icons aside div {border-right: none !important;
				margin-top: 25px;}

	section#video-list article div.css-img {height: 225px;}
}

@media only screen and (max-width: 450px) {
	section#cta:not(.cta-connect) div.container {padding: 0 25px !important;}

	section.blue-scroll article {padding: 25px;}

	section#video-list article {padding: 0;}
}

@media only screen and (max-width: 400px) {
	header a.custom-logo-link {width: 65%;}
	header nav {width: 33%;}

	aside.large-img,
	aside.extra-large-img {height: 275px !important;}
}

@media only screen and (max-width: 375px) {
	section#connect aside {height: unset !important;}
		section#connect aside:nth-child(2) form input {
			float: none;
			display: block;}
		section#connect aside:nth-child(2) form input[type='email'] {width: 100%;}
		section#connect aside:nth-child(2) form input[type='submit'] {
			width: auto;
			padding: 20px 40px;
			margin: 10px auto;
			-ms-border-radius: 30px;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			border-radius: 30px;}
}

@media only screen and (max-width: 350px) {
	section#testimonials-slider-full > div {padding: 30px;}
}

@media only screen and (max-width: 325px) {
		section#connect aside:nth-child(1) ul li a {
			width: 40px;
			height: 40px;
			padding: 5px;}
		section#connect aside:nth-child(2) form {width: 100%;}
}

@media only screen and (max-width: 300px) {
	header a.custom-logo-link {width: 60%;}
}

@media screen and (min-width: 1240px) {
    section#hero {
		min-height: 600px
	}
}

@media screen and (min-width: 1800px) {
	section#hero {
		min-height: 800px
	}
}

section#image-list {
	padding: 100px 0 50px 0;
	font-size: 22pt;
	max-width: 1000px;
	margin: 0 auto;
	color: black;
}

section#image-list tr {padding: 15px 0;}
section#image-list td:last-of-type {padding-left: 15px;}

section#image-list td img{
	width: 250px;
	height: auto;
}

section#image-list h1 {
	font-size: 1.5em;
}

section#image-list ul {
	margin-left: 0;
}

section#image-list li::before {
	position: unset;
	font-size: 0.5em;
}

.full-width {
	width: 100%;
	margin: 10px auto;
	clear: both;
	text-align: center;
}

.full-width img {
	width: 100% !important;
	height: auto !important;
	display: inline-block;
	float: unset !important;
}

/*.list-for-images {*/
	/*line-height: 110px;*/
/*}*/

@media only screen and (max-width: 1100px) {
	section#image-list {width: 90%;}
}

@media only screen and (max-width: 650px) {
	section#image-list td {
		display: block;
		padding: 10px 0 !important;}
		section#image-list td img {
			width: 100%;
			height: auto;}
}

section.blue-callout article {width: 100% !important;}

@media only screen and (max-width: 480px) {
	section#hero aside h1,
	section#hero aside h2{ font-size: 1.5em;     margin-top: 4em; }
}