/*
Theme Name: Round It Up America
Theme URI: http://wearedreambox.com
Author: Dreambox
Author URI: http://wearedreambox.com
Description: Custom responsive WordPress theme.
Version: 1.0
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*{
	box-sizing: border-box;
}

p{
	line-height: 1.3;
}

img{
	max-width: 100%;
	height: auto;
}

textarea {
  white-space: revert;
}

sup{
	position: relative;
		top: -0.6em;
	font-size: 0.6em;
}

.hero_hdr sup{
	top: -1em;
    font-size: 0.4em;
}

svg{
    max-width: 100%;
    max-height: 100%;

    -webkit-transition: fill .3s ease-in-out;
            transition: fill .3s ease-in-out;
}


@font-face {
  font-family: 'Avenir';
  src: url('fonts/Avenir95Black/font.woff2') format('woff2'), 
  url('fonts/Avenir95Black/font.woff') format('woff');
}

@font-face {
  font-family: 'Holtzman Textured';
  src: url('fonts/Holtzman-Textured.woff') format('woff'),
  url('fonts/Holtzman-Textured.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Holtzman Regular';
  src: url('fonts/holtzman-regular-webfont.woff') format('woff'),
  url('fonts/holtzman-regular-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

:root {
	--container: 1330px;
	--container_wide: 1495px;
	--primary: #243356;
	--secondary: #c00000;
	--secondary_hover: #990000;
	--light_grey: #f2f2f2;
	--tertiary: #c7c6b9;
	--body_text_color: #1d1d1d;
	--hero_font: 'Holtzman Textured', sans-serif;
	--hero_font_reg: 'Holtzman Regular', sans-serif;
	--title_font: 'Avenir', sans-serif;
	--copy_font: Arial ,sans-serif;
	--big_copy: 1.5rem;
	--callout_font: garage-gothic, sans-serif;
	--radius: 15px;
}


@media (max-width: 767px){
	:root{
		--big_copy: 1rem;
	}
}

html{
	overflow-y: scroll;
}

body{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	color: var(--body_text_color);
	background-color: #ffffff;
	font-family: var(--copy_font);
}

.container{
	width: var(--container);
	padding: 0 15px;
	margin: auto;
	max-width: 100%;
}

/* ===================== Lazy ===================== */

.lazy{
	background-image: none !important;
}

/* ===================== Forms ===================== */

input,
select,
textarea{
	padding: .5em 1em;
	background-color: #ffffff;
	border-radius: 15px;
	border: none;
	font-family: inherit;
	font-size: 1em;
	line-height: 2
}

input,
select:not([multiple="multiple"]),
textarea{
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
}

input:not([type=submit]),
select,
textarea{
	width: 100%;
}

input[type=checkbox]{
	width: 1.5em;
	height: 1.5em;
	appearance: checkbox;
	-webkit-appearance: checkbox;
}

input[type=radio]{
	width: auto;
	appearance: radio;
	-webkit-appearance: radio;
}

button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

select:not([multiple="multiple"]){
	background-repeat: no-repeat;
	background-position: right 17px center;
	background-size: 20px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuNSIgaGVpZ2h0PSI2LjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAuNSA2LjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwLjUgNi42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+IDxnPiA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTAsMS41TDguOSwwLjNMNS4yLDRMMS41LDAuM0wwLjQsMS41bDQuOCw0LjhMMTAsMS41eiBNMTAsMS41Ii8+IDwvZz4gPC9zdmc+");
}


/* ===================== Gravity Forms ===================== */

.gform_wrapper{
	margin-top: 30px;
}

@media (min-width: 768px){
	.gform_fields {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}

.gform_required_legend{
	text-align: right;
	padding: 0.5em 0;
	margin-bottom: 1em;
}

.gform_validation_container {
	display: none;
}

.gfield{
	text-align: left;
	margin-bottom: 1.6em;
	flex: 0 0 100%;
	font-size: 1.3rem;
}

@media (max-width: 767px){
	.gfield{
		font-size: 1.1rem;
	}
}

.gfield--width-half{
	flex: 0 0 48%;
}

.gform_title{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

.gform_hidden{
	display: none;
}

.gform_body input:not([type=submit]),
.gform_body select{
}

.gform_wrapper .validation_error{
	text-align: center;
}

.gform_wrapper .validation_error,
.gfield_description.validation_message{
	padding: 0.2em;
	margin-top: 5px;
	background-color: var(--secondary);
	border-radius: 4px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1rem;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}

.gform_confirmation_message{
	padding: 40px 0;
	font-size: 2.5rem;
	line-height: 1.3;
	text-align: center;
}

.form_submitted .hide_on_submit{
	display: none;
}

.gform_footer {
	text-align: center;
}

.gform_footer input{
	width: auto;
}


/* stylized checkmark */
.gfield_checkbox input:checked,
.gfield_checkbox input:not(checked){
	position: absolute;
	left: -99999px;
}

.gfield_checkbox label{
	position: relative;
	width: auto;
	clip: auto;
	overflow: visible;
	padding-left: 52px;
}

.gfield_checkbox input:not(checked) + label::before,
.gfield_checkbox input:checked + label::before{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid #000;
	font-size: 1.5em;
	content:'';
	cursor: pointer;
}

.gfield_checkbox input:checked + label::after{
	position: absolute;
	top: .1em;
	left: .1em;
	font-size: 1.8em;
	color: #000;
	line-height: 0.8;
	content:  "\2713"; /* thin check */
	transition: all .2s;
	cursor: pointer;
}

.gfield_visibility_hidden{
	display: none;
}

form[id^=gform].floating_labels .no_float_label label,
form[id^=gform].floating_labels .no_float_label legend{
	position: static; width: auto; height: auto; margin: 0;
	clip: unset;
	color: #FFFFFF;
}

form[id^=gform].floating_labels .unfloat label{
	top: -1em;
	left: 0;
	color: #FFFFFF;
}

form.floating_labels .ginput_complex span[id$=container]{
	position: relative;
}

.floating_label,
.floating_labels .gfield {
	position: relative;
}

.floating_labels label,
.floating_label label{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding-left: .5em;
	transition: top .3s ease-in-out;
}

.floating_label.unfloat label{
	top: -1.7em;
}

form[id^=gform].floating_labels label{
	top: 1em;
	left: .5em;
	width: auto; 
	height: auto; 
	clip: unset;
	margin: 0;
	color: #000;
	transition: all .3s ease-in-out;
}

form[id^=gform].floating_labels .field_description_above label{
	top: 1.5em;
}

form[id^=gform].floating_labels .sr_label label,
form[id^=gform].floating_labels input[type=checkbox] + label{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

form[id^=gform].floating_labels.center_labels label{
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

form[id^=gform].floating_labels .no_float_label label,
form[id^=gform].floating_labels .no_float_label legend{
	display: inline-block;
	position: static; 
	width: auto; 
	height: auto; 
	clip: unset;
	margin: 0;
	margin-bottom: 1px;
	color: #FFFFFF;
}

form[id^=gform].floating_labels .unfloat label,
form[id^=gform].floating_labels .unfloat.gfield_error label{
	top: -1.1em;
	color: #FFFFFF;
	background-color: transparent;
}

form[id^=gform].floating_labels .field_description_above.unfloat label{
	top: 0;
}

form.floating_labels .ginput_complex span[id$=container]{
	position: relative;
}

/* ===================== Form ===================== */

.form_page .std_copy h1.tc{
	margin-top: 0;
}

.form_page #form {
	padding: 50px 0;
}

.form_page #form .container{
	width: 860px;
}


/* ===================== Datepicker ===================== */

.gform-theme-datepicker:not(.gform-legacy-datepicker) { background: #fff; border: 1px solid #d0d1d3; border-radius: 3px; box-shadow: 0 1px 4px rgba(0,0,0,.11),0 0 4px rgba(18,25,97,.0405344); color: #607382; font-size: 13px; font-weight: 500; margin-top: 5px; padding: 18px 15px; width: auto } .gform-theme-datepicker:not(.gform-legacy-datepicker) table,.gform-theme-datepicker:not(.gform-legacy-datepicker) td,.gform-theme-datepicker:not(.gform-legacy-datepicker) th,.gform-theme-datepicker:not(.gform-legacy-datepicker) thead,.gform-theme-datepicker:not(.gform-legacy-datepicker) tr { background: 0 0; border: 0; margin: 0 } .gform-theme-datepicker:not(.gform-legacy-datepicker) td,.gform-theme-datepicker:not(.gform-legacy-datepicker) th { padding: 5px; text-shadow: none; text-transform: none } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header { border: 0; display: flex; flex-direction: row; justify-content: center; margin: 0 0 5px; padding: 0; position: relative; width: 100% } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev { align-items: center; background: 0 0; border: 0; color: #607382; cursor: pointer; display: flex; font-family: gform-icons-theme!important; font-size: 24px; height: 30px; justify-content: center; line-height: 1; position: absolute; speak: never; top: -2px; text-decoration: none; transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out; width: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:focus,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:hover,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:focus,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:hover { color: #2f4054 } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next .ui-icon,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev .ui-icon { display: none } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:before,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:before { border: 0; height: auto; position: static; transform: none; width: auto } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev { left: 0; background-color: var(--primary); background-image: url(images/icons/l-arrow.svg); background-repeat: no-repeat; background-position: center; background-size: 50%; border-radius: 100%; } /* .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:before { */ /*     content: "" */ /* } */ .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next { right: 0; background-color: var(--primary); background-image: url(images/icons/r-arrow.svg); background-repeat: no-repeat; background-position: center; background-size: 50%; border-radius: 100%; } /* .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:before { */ /*     content: ""; */ /* } */ .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select { background-color: transparent; background-image: url(images/icons/calendar-down-arrow.svg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 24px 24px; border-radius: 0; border: 0; box-shadow: none; color: #585e6a; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; height: auto; min-height: 0; padding: 0 22px 0 0; -webkit-appearance: none; width: auto } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select.ui-datepicker-month { margin-right: 20px; -moz-text-align-last: right; text-align-last: right } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar a,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar span { font-weight: 400 } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar th span { align-items: center; color: #2f4054; display: flex; font-size: 13px; font-weight: 500; height: 40px; justify-content: center; width: 40px } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar td { font-size: 13px; height: 50px; width: 50px } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default { align-items: center; background: 0 0; border: 1px solid transparent; border-radius: 100%; box-shadow: none; color: #2f4054; display: flex; height: 40px; justify-content: center; transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out; text-decoration: none; width: 40px } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:focus,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:hover { background: 0 0; border-color: #607382; outline: 0 } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:active { background: #f2f3f5; border-color: #607382 } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default { background: #607382; border-color: #607382; box-shadow: 0 2px 2px rgba(58,58,87,.0596411); color: #fff } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:focus,.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:hover { border-color: #607382 } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-disabled { background: 0 0 } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-disabled .ui-state-default { align-items: center; background: #f2f3f5; border: 1px solid rgba(32,32,46,.079); border-radius: 100%; box-shadow: 0 2px 2px rgba(58,58,87,.0596411); color: #686e77; cursor: text; display: flex; height: 40px; justify-content: center; text-decoration: none; width: 40px }

/* ===================== A11y ===================== */

body :focus:not(:focus-visible) {
	outline-color: transparent;
}

.sr-only {
	position: absolute;
	color: inherit;
	width: 1px;
	height: 1px;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	padding: 0;
	margin: -1px;
	border: 0;
	background-color: #ffffff;
	color: #000000;
}

.screen-reader-text{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

.screen-reader-shortcut{
	position: absolute;
	top: -1000em;
	left: 6px;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	background-color: #fff;
	font-size: 1em;
	color: #000;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	outline: 1px solid #000;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	box-shadow:     0 0 2px 2px rgba(0,0,0,.6);
}

.screen-reader-shortcut:focus {
	top: 6px;
	display: block;
	z-index: 100000;
}
.adobe-download-text.hidden{
	display: none;
}

.adobe-download-text {
	margin: 20px 0;
	font-size: .9em;
	text-align: center;
}

.adobe-download-text a{
	color: #ffffff;
}

.std_copy h1,
.std_copy h2,
.std_copy h3,
.std_copy h4,
.std_copy h5,
.std_copy h6{
	margin-bottom: 1em;
	font-weight: bold;
}

.std_copy p,
.std_copy li{
	margin-bottom: 1.5em;
	line-height: 1.3;
}

.std_copy li{
	margin-bottom: .5em;
}

.riua_section.std_copy li{
	font-size: 1.5rem;
	margin-bottom: 0.2em;
}

@media (max-width: 767px){

	.riua_section.std_copy li{
		font-size: 1.2rem;
	}
}

.std_copy h1{
	font-size: 3em;
	margin: 1em 0;
}

.std_copy h1.htwostyle,
.std_copy h2{
	font-size: 2rem;
	line-height: 1.3;
}
.std_copy h3{
	font-size: 1.5rem;
}
.std_copy h4{
}
.std_copy h5{
	font-size: 0.83em;
}
.std_copy h6{
	font-size: 0.67em;
}
.std_copy ol,
.std_copy ul{
	padding-left: 1em;
	margin: 0 0 1.5em;
	margin-left: 0.5em;
	list-style-type: disc;
	list-style-position: outside;
}
.std_copy ol{
	list-style-type: decimal;
}

.std_copy .lg_txt{
	margin-bottom: 1em;
	font-size: 1.5em;
}

.std_copy ul ul,
.std_copy ol ul,
.std_copy ol ol,
.std_copy ul ol{
	margin-top: 10px;
	margin-left: 15px;
	list-style-type: circle;
	list-style-position: outside;
}

.std_copy ol ol,
.std_copy ul ol{
	list-style-type: decimal;
}

.std_copy a:hover{
	text-decoration: none;
}

.std_copy strong{
	font-weight: 600;
}

/* ===================== Slider General ===================== */

/* .resp_slider{ */
/* 	opacity: 0; */
/* 	-webkit-transition: opacity .3s ease-in-out; */
/* 	transition: opacity .3s ease-in-out; */
/* } */

/* .resp_slider.show{ */
/* 	opacity: 1; */
/* } */

.slider_wrap{
	position: relative;
}

.slick-arrow{
	position: absolute;
	top: 43%;
	z-index: 10;
	width: 1em;
	height: 1em;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: none;
	font-size: 4em;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider_controls{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.side_controls_wrap{
	text-align: right;
}

.side_controls{
	display: inline-flex;
	justify-content: center;
	width: 120px;
	font-size: .6rem;
	margin-right: 75px;
}

.side_controls button{
	position: static;
	-webkit-transform: none;
	transform: none;
	margin: 0 .3em;
}

.slick-dots {
	display: flex;
	justify-content: center;
	position: static;
}

.slick-dots button::before{
	content: none;
}

.slick-dots button{
	width: 1em;
	height: 1em;
	background-color: #dcdbdb;
	border-radius: 100%;
	font-size: 1rem;
	text-indent: -9999em;
	margin: 0 0.3em;
}

.slick-dots .slick-active button{
	background-color: #a5a5a5;
}

@media (max-width: 767px){

	.slick-dots button{
		width: 3em;
		height: 3em;
		margin: 0 0.5em;
		font-size: .5em;
	}

	.side_controls_wrap{
		text-align: center;
	}

	.side_controls{
		margin-right: 0;
	}
}

.slider_controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.slider_controls button{
	position: static;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 1em;

	-webkit-transform: none;
	transform: none;
}

.slider_controls .play_pause{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIGZpbGw9IiNmZmZmZmYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gcG9pbnRzPSIyLDAuNyAyLDExLjMgMTAsNiAiLz48L3N2Zz4=");
}

.slider_controls .play_pause.pause{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIGZpbGw9IiNmZmYiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+CTxyZWN0IHg9IjI3LjUiIHk9IjI2IiB3aWR0aD0iMTciIGhlaWdodD0iNzMiLz4JPHJlY3QgeD0iNTUuNSIgeT0iMjYiIHdpZHRoPSIxNyIgaGVpZ2h0PSI3MyIvPjwvZz48L3N2Zz4=");
}

.slick-slide{
	position: relative;
}

.lt_arrow {
	left: 50px;
}

.rt_arrow{
	right: 50px;
}

.lt_arrow {
	background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMuNzEiIGhlaWdodD0iMTkuNDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIzLjcxIDE5LjQzIj4KICA8cGF0aCBkPSJNNTY4LjQ5LDk0My43YS40Ny40NywwLDAsMC0uMDYuMDkuOS45LDAsMCwwLS4wOS40Ljg3Ljg3LDAsMCwwLC4wOS40czAsLjA2LjA2LjA5YTEsMSwwLDAsMCwuMTcuMjRsMCwwLDEwLDguNzFhMSwxLDAsMCwwLDEuMzItMS41bC04LTdoMTlhMSwxLDAsMCwwLDAtMkg1NzJsOC03YTEsMSwwLDAsMCwuMDktMS40MSwxLDEsMCwwLDAtLjc1LS4zNSwxLDEsMCwwLDAtLjY2LjI1bC0xMCw4LjcyLDAsMEExLDEsMCwwLDAsNTY4LjQ5LDk0My43WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU2OC4zNCAtOTM0LjQ3KSIvPgo8L3N2Zz4K");
}

.rt_arrow {
	background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMuNzEiIGhlaWdodD0iMTkuNDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIzLjcxIDE5LjQzIj4KICA8cGF0aCBkPSJNNTkxLjksOTQ0LjY4cy4wNSwwLC4wNi0uMDlhLjg3Ljg3LDAsMCwwLC4wOS0uNC45LjksMCwwLDAtLjA5LS40LjQ3LjQ3LDAsMCwwLS4wNi0uMDksMSwxLDAsMCwwLS4xNy0uMjRsMCwwLTEwLTguNzJhMSwxLDAsMCwwLTEuMzIsMS41MWw4LDdoLTE5YTEsMSwwLDAsMCwwLDJoMTlsLTgsN2ExLDEsMCwwLDAsLjY2LDEuNzYsMSwxLDAsMCwwLC42Ni0uMjVsMTAtOC43MSwwLDBBMSwxLDAsMCwwLDU5MS45LDk0NC42OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NjguMzQgLTkzNC40NykiLz4KPC9zdmc+Cg==");
}

.slide_overlay{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45%;
	padding: 20px;
	background-color: #FFF;
	text-align: center;

	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

@media (min-width: 768px){
	.slide_overlay.align_left{
		left: 125px;
		-webkit-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
	}

	.slide_overlay.align_right{
		left: auto;
		right: 0;
		right: 125px;
		-webkit-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
	}
}

/* ===================== General ===================== */

a{
	background-color: inherit;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;

	-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
	transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
}

.cta,
input[type=submit]{
	display: inline-block;
	padding: 0.7em 2em 0.6em;
	background-color: var(--secondary);
	font-family: var(--title_font);
	border: none;
	border-radius: 1.1em;
	font-size: 1.2rem;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
	transition: background-color .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
}

.cta_yellow{
	display: inline-block;
	padding: 1em;
	text-decoration: none;
}

.cta_yellow span{
	display: inline-block;
	padding: 1.2em 3em;
	background-color: #ffc43a;
	border-radius: 2em;
	box-shadow: 8px 8px 12px 1px rgb(0 0 0 / 25%);
	border: none;
	font-family: var(--title_font);
	font-size: 1.4rem;
	color: #000000;
	text-transform: uppercase;
}

input[type=submit]{
	padding: 0.5em 4em 0.3em;
}

.cta_row {
	display: flex;
	justify-content: center;
}

.cta_row .cta{
	margin-bottom: .5em;
}

.cta.shad,
.cta.shadow{
	box-shadow: 3px 3px 7px 2px rgb(0 0 0 / 40%);
}

.view_more{
	margin-top: 50px;
}

@media (min-width: 768px){
	.cta_row{
		align-items: center;
	}

	.cta_row .cta + .cta{
		margin-left: .5em;
	}
}

@media (max-width: 767px){
	.cta_row{
		flex-direction: column;
		max-width: 95vw;
		margin: auto;
	}
}

.cta:hover,
input[type=submit]:hover{
	background-color: var(--secondary_hover);
}

.hero{
	position: relative;
}

.hero .hero_content{
	display: flex;
	position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	padding-top: 123px;

	-webkit-transform: translate(-50%,0%);
	        transform: translate(-50%,0%);
}

.hero .hero_content .hero_hdr{
	position: relative;
	margin-bottom: 0.2em;
	font-size: 7rem;
	color: #ffffff;
	line-height: .8;
}


.hero .hero_content {
	font-size: 1.4rem;
}

@media (min-width: 768px) and (max-width: 1200px){

	.hero .hero_content .hero_hdr{
		font-size: 6rem;
	}
}

@media (max-width: 767px){

	.hero .hero_content .hero_hdr{
		font-size: 4rem;
	}

	.hero .hero_content .cta{
		font-size: 1.2rem;
	}
}

/* menus */

.nav_menu li a{
	display: inline-block;
	padding: 1em .6em;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
}

svg{
	width: 100%;
	height: 100%;

	-webkit-transition: fill .3s ease-in-out;
	transition: fill .3s ease-in-out;
}

.big_copy{
	font-size: var(--big_copy);
	line-height: 1.3;
}

.big_copy .cta{
	font-size: .704em;
}

/* ===================== Social ===================== */

.social_row {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4rem;
}

.social_row a{
	display: inline-flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 1em;
	height: 1em;
	border-radius: 100%;
	border: 2px solid #ffffff;
	font-size: 1em;
	text-decoration: none;
}

.social_row a svg{
	width: 50%;
	height: 50%;
	fill: #fff;
}

.social_row a:hover{
	background-color: #fff;
}

.social_row a:hover svg{
	fill: var(--primary);
}

/* ===================== Utilities ===================== */

.plain_amp{
	font-family: var(--copy_font);
	font-size: .8em;
}

.upp{
	text-transform: uppercase;
}

.tc{
	text-align: center;
}

.tr{
	text-align: right;
}

img.obj_cover{
	object-fit: cover;
}

img.obj_left{
	object-position: left;
}

img.full_ht{
	height: 100%;
}

img.obj_bottom{
	object-position: bottom;
}

.flx{
	display: flex;
}

.flx_cent{
	display: flex;
	justify-content: center;
	align-items: center;
}

.flx_cent .inner{
	padding: 20px;;
}

.flx_wrap{
	flex-wrap: wrap;
}

.flx_end{
	justify-content: flex-end;
}

.flx_btwn{
	justify-content: space-between;
}

.flx_alcent{
	align-items: center;
}

.flx_justcent{
	justify-content: center;
}

.flx_half{
	flex: 0 0 50%;
}

@media (min-width: 768px){

	.mobile_only{
		display: none;
	}

	.flx_desk{
		display: flex;
	}

	.flx_desk_inl{
		display: inline-flex;
	}

	.flx_desk.cent{
		justify-content: center;
	}
}

@media (min-width: 1000px){
	
	.flx_tablet{
		display: flex;
		justify-content: space-between;
	}

	.flx_tablet.cent{
		justify-content: center;
	}
}

@media (max-width: 767px){ 
    .desktop_only{
        display: none;
    }
}

.no_dec{
    text-decoration: none;
}


/* ===================== Styles ===================== */

.hdr{
	font-family: var(--title_font);
}

.small{
	font-size: .7em;
}

.hero_hdr{
	font-family: var(--hero_font);
	text-transform: uppercase;
	line-height: 1;
}

.std_copy .hero_hdr{
	font-weight: normal;
}

.callout{
	font-family: var(--callout_font);
}

.primary{
	color: var(--primary);
}

.secondary{
	color: var(--secondary);
}

.tertiary{
	color: var(--tertiary);
}

.radius{
	border-radius: var(--radius);
}

.white_bknd{
	background-color: #ffffff;
	color: var(--body_text_color);
}

.grey_bknd{
	background-color: var(--light_grey);
}

.primary_bknd{
	background-color: var(--primary);
	color: #ffffff;
}

.primary_gradient{
	/* #243356 - #425c9a */
	background: -moz-linear-gradient(top,  rgba(66,92,154,1) 0%, rgba(36,51,86,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(66,92,154,1) 0%,rgba(36,51,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(66,92,154,1) 0%,rgba(36,51,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #ffffff;
	background-color: var(--primary);
}

.secondary_gradient{
	/* #c00000 - #570303 */
	background: -moz-linear-gradient(left,  rgba(192,0,0,1) 1%, rgba(192,0,0,1) 43%, rgba(87,3,3,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(192,0,0,1) 1%,rgba(192,0,0,1) 43%,rgba(87,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(192,0,0,1) 1%,rgba(192,0,0,1) 43%,rgba(87,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #ffffff;
	background-color: var(--secondary);
}

.blk_gradient{
	position: relative;
}

.blk_gradient::after{
	display: inline-block;
	position: absolute;
		top: -15%;
		left: -15%;
		z-index: -1;
	width: 130%;
	height: 130%;
	opacity: .8;
	background-image: url(images/backgrounds/background-shadow-gradient.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 103% 98%;
	font-size: 1rem;
	content:'';
}

.flag_bknd{
	background-image: url(images/backgrounds/flag-and-pole.png);
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 767px){

	.flag_bknd{
		background-size: 50%;
	}
	
	.blk_gradient::after{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.logo_borders,
.std_copy .logo_borders{
	display: inline-block;
	position: relative;
	padding: 0.35em 0;
	margin-bottom: 0.5em;
	margin-left: 2.4em;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-family: var(--hero_font_reg);
	font-size: 4rem;
	font-weight: normal;
	line-height: .8;
	text-transform: uppercase;
}

.logo_borders::before{
	display: inline-block;
	position: absolute;
		/* top: -0.2em; */
		left: -1.2em;
		z-index: 1;
	width: 1em;
	height: 1em;
	background-image: url(images/footer_logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	font-size: 1.9em;
	content:'';
	top: 50%;
	-webkit-transform: translate(0%,-50%);
	        transform: translate(0%,-50%);
}

@media (max-width: 767px){

	.logo_borders,
	.std_copy .logo_borders{
		font-size: 2.5rem;
		margin-left: 1.9em;
	}

	.logo_borders::before{
		left: -1.1em;
	}
}

.box_shad{
	box-shadow: 0 20px 16px -4px rgb(0 0 0 / 50%);
}

.arrow_table {
	max-width: 100%;
	font-size: 1.7rem;
}

@media (min-width: 1140px){

	.arrow_table {
		width: 664px;
	}
}

.arrow_table td{
	padding-bottom: .5em;
}

.arrow_table th{
	text-transform: uppercase;
	font-weight: bold;
	font-size: .7em;
    padding-bottom: 1em;
	text-align: left;
}

.arrow_table th:last-child{
	text-align: right;
}

.arrow_table td span{
	display: inline-block;
	width: 6em;
	text-align: center;
}

.arrow_table td:last-child{
	text-align: right;
}

.arrow_table tbody td:first-child{
	position: relative;
}

.arrow_table tbody td:first-child::before{
	display: inline-block;
	position: absolute;
		top: 0;
		left: 91%;
		z-index: 1;
	width: 100%;
	height: 100%;
	background-image: url(images/icons/table_arrow.svg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100% 25px;
	content:'';
}

@media (max-width: 767px){
	
	.arrow_table {
		font-size: 1rem;
		width: 100%;
		margin: auto;
	}
}

/* animation */
.ani_1sec{
	transition: all 1s ease-in-out;
}

.fadeup, /* hero slides only */
.up_fade{
	opacity: 0;

	-webkit-transform: translate(0%,50px);
	        transform: translate(0%,50px);
}

.slide_left{
	opacity: 0;

	-webkit-transform: translate(20px,0);
	        transform: translate(20px,0);
}

/* ===================== Loader ===================== */

.loader.hide{
    display: none;
}

.loader {
    position: absolute;
        top: 50%;
	    left: 50%;
    width: 1em;
    height: 1em;
    margin: 100px auto;
    border-radius: 50%;
    font-size: 1.3em;
    color: #fff;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;

    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
}
@-webkit-keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }
@keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }


/* ===================== Header ===================== */

header{
	position: fixed;
	    top: 0;
	    z-index: 100;
    width: 100%;
    background-color: transparent;
	transition: all .3s ease-in-out;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.0);
}

.error404 header{
	position: -webkit-sticky;
	position: sticky;
}

.error404 {
	overflow: hidden;
}

header:not(.stuck){
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

header.stuck{
	color: #ffffff;
	background-color: var(--primary);
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
}

header.stuck .blk_gradient::after{
	content: none;
}

#header_top{
    height: 57px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

#primary_nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: var(--container_wide);
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1rem;
}

#primary_nav #main_logo {
    display: inline-block;
    position: relative;
	flex: 0 0 auto;
}

.logo_group{
	display: flex;
	align-items: flex-start;
}

.plat_trans{
	width: 78px;
    margin: 29px 0 0px 20px;
}

@media (max-width: 1040px){

	.plat_trans{
		width: 10%;
		margin: 3.5% 0px 0 2%;
	}
}

@media (max-width: 767px){
	
	.plat_trans{
		width: 9.5%;
        margin: 3.2% 0px 0 2%;
	}
}

.toggle_icon{
	display: none;
	width: 1em;
	height: 1em;
	overflow: hidden;
	padding: 0;
	-webkit-appearance: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	font-size: 2.6em;
	cursor: pointer;
}

#toggle_menu{
    background-size: contain;
	display: block;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjZmZmIiB3aWR0aD0iMTMyIiBoZWlnaHQ9Ijk4LjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzIgOTguMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMyIDk4LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHJlY3Qgd2lkdGg9IjEzMiIgaGVpZ2h0PSIyMC4zIi8+CjxyZWN0IHk9IjM5IiB3aWR0aD0iMTMyIiBoZWlnaHQ9IjIwLjMiLz4KPHJlY3QgeT0iNzgiIHdpZHRoPSIxMzIiIGhlaWdodD0iMjAuMyIvPgo8L3N2Zz4K");
}

#close_menu{
	background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAABWUlEQVRYhb3YsUpDMRTG8a8uOrh1bR/gvoKTq9AHELe+p4Muro6C4uAgClJEnC60/h28qRe9vU1OkvNBhoSQ/CAHAmcCqMtU0pGkZ/nmUFIbJgc9zKWkK0kzR0wj6V7SYrsCTIFbfvMAzABVHg3w0t3ZAgtAAq75n9qoPiakBc4EnAAfjqghDMAr0IRNXqhRDN2TeaH2Yv6CaqKiMEOgGqhozC5QSVQSZgxUApWM2QfKQZkwMSALyoyJBaWgmu5iEyYFFIPKxqSCxlBPwFsuxgIaQ2VjrKAYlAmTAxJwAXwNYNbAqfVcK2ZXAYeY/74amCxUKcwK+CyBKoEJBVzkQy6FCfuyUSUxRVClMdmoGpgsVC2MGVUTY0LVxiSjPDBJKC9MNMoTE4UScOOIGUNtgHMBc+DRETOE2gBLejUUUF6YPuo9YABNYNtjnEs6lnTn2NKTftqJqzD5Brye0CFtX45YAAAAAElFTkSuQmCC");
	display: none;
}

#primary_dismiss{
	position: absolute;
		top: 0.5em;
		right: 0.5em;
		z-index: 1;
	width: 1em;
	height: 1em;
	overflow: hidden;
	padding: 0;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	font-size: 2.2em;
	cursor: pointer;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyAgZmlsbD0iIzFkMWQxZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI5LjUgMjkuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkuNSAyOS4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxyZWN0IHg9Ii0zLjIiIHk9IjEyIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDE0LjYzMjEgLTYuMTU4NSkiIHdpZHRoPSIzNS44IiBoZWlnaHQ9IjUuMiIvPgo8cmVjdCB4PSItMy4yIiB5PSIxMiIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAtMC43MDcxIDM1LjQ5MTggMTQuNDY1NSkiIHdpZHRoPSIzNS44IiBoZWlnaHQ9IjUuMiIvPgo8L3N2Zz4K");
}

/* #toggle_menu.show, */
/* #close_menu.show{ */
/*     display: block; */
/* } */

#primary_menu {
	position: absolute;
		top: 0;
		right: 0;
		z-index: 15;
		height: 100vh;
	padding: 75px 55px 25px;
	background-color: #fff;
	box-shadow: 8px 11px 15px -3px rgb(0 0 0 / 40%);
	text-align: left;
	transition: all .3s ease-in-out;

	-webkit-transform: translate(101%,0%);
	        transform: translate(101%,0%);
}

#primary_menu.show{
	-webkit-transform: translate(0%,0%);
	        transform: translate(0%,0%);
}

#primary_menu .sub-menu{
	margin-left: 25px;
}

#primary_menu a{
	color: var(--body_text_color);
	font-family: var(--title_font);
}

#primary_menu a:hover{
	color: var(--secondary);
}

#primary_menu .current-menu-item > a{
	color: var(--secondary);
}

#nav_right {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .donate{
	padding: 0 50px;
}

@media (max-width: 1100px){
	
	#primary_nav #main_logo{
		flex: 1 1 auto;
	}
}

@media (max-width: 767px){ 

	#primary_nav #main_logo{
		flex: 0 1 80%;
	}

	#primary_menu {
		padding: 75px 30px 25px;
	}

	#primary_menu a{
		font-size: 1em;
	}

	#nav_right .donate{
		display: none;
	}

	#primary_dismiss{
		font-size: 2em;
	}
}

/* ===================== Footer ===================== */

footer .container{
	width: var(--container_wide);
}

#footer_grid{
	display: grid;
	grid-template-columns: auto auto auto;
}

footer .nav_menu{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

footer {
	padding: 50px 0 0;
}

footer .nav_menu a{
	text-decoration: underline;
	padding: 0 1em 0 0;
}

#footer_links{
	padding: 35px 5%;
}

#footer_menu a{
	font-size: 1.4rem;
}

footer a:hover{
	text-decoration: none;
}

#footer_legal{
	position: relative;
	padding: 1em 0;
}

#footer_legal::before{
	display: inline-block;
	position: absolute;
		top: 0;
		left: -1em;
		z-index: 10;
	width: .5em;
	height: 100%;
	background-color: var(--primary);
	font-size: 1rem;
	content:'';
}

#footer_legal a{
	line-height: 1.0;
	font-size: 1.0em;
}

#footer_logo{
	text-align: center;
}

#footer_logo img{
	width: 123px; 
}

@media (min-width: 768px){

	footer .social_row a + a{
		margin-left: 10px;
	}

	#footer_logo{
		margin-right: 20px;
		grid-area: 1 / 1 / 4 / 2;
	}

	#footer_menu{
		grid-area: 1 / 2 / 2 / 3;
	}

	#footer_legal{
		grid-area: 2 / 2 / 3 / 3;
	}

	#copyright{
		grid-area: 3 / 2 / 4 / 3;
	}

	#footer_social{
		grid-area: 1 / 3 / 3 / 4;
	}

	#footer_legal li + li a{
		position: relative;
	}

	#footer_legal li + li a::after{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: -.6em;
		z-index: 1;
		width: 2px;
		height: 100%;
		background-color: currentcolor;
		background-size: 100%;
		font-size: 1rem;
		content:'';

		-webkit-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
	}
}

@media (min-width: 768px) and (max-width: 1280px){

	#footer_logo{
		width: 150px;
	}

	footer .social_row a{
		font-size: .7em;
	}
}

@media (max-width: 1110px){

	#footer_social{
		padding: 20px;
	}

	#footer_social .social_row{
		display: inline-grid;
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
		justify-items: center;
	}
}

@media (max-width: 767px){
	
	footer .nav_menu{
		justify-content: center;
	}

	footer .nav_menu a{
		padding: 0 .5em;
	}

	footer .nav_menu li{
		padding-bottom: 1em;
	}

	#footer_grid{
		grid-template-columns: 1fr 1fr;
		justify-items: center;
	}

	#footer_logo{
		position: relative;
		width: 100%;
		text-align: center;
		grid-area: 2 / 1 / 3 / 2;
		padding: 20px;
	}

	#footer_logo::after{
		display: inline-block;
		position: absolute;
			top: 0;
			right: 0;
			z-index: 1;
		width: 2px;
		height: 100%;
		background-color: var(--tertiary);
		background-size: 100%;
		font-size: 1rem;
		content:'';
	}

	#footer_logo img{
		width: auto;
		height: 148px;
		object-fit: contain;
	}

	#footer_menu{
		grid-area: 1 / 1 / 2 / 3;
		margin-bottom: 50px;
	}

	#footer_legal{
		grid-area: 3 / 1 / 4 / 3;
		margin-top: 50px;
	}

	#copyright{
		grid-area: 4 / 1 / 5 / 3;
		margin-top: 50px;
		line-height: 1.3;
	}
}


#dbc_logo {
	padding: 60px 0 20px;
	margin-top: 100px;
	text-align: center;
}

#dbc_logo a{
	color: #ffffff;
}

#dbc_logo .icon{
    width: 25px;
    fill: #888888;
    fill-opacity: .5;
}

/* ===================== General Page ===================== */

.riua_section{
	padding: 50px 0;
	font-size: 1.5rem;
}

@media (max-width: 767px){
	
	.riua_section{
		font-size: 1rem;
		padding: 40px 4%;
	}
}

.page-template-default main{
	min-height: 60vh;
}

h1.page_hdr{
	margin-top: 300px;
	font-size: 3rem;
}

.hero{
	background-color: var(--primary);
	box-shadow: var(--box_shadow);
}

.hero img{
	width: 100%;
	display: block;
}

@media (max-width: 767px){
	
	.hero img{
		min-height: 520px;
		object-fit: cover;
	}
}

#content:focus-visible{
	outline-style: initial;
}

#content .page-content{
    padding-top: 40px;
}

.page_header{
    position: relative;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.page_header h1{
    position: absolute;
	    top: 50%;
	    left: 50%;
	    z-index: 1;
    text-align: center;
    font-size: 80px;
    text-transform: uppercase;

    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.page_header.has_img{
    height: 400px;
}

.page_header.has_img h1{
    color: #FFF;
}

@media (max-width: 767px){
    #content{
        margin-top: 0;
    }
}

/* ===================== Partials ===================== */

.app_links{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.app_links a:first-child{
	margin-right: 10px;
}

.app_links a{
	display: inline-block;
	height: 54px;
	max-width: 175px;
	overflow: hidden;
	margin-bottom: 10px;
	border-radius: 6px;
	border: 2px solid #000000;
}

.app_links svg{
	width: auto;
}

.app_links .app_st0,
.app_links .app_st1{
	transition: all .3s ease-in-out;
}

.app_links .app_st0{
	fill: #000000;
}

.app_links .app_st1{
	fill: #ffffff;
}

@media (min-width: 768px){

	.app_links a:hover {
		background-color: #ffffff;
	}

	.app_links a:hover .app_st0{
		fill: #ffffff;
	}

	.app_links a:hover .app_st1{
		fill: #000000;
	}
}

@media (max-width: 500px){
	
	.app_links{
		flex-direction: column;
		align-items: center;
	}

	.app_links a:first-child{
		margin-right: 0;
	}
}

.sect_heading{
	margin: 2em 0;
	text-align: center;
}

.sect_heading h2{
	margin-bottom: 0.5em;
	font-family: var(--title_font);
	font-size: 2.5rem;
	text-transform: uppercase;
}

@media (max-width: 767px){
	
	.sect_heading h2{
		font-size: 1.7rem;
	}
}

/* ===================== Front Page ===================== */

#hero_slider {
	overflow: hidden;
}

#top_section .loader{
	top: 30%;
}

#hero_slider:not(.slick-initialized){
	min-height: 790px;
	max-height: 910px;
	opacity: 0;
}

#hero_slider.slick-initialized{
	opacity: 1;
}

#hero_slider img,
#hero_slider video{
	display: block;
	width: 100%;
	height: 790px;
	object-fit: cover;
	max-height: 910px;
}

@media (max-height: 790px) and (max-width: 767px){

	#top_section .main_overlay, 
	#hero_slider .home_hero .overlay{
		padding: 0;
	}

	#hero_slider:not(.slick-initialized),
	#hero_slider img,
	#hero_slider video{
		min-height: 0;
		height: calc(100vh - 50px);
	}
}

#top_section .main_overlay{
	z-index: 10;
}

#top_section .main_overlay::after{
	top: -40%;
	left: -40%;
	width: 180%;
	height: 180%;
	opacity: 1;
}

#top_section .main_overlay,
#hero_slider .home_hero .overlay{
	display: flex;
	position: absolute;
		top: 0;
		left: 50%;
	width: 1380px;
	padding: 180px 40px 0;
	height: 100%;
	max-width: 100%;

	-webkit-transform: translate(-50%,0%);
	        transform: translate(-50%,0%);
}

#top_section .main_overlay .inner,
#hero_slider .home_hero .inner{
	display: flex;
	flex: 0 0 50%;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: var(--big_copy);
}

#top_section .main_overlay .inner h2,
#hero_slider .home_hero .inner h2{
	margin-bottom: 20px;
	font-size: 6rem;
	line-height: .8;
}

#hero_slider .slick-slide{
	margin-bottom: -3px;
}

#top_section {
	background-color: var(--primary);
	overflow: hidden;
}

#top_section .slider_controls{
	right: 110px;
	bottom: 30px;
	z-index: 20;
	font-size: 2rem;
}

@media (max-width: 767px){
	
	#top_section .slider_controls{
		font-size: 2rem;
		right: auto;
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		        transform: translate(-50%,0%);
	}
}

#hero_slider_playpause.pause{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC42NyAzMS43NiI+IDxwYXRoIGZpbGw9IiNmZmYiIGNsYXNzPSJjbHMtMSIgZD0iTTAsMzEuNzZINy4zNFYwSDBaTTExLjM0LDBWMzEuNzZoNy4zM1YwWiIvPiA8L3N2Zz4=");
}

#hero_previous{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4zNCIgaGVpZ2h0PSIyMS45NCIgdmlld0JveD0iMCAwIDEzLjM0IDIxLjk0Ij4gPGRlZnM+IDxzdHlsZT4gLmNscy0xIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjZmZmOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7IHN0cm9rZS13aWR0aDogM3B4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+IDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+IDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLjg0LDEuNWwtMTAsOC43MkExLDEsMCwwLDAsMS41LDExYTEsMSwwLDAsMCwuMzQuNzZsMTAsOC43MSIvPiA8L2c+IDwvZz4gPC9zdmc+");
}

#hero_next{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4zNCIgaGVpZ2h0PSIyMS45NCIgdmlld0JveD0iMCAwIDEzLjM0IDIxLjk0Ij4gPGRlZnM+IDxzdHlsZT4gLmNscy0xIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjZmZmOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7IHN0cm9rZS13aWR0aDogM3B4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+IDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+IDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEuNSwxLjVsMTAsOC43MmExLDEsMCwwLDEsLjM0Ljc1LDEsMSwwLDAsMS0uMzQuNzZsLTEwLDguNzEiLz4gPC9nPiA8L2c+IDwvc3ZnPg==");
}

@media (max-width: 1100px){
	
	#top_section .main_overlay .inner,
	#hero_slider .home_hero .inner{
		flex: 0 0 100%;
	}
}

@media (max-width: 767px){
	
	#hero_slider_playpause{
		width: 42px;
	}

	#top_section .main_overlay,
	#hero_slider .home_hero .overlay{
		padding-top: 132px;
	}

	#top_section .main_overlay .inner h2,
	#hero_slider .home_hero .inner h2{
		font-size: 4rem;
		margin-bottom: 15px;
	}
}

/* @media (max-height: 680px){ */
/* 	 */
/* 	#top_section .main_overlay .inner h2,  */
/* 	#hero_slider .home_hero .inner h2{ */
/* 		font-size: 3rem; */
/* 	} */
/*  */
/* 	#top_section .main_overlay .inner .big_copy{ */
/* 		font-size: 1rem; */
/* 	} */
/*  */
/* 	#top_section .main_overlay,  */
/* 	#hero_slider .home_hero .overlay{ */
/* 		padding-top: 175px; */
/* 	} */
/* } */
/*  */
/* @media (max-height: 500px){ */
/* 	 */
/* 	#top_section .main_overlay .inner,  */
/* 	#hero_slider .home_hero .inner{ */
/* 		flex: 0 0 80%; */
/* 	} */
/* } */

#statistics {
	padding: 60px 0;
}

#statistics .stat{
	display: flex;
	flex-direction: column;
	flex: 0 0 32%;
	justify-content: center;
	align-items: center;
	padding: 55px 2%;
	background-color: #ffffff;
	color: var(--primary);
	border-radius: 18px;
}

#statistics .stat img{
	width: 100px;
	height: 110px;
}

#statistics .stat:nth-child(even){
	background-color: transparent;
	color: #ffffff;
}

#statistics .stat .num{
	font-size: 6.5rem;
	margin: 30px 0 3px;
}

#statistics .stat:nth-child(even) .num{
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}

.stats_footnote{
	margin-top: 20px;
	font-size: 1.0rem;
	font-style: italic;
}

@media (max-width: 1000px){

	#statistics .stat .num{
		font-size: 4rem;
	}
}

@media (max-width: 1000px){

	#statistics .stat{
		flex-direction: row;
		justify-content: space-between;
		padding: 15px;
	}

	#statistics .stat .num{
		font-size: 5rem;
		margin: 0;
	}

	#statistics .stat .copy{
		flex: 1 1 auto;
		padding: 0 20px;
		text-align: left;
	}

	#statistics .stat img{
		order: 99;
	}
}

@media (max-width: 767px){
	
	#statistics {
		padding: 35px 0;
	}

	#statistics .stat .num{
		flex: 0 0 auto;
		width: 1.3em;
		font-size: 3rem;
		text-align: left;
	}

	#statistics .stat img{
		width: 66px;
		height: auto;
	}

	#statistics .stats_footnote{
		font-size: 0.8rem;
	}
}

#partnerships .sect_heading{
	margin: 6em 0 3em;
}

#partnerships .partner_link {
	height: 205px;
	overflow: hidden;
	margin-bottom: 50px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto;
	border-radius: 10px;
}

@media (max-width: 767px){
	
	#partnerships .partner_link {
		background-size: auto 126%;
	}
}

#partnerships .partner_link a{
	display: inline-flex;
	position: relative;
	width: 100%;
	background-color: transparent;
	height: 100%;
	font-family: var(--title_font);
	font-size: 2rem;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

#partnerships .partner_link a:focus-visible .inner{
	outline: 4px dotted #fff;
}

#partnerships .partner_link .inner{
	display: flex;
	align-items: center;
	padding: 1em 287px 1em 1em;
	min-width: 10%;

	background-image: url(images/backgrounds/black_gradient.png);
	background-position: right top;
	background-repeat: repeat-y;
	transition: padding .3s ease-in-out;
}

@media (min-width: 768px){

	#partnerships .partner_link a:hover .inner{
		padding-left: 2em;
	}
}

@media (min-width: 768px) and (max-width: 1200px){

	#partnerships .partner_link{
		background-position: right -100px top;
	}

	#partnerships .partner_link a{
		font-size: 1.5rem;
	}
}

@media (max-width: 767px){
	
	#partnerships .partner_link {
		height: 100px;
		margin-bottom: 20px;
	}

	#partnerships .partner_link .inner{
		padding: 1em 58% 1em 1em;
	}

	#partnerships .partner_link a{
		font-size: 1.2rem;
	}
}

#upcoming_events {
	padding: 115px 40px;
}

#upcoming_events .sect_heading{
	margin-bottom: 100px;
	padding: 0 45px;
	color: var(--body_text_color);
}

#upcoming_events .inner{
	position: relative;
	padding: 50px 0 65px;
	background-color: #ffffff;
	border-radius: 18px;
}

#upcoming_events .slider_wrap{
	color: var(--body_text_color);
	margin-bottom: 35px;
}

#upcoming_events .event_slide {
	padding: 15px 54px;
}

#upcoming_events .event_copy{
	display: flex;
	flex-direction: column;
	min-height: 185px;
}

#upcoming_events .event_slide .learn_more{
	padding-top: 1em;
	margin: auto 0 0 0;
}

#upcoming_events .event_slide img{
	width: 100%;
	height: 470px;
	margin-bottom: 40px;
	border-radius: 30px;
	box-shadow: 0 0 13px 5px rgb(0 0 0 / 30%);
	object-fit: cover;
}

#upcoming_events .event_slide .event_copy{
	font-size: 1.2rem;
}

#upcoming_events .event_slide h3{
	margin-bottom: 1em;
	font-weight: bold;
}

@media (min-width: 768px){
	
	#upcoming_events .slider_wrap{
		padding-left: 47px;
	}
}

@media (max-width: 767px){
	
	#upcoming_events{
		padding: 50px 20px;
	}

	#upcoming_events .sect_heading{
		text-align: left;
		margin-bottom: 40px;
	}

	#upcoming_events .inner{
		padding: 30px 0;
	}

	#upcoming_events .event_slide{
		padding: 15px 37px;
	}
}

@media (min-width: 501px){

	#upcoming_events .slick-list{
		padding: 0 25% 0 0;
	}
}

@media (min-width: 401px) and (max-width: 500px){

	#upcoming_events .slick-list{
		padding: 0 70px 0 0;
	}
}

@media (max-width: 500px){

	#upcoming_events .event_slide{
		padding: 15px 25px;
	}
}


/* ===================== FAQ ===================== */

 .faq .answer{
    display: none;
	text-align: center;
}

 .faq .answer .inner{
	display: flex;
}

 .faq .answer .faq_half{
	flex: 0 0 50%;
}

 .faq .answer,
 .faq .answer p{
    margin: 0;
    text-transform: none;
    font-size: 1.5rem;
}

 .faq .answer p{
    margin-bottom: 1em;
}

 .faq .answer h4{
	text-transform: uppercase;
}

 .faq .faq_toggle{
	display: inline-block;
	width: 100%;
	margin: 2px;
	background-color: transparent;
	border: none;
	font-weight: normal;
	cursor: pointer;
}

 .faq .faq_toggle,
 .faq .answer{
    padding: 15px 11% 15px 4%;
}

.checklist ul{
	padding-left: 1.5em;
	list-style: none;
}

.checklist .riua_section.std_copy li{
	margin-bottom: .5em;
}

.checklist ul li{
	position: relative;
	padding-left: 2em;
}

.checklist ul li::before{
	content:'';
	display: inline-block;
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 1em;
	height: 1em;
	font-size: 1.4em;
	background-image: url(images/icons/check_circle.svg);
	background-size: contain;
}

/* ===================== Partners ===================== */

#top_copy {
	padding: 45px 0;
	color: #ffffff;
	background-color: var(--secondary);
}

#top_copy.chevron_bknd {
	background-image: url(images/backgrounds/chevron-element.svg), -moz-linear-gradient(left,  rgba(208,0,0,1) 14%, rgba(192,0,0,1) 43%, rgba(87,3,3,1) 100%); /* FF3.6-15 */
	background-image: url(images/backgrounds/chevron-element.svg), -webkit-linear-gradient(left,  rgba(208,0,0,1) 14%,rgba(192,0,0,1) 43%,rgba(87,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: url(images/backgrounds/chevron-element.svg), linear-gradient(to right,  rgba(208,0,0,1) 14%,rgba(192,0,0,1) 43%,rgba(87,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-position: left calc(50% - 432px) center, center;
	background-size: auto 100%, 100% 100%;
	background-repeat: no-repeat;
}

@media (max-width: 1001px){
	#top_copy.chevron_bknd {
		background-image: url(images/backgrounds/chevron-element.svg), -moz-linear-gradient(left,  rgba(192,0,0,1) 1%, rgba(192,0,0,1) 43%, rgba(87,3,3,1) 100%); /* FF3.6-15 */
		background-image: url(images/backgrounds/chevron-element.svg), -webkit-linear-gradient(left,  rgba(192,0,0,1) 1%,rgba(192,0,0,1) 43%,rgba(87,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background-image: url(images/backgrounds/chevron-element.svg), linear-gradient(to right,  rgba(192,0,0,1) 1%,rgba(192,0,0,1) 43%,rgba(87,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position: left calc(50% - 546px) center, center;
	}
}

#top_copy .title_half{
	text-align: center;
}

#top_copy .content_half{
	font-size: 1.6rem;
    font-weight: bold;
	flex: 1 1 auto;
	text-align: center;
}

#top_copy .content_half .inner{
	padding: 45px;
}

#top_copy .content_half p:last-child{
	margin-bottom: 0;
}

#top_copy.chevron_bknd .big_hdr{
	display: inline-block;
	padding: 0em 0 0.2em;
	margin: 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size: 6.2rem;
	line-height: .9;
}

@media (min-width: 1000px){

	#top_copy .title_half{
		flex: 0 0 565px;
	}

	#top_copy .content_half{
		text-align: left;
	}
}

@media (max-width: 767px){
	
	#top_copy h1{
		font-size: 4rem;
	}

	#top_copy.chevron_bknd .big_hdr{
		font-size: 4rem;
	}

}

#ways .img{
	flex: 0 1 auto;
}

#ways img{
	object-position: bottom right;
	height: 100%;
}

#ways .copy{
	flex: 0 0 615px;
}

@media (max-width: 767px){
	
	#ways .inner ul{
		padding-left: 0;
		margin-left: 0;
	}
}

#donation_chart{
	background-repeat: no-repeat;
	background-position: right calc(50% - 480px) center;
	background-size: auto 100%;
}

#donation_chart .copy{
	flex: 1 1 55%;
	justify-content: flex-end;
}

#donation_chart .img{
	flex: 1 1 auto;
}

#donation_chart .stats_footnote{
	font-size: 1.0rem;
	font-style: italic;
	margin-bottom: 1.5em;
}
	

@media (min-width: 768px){

	#donation_chart {
		margin-top: -52px;
	}

	#donation_chart .copy .inner{
		padding-top: 30px;
	}

	#donation_chart .copy{
		padding-left: 0;
	}
	
	
}

@media (min-width: 768px) and (max-width: 1070px){

	#donation_chart .copy .inner{
		width: 70%;
	}

	#donation_chart .arrow_table{
		margin: auto;
		width: 94%;
	}

	.arrow_table tbody td:first-child::before{
		left: 88%;
		background-position: center 4px;
		background-size: 84% 16px;
	}
}

@media (min-width: 1071px){

	#donation_chart .copy .inner{
		width: 67%;
	}
}

#donation_chart img{
	height: 100%;
	object-position: left;
}

@media (max-width: 1200px){

	#donation_chart .copy{
		flex: 1 1 80%;
	}
}

@media (max-width: 768px){
	
	#donation_chart {
		background-image: none !important;
	}

	#donation_chart .logo_bord_wrap{
		text-align: center;
	}
	
	#donation_chart .stats_footnote{
		font-size: 0.8rem;
	}

	.arrow_table tbody td:first-child::before{
		background-size: 98% 14px;
	}
}

#partner_steps {
	background-size: 660px;
}

#partner_steps h2{
	margin-bottom: 3em;
}

#partner_steps ol {
	list-style: none;
}

#partner_steps .partner_step{
	margin-bottom: 2em;
	font-size: 2rem;
	padding-right: 1em;
	width: 50%;
	float: left;
}

#partner_steps ol li{
	position: relative;
	padding-left: 3em;
	margin-bottom: 2em;
	counter-increment: item;
}

#partner_steps ol li::before{
	display: inline-block;
	position: absolute;
		top: -0.2em;
		left: -0.1em;
		z-index: 1;
	font-family: var(--callout_font);
	font-size: 4em;
	color: var(--secondary);
	content: counter(item) ". ";
}

@media (min-width: 768px) and (max-width: 1000px){

	#partner_steps .partner_step{
		font-size: 1.5rem;
	}
}

@media (max-width: 767px){
	
	#partner_steps .partner_step{
		font-size: 1.1rem;
		width: 100%;
	}
	
	#partner_steps .partner_step:nth-child(2){
		margin-bottom: 0px;
	}
}

#partner_logos h2{
	margin: 45px 0;
}

#partner_logos .grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#partner_logos .grid .partner_logo{
	display: flex;
	flex: 0 0 27%;
	justify-content: center;
	align-items: center;
	height: 12rem;
	text-align: center;
}

#partner_logos .grid .partner_logo img{
	max-height: 8rem;
    object-fit: contain;
}

@media (min-width: 1001px){

	#partner_logos .grid .partner_logo{
		flex: 0 0 25%;
	}

	#partner_logos .grid .partner_logo:nth-child(1),
	#partner_logos .grid .partner_logo:nth-child(2),
	#partner_logos .grid .partner_logo:nth-child(3){
		flex: 0 0 33%;
	}

	#partner_logos .grid .partner_logo:nth-child(4),
	#partner_logos .grid .partner_logo:nth-child(5){
		flex: 0 0 40%;
	}
}

@media (max-width: 1000px){

	#partner_logos .grid .partner_logo img{
		max-height: 100px;
		max-width: 156px;
		transform: scale(0.9);
	}

	#partner_logos .grid .partner_logo{
		flex: 0 0 50%;
		height: auto;
		padding: 17px 4%;
	}

	#partner_logos .grid .partner_logo:nth-child(3n + 1){
		flex: 0 0 100%;
	}
}

@media (max-width: 767px){
	
	#partner_logos h2{
		margin: 0 0 1em;
	}
}

/* ===================== RIUA Partners ===================== */

#riua_logos {
	padding-left: 20px;
	padding-right: 20px;
}

#riua_logos h2{
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
}

#riua_logos .grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 50px;
	border-radius: 15px;
}

#riua_logos .grid .partner_logo{
	display: flex;
	flex: 0 0 27%;
	justify-content: center;
	align-items: center;
	height: 10rem;
	text-align: center;
}

#riua_logos .grid .partner_logo img{
	max-height: 8rem;
    object-fit: contain;
}

#riua_logos .grid .partner_logo a{
	display: inline-block;
}

#learn_more.riua_section{
	padding: 100px 0 150px;
}

@media (min-width: 801px){
	
	#riua_logos .grid .partner_logo:nth-child(3n + 2){
		-webkit-transform: translate(0%,5rem);
		transform: translate(0%,5rem);
	}

	#riua_logos .grid .partner_logo:last-child{
		-webkit-transform: none;
		transform: none;
	}
}

@media (max-width: 800px){

	#riua_logos .grid .partner_logo{
		flex: 0 0 42%;
	}

	#riua_logos .grid .partner_logo:nth-child(even){
		-webkit-transform: translate(0%,5em);
		transform: translate(0%,5em);
	}
}

@media (max-width: 767px){
	
	#riua_logos {
		padding-left: 0;
		padding-right: 0;
	}

	#riua_logos .grid{
		border-radius: 0;
	}

	#learn_more.riua_section{
		padding: 50px 0;
		background-size: 80%;
	}
}

/* ===================== Charities ===================== */

.charities h1.hero_hdr{
	width: 3em;
}

.charities #requirements .copy{
	flex: 0 0 53%;
	padding-left: 0;
}

.charities #requirements .copy .inner{
	max-width: 745px;
}

#charity_logos .flex_logos{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#charity_logos .flex_logos .charity_logo{
	display: flex;
	flex: 0 0 20%;
	justify-content: center;
	align-items: center;
	margin: 1em;
}

#charity_logos .flex_logos .charity_logo a{
	display: inline-block;
}

#charity_logos .flex_logos .charity_logo img{
	max-height: 152px;
	object-fit: contain;
}

@media (min-width: 1175px){

	#charity_logos .flex_logos .charity_logo{
		-webkit-transform: translate(20%,0);
		        transform: translate(20%,0);
	}

	#charity_logos .flex_logos .charity_logo:nth-child(8n + 5),
	#charity_logos .flex_logos .charity_logo:nth-child(8n + 6),
	#charity_logos .flex_logos .charity_logo:nth-child(8n + 7),
	#charity_logos .flex_logos .charity_logo:nth-child(8n + 8){
		-webkit-transform: translate(-20%,0);
		        transform: translate(-20%,0);
	}
}

@media (max-width: 767px){
	
	#charity_logos .flex_logos .charity_logo{
		flex: 0 0 30%;
		margin: 2em;
	}

	.charities #requirements h2{
		text-align: center;
	}
}

@media (max-width: 600px){

	#charity_logos .flex_logos .charity_logo{
		flex: 0 0 100%;
		text-align: center;
	}
}

/* ===================== Programs ===================== */

.programs #programs {
	margin-top: 120px;
	background-position: center bottom;
	background-size: 340px;
}

.programs #programs .top_copy{
	margin: 30px 0;
}

.programs #programs .program{
	margin-bottom: 50px;
}

.programs #programs .program .top_copy a{
	display: inline-block;
}

.programs #programs .program .top_copy h2,
.programs #programs .program .top_copy a,
.programs #programs .program .top_copy img{
	flex: 0 0 auto;
}

@media (max-width: 767px){

	.programs #programs .program .top_copy img{
		margin-bottom: 50px;
	}
}

.programs #programs .program .copy{
	font-size: 1.4rem;
}

.programs #programs .program .copy p:last-child{
	margin-bottom: 0;
}

.programs #programs .pgm_images {
	justify-content: center;
}

.programs #programs .pgm_images img {
	flex: 0 0 auto;
	max-width: calc(50vw - 66px);
	margin: 25px;
	border-radius: 10px;
	box-shadow: 0 0 13px 3px rgb(0 0 0 / 60%);
}

.programs #programs .footer_copy{
	margin: 50px 0 0;
}

#programs .donations{
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px){
	
	.programs #programs .program .copy{
		padding-left: 2em;
	}
}

@media (max-width: 767px){
	
	.programs #programs .top_copy{
		text-align: center;
	}

	.programs #programs .top_copy > img{
		margin-bottom: 50px;
	}

	.programs #programs .pgm_images{
		flex-direction: column;
	}

	.programs #programs .pgm_images img{
		max-width: 95%;
		margin-bottom: 20px;
	}

	#programs .donations .cta_yellow span{
		width: 330px;
		max-width: 100%;
	}

}


/* ===================== Our Mission ===================== */

#milestones_slider .milestone{
	padding-left: 50px;
	background-size: 35px;
	font-size: 1rem;
}

#milestones_slider .milestone.slide_1,
#milestones_slider .milestone.slide_3{
	position: relative;
	background-image: url(images/icons/timeline-marker.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#milestones_slider .milestone.slide_2,
#milestones_slider .milestone.slide_4{
	background-image: url(images/icons/timeline-marker-2.svg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
}

@media (min-width: 768px){

	#milestones_slider{
		display: grid;
		grid-column-gap: 10px;
		grid-row-gap: 4px;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;  
		justify-items: center;
	}

	#milestones_slider .milestone .copy{
		max-width: 400px;
	}

	#milestones_slider .milestone.slide_1{
		grid-area: 1 / 1 / 2 / 4;
	}

	#milestones_slider .milestone.slide_2{
		grid-area: 2 / 2 / 3 / 5;
	}

	#milestones_slider .milestone.slide_3{
		grid-area: 1 / 4 / 2 / 7;
	}

	#milestones_slider .milestone.slide_4{
		grid-area: 2 / 5 / 3 / 8;
	}

	#milestones_slider .milestone.slide_1::after,
	#milestones_slider .milestone.slide_3::after{
		display: inline-block;
		position: absolute;
		bottom: -5px;
		left: 50%;
		z-index: 1;
		width: 200%;
		height: 5px;
		background-color: var(--secondary);
		content:'';

		-webkit-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
	}
}

@media (max-width: 767px){
	
	#timeline{
		background-size: 90%;
	}

	#milestones_slider .slick-list{
		padding-right: 80px;
	}

	#milestones_slider .milestone.slide_2, 
	#milestones_slider .milestone.slide_4{
		padding-top: 20px;
	}

	#milestones_slider .slick-dots button{
		margin: 0 0.4em;
	}

	#milestones_slider {
		--timeline_height: 200px;
	}

	#milestones_slider::after {
		display: inline-block;
		position: absolute;
			top: var(--timeline_height);
			bottom: auto;
			left: 0;
			z-index: 1;
		width: 100vw;
		height: 5px;
		background-color: var(--secondary);
		content:'';

		-webkit-transform: none;
		        transform: none;
	}
}

#timeline .container{
	overflow: hidden;
}

#timeline h3{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: .5em;
}

#statistics .stat_heading{
	margin-bottom: 1em;
}

#statistics .stat_heading h2{
	margin-bottom: 0;
}

#statistics .stat_heading .sub_head{
	font-size: 1rem;
	margin-top: 1em;
}

#testimonials {
	padding-bottom: 100px;
}

#testimonials .container{
	padding-bottom: 50px;
	border-radius: 15px;
}

#testimonials .testimonial .inner{
	display: flex;
}

#testimonials .testimonial .img{
	flex: 1 0 auto;
}

#testimonials .testimonial .copy{
	flex: 0 1 90%;
	padding: 0 3%;
}

@media (max-width: 767px){

	#testimonials .testimonial .img{
		display: none;
	}

	#testimonials .testimonial .inner{
		display: block;
	}
}

@media (max-width: 1340px){
	
	#testimonials .container{
		width: calc(100% - 60px);
	}
}

.our_mission #foot_img .bknd{
	height: 370px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

@media (min-width: 768px){

	.our_mission #foot_img .bknd{
		height: 30vw;
	}
}

/* ===================== Donations ===================== */

.donations .container{
	width: 950px;
}

.donations legend{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

.donations .donations_container{
	position: relative;
		z-index: 10;
	padding-bottom: 10px;
	margin-top: -200px;
}

.donations .donation{
	padding: 50px 10%;
	margin-bottom: 50px;
	background-color: #ffffff;
	border-radius: 15px;
	color: #000000;
}

.donations .donation .copy{
	text-align: left;
}

.donations .donate_btn input{
	width: auto;
	max-width: 100%;
}

@media (max-width: 1450px){
	.donations .donations_container{
		margin-top: -100px;
	}
}

/* ===================== Press ===================== */

#primary.press{
	padding: 0 0 50px;
}

.press .container{
	width: 860px;
}

.press #articles{
	margin-top: 100px;
}

.press_post:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

.press_post{
	border-radius: 15px;
	padding: 40px;
	margin-bottom: 20px;
}

.press_post .press_content{
	margin-bottom: 10px;
}

@media (max-width: 767px){
	
	.press_post h2{
		font-size: 1.3rem;
	}
}

/* ===================== Legal ===================== */

.legal .container{
	width: 860px;
}

.legal section.reg_content{
	font-size: 1rem;
}

.legal .std_copy h2{
	font-size: 1.5rem;
}

.legal .std_copy h2{
	font-size: 1.3rem;
}

/* ===================== About Us ===================== */

@media (max-width: 1300px){

	#difference .container{
		padding-left: 0;
		padding-right: 0;
	}
}

#who_we_are {
	padding: 50px 0;
}

#who_we_are .personnel .column{
	flex: 0 0 50%;
}

#who_we_are h2{
	font-size: 2rem;
}

@media (max-width: 767px){

	#who_we_are h2{
		font-size: 1.6rem;
	}
}

#who_we_are .member{
	border-radius: 15px;
	position: relative;
	padding: 1.5em;
	margin: 1.5em .75em;
}

#who_we_are .member h3{
	margin-bottom: 0;
}

#who_we_are .member .copy{
	display: none;
	margin-top: 2em;
}

#who_we_are .member .member_toggle{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 6em;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS44NyAyOS44NyI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzFkMWQxZDsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IDRweDsgfSA8L3N0eWxlPiA8L2RlZnM+IDxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPiA8ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPiA8bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyOS44NyIgeTE9IjE0LjkzIiB5Mj0iMTQuOTMiLz4gPGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTQuOTMiIHkxPSIyOS44NyIgeDI9IjE0LjkzIi8+IDwvZz4gPC9nPiA8L3N2Zz4=");
	background-size: 20px;
	background-position: right 2em top 2em;
	background-repeat: no-repeat;
}

#who_we_are .member .member_toggle.reveal{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS44NyA0Ij4gPGRlZnM+IDxzdHlsZT4gLmNscy0xIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjMWQxZDFkOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogNHB4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+IDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+IDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjI5Ljg3IiB5MT0iMiIgeTI9IjIiLz4gPC9nPiA8L2c+IDwvc3ZnPg==");
	background-position: right 2em top 2.6em;
}

#who_we_are .member .name{

}

#who_we_are .member .title{
	font-weight: normal;
}

/* ===================== Contact ===================== */
/* ===================== Become A Partner ===================== */

.form_page.become_partner #top_copy .std_copy h1{
	font-size: 2rem;
}

@media (min-width: 768px){

	#input_1_18{
		height: 18em;
	}
}

@media (max-width: 767px){
	textarea{
		max-height: 10em;
	}
}

.become_partner #top_copy{
	position: relative;
		z-index: 1;
	max-width: 95%;
	margin: auto;
	background: none;

	-webkit-transform: translate(0,-335px);
	        transform: translate(0,-335px);
}

@media (min-width: 768px) and (max-width: 1200px){

	.become_partner #top_copy{
		-webkit-transform: translate(0,-415px);
				transform: translate(0,-415px);
	}
}

.become_partner #top_copy .container{
	padding: 50px;
}

.become_partner #form{
	padding: 0 0 100px;
	margin-top: -295px;
}

.become_partner .statistics{
	display: grid;
	width: 1048px;
	max-width: 100%;
	margin: auto;
	background-image: url(images/footer_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 242px;
	font-size: 1.2rem;
	line-height: 1.3;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
}

.become_partner .statistics .stat{
	display: flex;
	flex: 0 0 50%;
	margin-bottom: 45px;
}

.become_partner .statistics .stat .number{
	font-family: var(--callout_font);
	font-size: 4rem;
	margin-right: .5em;
}

@media (min-width: 1071px){

	.become_partner .statistics {
		grid-template-columns: 20px auto 20px 19% 20px auto 20px; 
		grid-gap: 25px;
	}

	.become_partner .statistics .stat:nth-child(1){
		grid-area: 1 / 2 / 2 / 4;
	}

	.become_partner .statistics .stat:nth-child(2){
		grid-area: 1 / 5 / 2 / 7;
	}

	.become_partner .statistics .stat:nth-child(3){
		grid-area: 2 / 1 / 3 / 3;
	}

	.become_partner .statistics .stat:nth-child(4){
		grid-area: 2 / 6 / 3 / 8;
	}

	.become_partner .statistics .stat:nth-child(5){
		grid-area: 3 / 2 / 4 / 4;
	}

	.become_partner .statistics .stat:nth-child(6){
		grid-area: 3 / 5 / 4 / 7;
	}
}

@media (max-width: 1070px){
	
	.become_partner .statistics {
		padding-top: 270px;
		background-position: center top;
		grid-column-gap: 30px;
	}

	.become_partner .statistics .stat{
		margin-bottom: 20px;
	}
}

@media (max-width: 767px){
	
	.become_partner #top_copy .container{
		padding: 50px 10px;
	}

	.become_partner .statistics .stat .number{
		font-size: 3rem;
	}

	.become_partner .stats_footnote{
		text-align: center;
	}
}

@media (max-width: 650px){
	
	.become_partner .statistics {
		grid-template-columns: 1fr;
	}
}

/* ===================== Sitemap ===================== */

.sitemap {
	padding: 50px 0;
}

.sitemap .children{
	padding-left: 2em;
}

.sitemap h2{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1em;
}

.sitemap li{
	font-size: 1.2rem;
	line-height: 2;
}

/* ===================== 404 ===================== */

.fourohfour{
	padding: 100px 0;
	font-size: 2rem;
	text-align: center;
}

.fourohfour p{
	margin-bottom: 1em;
}

.fourohfour h1{
	font-size: 9rem;
	line-height: .4;
}

.fourohfour h1 .hdr{
	font-size: .3em;
}

/* ===================== Location General ===================== */

#map_wrap{
    position: relative;
}

/* ===================== Locations ===================== */

.locations #location_listing{
    flex: 0 1 30%;
    height: 100%;
    overflow: auto;
}

.locations #map_wrap{
    flex: 0 1 70%;
}

.locations #map{
    height: calc(100% - 60px);
}


#map_wrap #map_controls{
    position: absolute;
	    right: 20px;
	    bottom: 20px;
	    z-index: 1;
}

#map_wrap #map_controls button{
    width: 1em;
    height: 1em;
    padding: 0;
    background-color: #FFF;
    font-size: 2.5rem;
    line-height: 1;
}

.locations #location_listing .loc_block_wrap{
    margin-bottom: 50px;
}


@media (min-width: 768px){
    .locations #location_content{
        display: flex;
        height: 500px;
    }

    .locations #map_wrap{
        padding-left: 50px;
    }
}

@media (max-width: 767px){
    .locations #map_wrap{
        height: 500px;
    }
}

/* ===================== Single Event ===================== */


.single-event #primary_nav #main_logo::after{
	content: none;
}

.event_single .page-content{
	min-height: 500px;
}

.event_single .event_thumb{
	margin-bottom: 20px;
}

.event_single .content_block{
	width: 1000px;
	max-width: 95%;
	padding: 50px 20px;
	margin: 225px auto 50px;
	border-radius: 15px;
}

.event_single .content_block h1{
	margin-top: 0;
}

/* ===================== Regular Page ===================== */

section.reg_content{
	padding: 50px 0;
    font-size: 1.5rem;
}

/* ===================== Popup ===================== */

#popup{
    display: none;
    position: fixed;
	    top: 0;
	    left: 0;
		z-index: 110;
    width: 100vw;
    height: 100vh;
    pointer-events: auto;
    background-color: rgba(0,0,0,.5);
    opacity: 0;

    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
}

#popup_wrap{
	display: none;
	position: fixed;
		top: 50%;
		left: 50%;
		z-index: 100;
	width: 800px;
	max-width: 90%;
	background-color: var(--light_gray);
	background-repeat: no-repeat;
	background-position: right center;
	border-radius: var(--radius);
	font-size: .8rem;

	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}


#popup_wrap .inner{
	display: flex;
	min-height: 350px;
}

#popup_wrap #popup_dismiss{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 1em;
	height: 1em;
	margin-top: 0;
	background-size: contain;
	font-size: 4.5rem;
}


#popup_wrap #popup_header{
	margin: 0 0 0.4em;
	font-size: 2rem;
	text-align: center;
}

#popup_wrap #popup_content {
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: auto;
}

#popup_wrap #popup_content .inner{
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 0;
}

#popup_overlay{
    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 70;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

#popup.show{
    display: block;
}

#popup.reveal{
    opacity: 1;
}

@media (min-width: 768px){

	#popup_wrap #popup_content{
		/* width: 60%; */
		/* padding-top: 50px; */
	}
}

@media (max-width: 767px){
    
    #popup_wrap{
			top: 100px;
		padding-bottom: 31%;
		background-position: center bottom;
		background-size: 100% auto;

		-webkit-transform: translate(-50%,0%);
		        transform: translate(-50%,0%);
	}

	#popup_wrap #popup_content{
		/* padding: 40px 6%; */
	}
}

@media (max-width: 500px){
	
	#popup_wrap #popup_header{
		font-size: 1.5rem;
	}

	#popup_wrap #popup_content h2{
		margin-bottom: 0.5em;
		font-size: 2.6rem;
	}

	#popup_wrap .app_links a{
		height: 45px;
	}
}

@media (max-height: 640px){
	
	#popup_wrap{
		height: 72vh;
	}
}

/* logo grid */

#logo_grid{
	padding-top: 10px;
}

#logo_grid h1{
	font-size: 3rem;
	margin: 75px 0;
}

.grid_logos{
	/* display: grid; */
	/* grid-gap: 10px; */
	/* grid-template-columns: 1fr 1fr 1fr; */
	/* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
	/* justify-items: center; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.grid_logos .logo_block{
	display: flex;
	flex: 0 0 27%;
	justify-content: center;
	align-items: center;
	height: 10rem;
	margin: 1em;
}

.grid_logos .logo_block a{
	display: inline-block;
}

.grid_logos .logo_block img{
	object-fit: contain;
	max-width: 10em;
    max-height: 6em;
}

@media (min-width: 901px){

	.grid_logos {
		padding-top: 2rem;
	}

	.grid_logos .logo_block:nth-child(9n + 4),
	.grid_logos .logo_block:nth-child(9n + 5){
		flex: 0 0 34%;
	}

	.grid_logos .logo_block:nth-child(9n + 6),
	.grid_logos .logo_block:nth-child(9n + 7),
	.grid_logos .logo_block:nth-child(9n + 8),
	.grid_logos .logo_block:nth-child(9n + 9){
		flex: 0 0 21%;
	}

	/* .grid_logos .logo_block:nth-child(3n + 2){ */
	/* 	-webkit-transform: translate(0%,-5rem); */
	/* 	transform: translate(0%,-5rem); */
	/* } */
}

@media (max-width: 800px){

	#logo_grid{
		padding: 175px 0 100px;
	}

	#logo_grid h1{
		margin: 20px 0;
		font-size: 2rem;
	}

	/* .grid_logos{ */
	/* 	grid-template-columns: 1fr 1fr; */
	/* } */

	.grid_logos .logo_block{
		flex: 0 0 42%;
	}

	/* .grid_logos .logo_block:nth-child(even){ */
	/* 	-webkit-transform: translate(0%,5em); */
	/* 	transform: translate(0%,5em); */
	/* } */
}


