@font-face {
    font-family: 'Isidora Sans';
    src: url('fonts/IsidoraSans-Black.woff2') format('woff2'),
        url('fonts/IsidoraSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Isidora Sans It';
    src: url('fonts/IsidoraSans-RegularIt.woff2') format('woff2'),
        url('fonts/IsidoraSans-RegularIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Isidora Sans';
    src: url('fonts/IsidoraSans-Regular.woff2') format('woff2'),
        url('fonts/IsidoraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Isidora Sans';
    src: url('fonts/IsidoraSans-Bold.woff2') format('woff2'),
        url('fonts/IsidoraSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Isidora Sans Bold It';
    src: url('fonts/IsidoraSans-BoldIt.woff2') format('woff2'),
        url('fonts/IsidoraSans-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Isidora Sans';
    src: url('fonts/IsidoraSans-Light.woff2') format('woff2'),
        url('fonts/IsidoraSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Isidora Sans SemiBold It';
    src: url('fonts/IsidoraSans-SemiBoldIt.woff2') format('woff2'),
        url('fonts/IsidoraSans-SemiBoldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Isidora Sans Black It';
    src: url('fonts/IsidoraSans-BlackIt.woff2') format('woff2'),
        url('fonts/IsidoraSans-BlackIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Isidora Sans Thin It';
    src: url('fonts/IsidoraSans-ThinIt.woff2') format('woff2'),
        url('fonts/IsidoraSans-ThinIt.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Isidora Sans Light It';
    src: url('fonts/IsidoraSans-LightIt.woff2') format('woff2'),
        url('fonts/IsidoraSans-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Isidora Sans Medium It';
    src: url('fonts/IsidoraSans-MediumIt.woff2') format('woff2'),
        url('fonts/IsidoraSans-MediumIt.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Isidora Sans';
    src: url('fonts/IsidoraSans-Medium.woff2') format('woff2'),
        url('fonts/IsidoraSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Isidora Sans';
    src: url('fonts/IsidoraSans-Thin.woff2') format('woff2'),
        url('fonts/IsidoraSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Isidora Sans';
    src: url('fonts/IsidoraSans-SemiBold.woff2') format('woff2'),
        url('fonts/IsidoraSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-Semibold.woff2') format('woff2'),
        url('fonts/AustinWeb-Semibold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-MediumItalic.woff2') format('woff2'),
        url('fonts/AustinWeb-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-SemiboldItalic.woff2') format('woff2'),
        url('fonts/AustinWeb-SemiboldItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-Medium.woff2') format('woff2'),
        url('fonts/AustinWeb-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-LightItalic.woff2') format('woff2'),
        url('fonts/AustinWeb-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Austin Web Roman';
    src: url('fonts/AustinWeb-Roman.woff2') format('woff2'),
        url('fonts/AustinWeb-Roman.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-Extrabold.woff2') format('woff2'),
        url('fonts/AustinWeb-Extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-Light.woff2') format('woff2'),
        url('fonts/AustinWeb-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-ExtraboldItalic.woff2') format('woff2'),
        url('fonts/AustinWeb-ExtraboldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Austin Web Roman';
    src: url('fonts/AustinWeb-RomanItalic.woff2') format('woff2'),
        url('fonts/AustinWeb-RomanItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-Bold.woff2') format('woff2'),
        url('fonts/AustinWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Austin Web';
    src: url('fonts/AustinWeb-BoldItalic.woff2') format('woff2'),
        url('fonts/AustinWeb-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}


body {
	margin:0;
	padding:0;
	color:#40403f;
	/*background:url(images/support.png) 50% 0 no-repeat;*/
	font-family:'Austin Web', sans;
	letter-spacing:0.55px;
	line-height:1.5em;
}
a {
	color:#007cb4;
	text-decoration:none;
}
.more a,
a.more {
	font-family:'Isidora Sans', sans-serif;
	font-size:14px;
	letter-spacing:3px;
	font-weight:700;
}
.button a,
a.btn {
	display:inline-block;
	font-family:'Isidora Sans', sans-serif;
	font-weight:600;
	font-size:15px;
	text-align:center;
	color:#ffffff;
	background-color:#41a7af;
	padding:5px 10px 8px 10px;
	white-space:nowrap;
	letter-spacing:2px;
}
h1, h2, h3, h4, h5, h6, h7 {
	color:#007cb4;
	font-weight:400;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, h7:first-child {
	margin-top:0;
}
h2 {
	font-size:30px;
	letter-spacing:2px;
	line-height: 1em;
}
h3 {
	color:inherit;
	text-transform:uppercase;
	font-family:'Isidora Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	letter-spacing:3px;
}
h4 {
	font-family:'Isidora Sans', sans-serif;
	font-size:24px;
	letter-spacing:0.15em;
	line-height:1.3em;
	font-weight:700;
	margin-top:0;
}
h5 {
	font-family:'Isidora Sans', sans-serif;
	font-size:14px;
	letter-spacing:3px;
	font-weight:700;
}
hr {
	border:none;
	border-top:solid 1px #808080;
	margin:0 -20px 0 -20px;
}
header {
	display:block;
	position:relative;
	z-index:1000;
}
header > div.controls {
	padding-top:22px;
	padding-bottom:35px;
}
header > div.controls div {
	vertical-align:middle;
}
header > div.menu {
	padding:18px 0 12px 0;
}
header .donate {
	padding:0 15px;
	text-align:center;
}
header #logo {
}
header #mobile-menu-toggle {
	display:none;
}
header #headerMenu {
	float:right;
	font-family:'Isidora Sans', sans-serif;
	font-weight:600;
	font-size:14px;
	line-height:30px;
	letter-spacing:0.15em;
}
header #headerMenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
header #headerMenu ul li {
	display:inline-block;
	position:relative;
}
header #headerMenu ul li a {
	display:inline-block;
	margin-left:22px;
	text-transform:uppercase;
	color:#41a7af;
	white-space:nowrap;
}
header #headerMenu ul li.active > a {
	color:#007cb4;
}
header #headerMenu ul li ul {
	display:none;
	position:absolute;
	top:30px;
	left:0;
	background:rgba(255,255,255,0.9);
	padding-top:15px;
	padding-right:22px;
	padding-bottom:15px;
}
header #headerMenu ul li:hover ul {
	display:block;
}
header #headerMenu ul li ul li {
	display:block;
}
header #headerMenu ul li ul li a {
	color:#808080;
	font-family:'Austin Web', sans;
	letter-spacing:0.55px;
	line-height:1.5em;
	text-transform:none;
}
main {
	clear:both;
	display:block;
}
figure {
	font-size:0;
	line-height:0;
}
.faq,
.row,
.wrapper {
	max-width:940px;
	margin:0 auto;
	clear:both;
	/*overflow:hidden;*/
}
.header,
.sponsors,
.quote,
.fullscreen {
	max-width:100vw;
}
main .row {
	/*margin-top:20px;*/
	overflow:hidden;
}
.row > div {
	display:table;
	margin:0 auto;
	width:100%;
}
.row > hr {
	margin-top:20px;
	margin-bottom:20px;
}
.row > h2 {
	padding:20px;
	padding-bottom:0;
	margin:0;
}
.row > div > div {
	display:table-cell;
}
main .row > div > div {
	padding:20px;
	box-sizing:border-box;
	vertical-align: top;
}
main .row > div > div  figure,
main .row > div > div  figure > img {
	width:100%;
}
.row.sponsors {
	color:#ffffff;
	background-color:#66b0d2;
	text-align:center;
	padding-bottom:13px;
	margin-top:-20px;
}
.row.sponsors > div,
.row.sponsors > div > div {
	margin:0 auto;
	display:block;
}
.row.sponsors > div > div > h3 {
	font-family:'Isidora Sans', sans-serif;
	font-weight:600;
	font-size:16px;
	margin:0 0 20px 0;
	color:inherit;
	letter-spacing:2.5px;
}
.row.sponsors > div > div > figure {
	width:auto;
}
.row.sponsors > div > div > figure > img {
	width:auto;
	margin:0 25px;
}
.slideshow.announcements {
	margin-top:50px;
}
.row.map figure,
.row.youtube figure {
	position:relative; 
	width:100%; 
	height:0px; 
	padding-bottom:56.25%;
}
.row.map figure > iframe,
.row.youtube figure > iframe {
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%;
}
.row.quote {
	background-color:#83c6cb;
	color:#ffffff;
	font-family:'Isidora Sans', sans-serif;
	font-weight:600;
	letter-spacing:3px;
}
.row.quote > div {
	width:70%;
	max-width:640px;
	padding-top:40px;
	padding-bottom:40px;
}
.row.quote > div > div em {
	color: #40403f;
	font-family: 'Austin Web', sans;
	font-weight:300;
	letter-spacing:1px;
}
.row.map figure {
	height:550px;
	padding-bottom:0;
}
.row.fullscreen > div > div {
	padding-left:0;
	padding-right:0;
}
.row.contact .row > div > div {
	vertical-align:top;
	padding:0;
}
.row.vatop > div > div {
	vertical-align:top;
}
.row.vamiddle > div > div {
	vertical-align:middle;
}
.row.vabottom > div > div {
	vertical-align:bottom;
}
.rowTitle {
	text-align:center;
}
figure {
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0;
	text-align:center;
}
@keyframes move-in-next {
  0% {
    left: 100vw;
  	opacity:1;
  }
  100% {
    left: 0;
  	opacity:1;
  }
}
@keyframes move-out-next {
  0% {
    left: 0;
  	opacity:1;
  }
  99% {
  	opacity:1;
  }
  100% {
    left: -100vw;
  	opacity:0;
  }
}
@keyframes move-in-prev {
  0% {
    left: -100vw;
  	opacity:1;
  }
  100% {
    left: 0;
  	opacity:1;
  }
}
@keyframes move-out-prev {
  0% {
    left: 0;
  	opacity:1;
  }
  99% {
  	opacity:1;
  }
  100% {
    left: 100vw;
  	opacity:0;
  }
}
.slideshow {
	max-width:940px;
	margin:20px auto;
	clear:both;
	overflow:hidden;
	height:550px;
	position:relative;
}
main > .slideshow:first-child {
	margin-top:0;
}
.slideshow > div {
	position:relative;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}
.slideshow > div > div {
	overflow:hidden;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	background-color:#fff;
	opacity:0.001;
}
.slideshow > div > div.active {
	opacity:1;
	z-index:100;
}
.slideshow > div > div.next {
	animation: move-out-next 1s;
}
.slideshow > div > div.active.next {
	animation: move-in-next 1s;
}
.slideshow > div > div.prev {
	animation: move-out-prev 1s;
}
.slideshow > div > div.active.prev {
	animation: move-in-prev 1s;
}
.slideshow > nav {
	width:100%;
	height:100%;
	max-width:940px;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	margin:0 auto;
	z-index:200;
	pointer-events:none; 
}
.slideshow > nav > a {
	position:absolute;
	top:50%;
	/*bottom:0;*/
	width:25px;
	height:50px;
	margin-top:-25px;
	z-index:200;
	/*background-size:auto 50px;*/
	background-repeat:no-repeat;
	pointer-events:auto;
}
.slideshow > nav > a.prev {
	/*cursor:url(images/prev.cur), w-resize;*/
	background-image:url(images/la.png);
	background-position: 2% 50%;
	left:0;
}
.slideshow > nav > a.next {
	/*cursor:url(images/next.cur), e-resize;*/
	background-image:url(images/ra.png);
	background-position: 98% 50%;
	right:0;
}
.slideshow > nav > a[disabled] {
	cursor:default;
}
.slideshow > nav > a[disabled].prev {
	background-image:url(images/l.png);
}
.slideshow > nav > a[disabled].next {
	background-image:url(images/r.png);
}
.slideshow.fullWidth {
	max-width:100vw;
}
.slideshow.fullWidth > div > div > div {
	max-width:940px;
	padding-left:45px;
	padding-top:102px;
	padding-right:530px;
	margin:0 auto;
	box-sizing:border-box;
}
.slideshow.fullWidth > div > div.textOnRight > div {
	padding-left:530px;
	padding-right:45px;
}
.slideshow.fullWidth > div > div > div h2 {
	margin-top:0;
	font-size:40px;
	color:#ffffff;
}
.slideshow.fullWidth > div > div > div h3 {
	color:#ffffff;
}
.slideshow.imageLeft {
	height:468px;
}
.slideshow.imageLeft > div > div {
	display:table;
}
.slideshow.imageLeft > div > div > img {
	display:table-cell;
	vertical-align:middle;
	margin-left:50px;
}
.slideshow.imageLeft > div > div.textOnRight > img {
	margin-left:50px;
	margin-right:50px;
}
.slideshow.imageLeft > div > div > div {
	display:table-cell;
	vertical-align:middle;
}
.slideshow.imageLeft > div > div > div h2 {
	margin-top:0;
	margin-bottom:16px;
}
.slideshow.fullWidth > div > div > div h3,
.slideshow.imageLeft > div > div > div h3 {
	margin-top:16px;
	margin-bottom:26px;
	letter-spacing:3px;
	font-size:16px;
	font-weight:600;
}
.slideshow.imageLeft > div > div > div h3 {
	font-weight:700;
}
.slideshow.imageLeft > div > div > div p {
	font-size:16px;
}
.slideshow.imageTop {
	text-align:center;
	max-width:940px;
}
.slideshow.imageTop/*,
.slideshow.imageTop > div > div*/ {
	height:630px;
}
.archive a {
	font-family:'Isidora Sans', sans-serif;
	font-size:14px;
	letter-spacing:3px;
	font-weight:700;
	color: #808080;
}
.archive a.active {
	color: #007cb4;
}
.archive a.active:after {
	content:" X ";
}
.faq {
	max-width: 480px;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:solid 1px #808080;
}
.faq:last-of-type {
	border-bottom:none;
}
.faq .question .more {
	display:block;
}
.faq .answer {
	display:none;
}
.faq.open .question .more {
	display:none;
}
.faq.open .answer {
	display:block;
}
.events p {
	margin:0;
}
.events a {
	color: #808080;
}
.events a strong {
	display:inline-block;
	width:117px;
	font-family:'Isidora Sans', sans-serif;
	letter-spacing:3px;
	font-weight:700;
	color:#007cb4;
	text-transform:uppercase;
}
.contacts {
	color:#808080;
}
.contacts h3 {
	margin:0;
	color:#40403f;
}
.contacts p {
	margin:0;
}
.contacts a {
	color:inherit;
}
#instafeed {
	margin-top:20px;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
}
#instafeed > a {
    display: inline-block;
    width: calc(25% - 20px);
    height: 0;
    padding-bottom: calc(25% - 20px);
    margin: 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
footer.wrapper {
	display:block;
	text-align:center;
	color:#808080;
	font-size:8.5px;
	padding-bottom:40px;
	margin-top:20px;
	line-height:1.2em;
	letter-spacing:1px;
}
footer hr {
	margin-bottom:33px;
}
footer a {
	color:inherit;
}
footer > a {
	display:inline-block;
	padding:0 5px;
	font-family:'Isidora Sans', sans-serif;
	font-weight:600;
	font-size:10.5px;
	color:#41a7af;
	text-transform:uppercase;
	letter-spacing:2.5px;
	line-height:1.8em;
}
footer > nav {
	margin-top:10px;
}
.footerMenu a {
	display:inline-block;
	padding:0 10px;
	border-right:solid 1px #808080;
}
.footerMenu a:last-child {
	border-right:none;
}
.socialLinks a {
	font-size:0;
	color:transparent;
	display:inline-block;
	width:20px;
	height:20px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	margin:0 10px;
}
.socialLinks a.facebook {
	background-image:url(images/facebook.svg);
}
.socialLinks a.twitter {
	background-image:url(images/twitter.svg);
}
.socialLinks a.instagram {
	background-image:url(images/instagram.svg);
}
.socialLinks a.youtube {
	background-image:url(images/youtube.svg);
}
.socialLinks a.tunein {
	background-image:url(images/tunein.svg);
	width:36px;
}
.socialLinks a.iheart {
	background-image:url(images/iheart.svg);
}
.contact .socialLinks a {
	width:32px;
	height:32px;
}
.contact .socialLinks a.facebook {
	background-image:url(images/facebook-c.svg);
}
.contact .socialLinks a.twitter {
	background-image:url(images/twitter-c.svg);
}
.contact .socialLinks a.instagram {
	background-image:url(images/instagram-c.svg);
}
.contact .socialLinks a.youtube {
	background-image:url(images/youtube-c.svg);
}
.contact .socialLinks a.tunein {
	background-image:url(images/tunein-c.svg);
	width:57px;
}
.contact .socialLinks a.iheart {
	background-image:url(images/iheart-c.svg);
}
.contact .socialLinks a:first-child {
	margin-left:0;
}
.contact .socialLinks a:last-child {
	margin-right:0;
}
.contact h5 {
	margin-top:1em;
	margin-bottom:0;
	color:inherit;
}
.contact p {
	margin:0;
}

@media (max-width:769px) {
	header > div.controls {
		padding-top:97px;
		padding-bottom:0;
	}
	header > div.controls div {
		text-align:center;
		padding-bottom:10px;
	}
	header > div.controls div img {
		max-width:90%;
	}
	header > div.menu {
		padding-left:20px;
		padding-right:20px;
		position: absolute;
		top: 0;
		width: 100%;
		box-sizing: border-box;
		z-index: 1000;
		background-color:#fff;
	}
	header > hr {
		position: absolute;
		top: 76px;
		width:100%;
		z-index: 999;
	}
	header #mobile-menu-toggle {
		font-size:0;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-image:url(images/bars.svg);
		display:inline-block;
		width:22px;
		height:22px;
		float:right;
	}
	header #headerMenu {
		float:none;
		display:none;
	}
	header #headerMenu.open {
		display:block;
	}
	header #headerMenu ul li {
		display:block;
		text-align:center;
		line-height:32px;
	}
	header #headerMenu ul li a {
		margin:0;
	}
	header #headerMenu ul li:hover ul,
	header #headerMenu ul li.active ul {
		position:static;
		display:block;
		padding:0;
	}
	.row > div,
	.row > div > div {
		display:block;
		box-sizing:border-box;
		width:100% !important;
	}
	.row > div > div {
		width:100% !important;
	}
	.row.sponsors > div > div > figure > img {
		margin-bottom:25px;
	}
	.row.quote > div {
		width:100%;
	}
	.slideshow.fullWidth > div > div {
		background-size:auto 215px;
		background-position:50% 0;
	}
	.slideshow.fullWidth > div > div > div,
	.slideshow.fullWidth > div > div.textOnRight > div {
		padding-top:235px;
		padding-left:20px;
		padding-right:20px;
	}
	.slideshow.fullWidth > div > div > div h2,
	.slideshow.fullWidth > div > div > div h3 {
		color:#40403f;
	}
	.slideshow.imageLeft {
		height:820px;
		padding-left:20px;
		padding-right:20px;
	}
	.slideshow.imageLeft > div > div,
	.slideshow.imageLeft > div > div > img,
	.slideshow.imageLeft > div > div.textOnRight > img,
	.slideshow.imageLeft > div > div > div {
		display:block;
		margin:0;
	}
	.slideshow.imageLeft > div > div > img,
	.slideshow.imageLeft > div > div.textOnRight > img {
		max-width:100%;
		margin:0 auto;
		margin-bottom:20px;
	}
	.slideshow.imageTop {
		max-width:100%;
		padding-left:20px;
		padding-right:20px;
	}
	.slideshow.imageTop > div > div > img,
	.slideshow.imageTop > div > div.textOnRight > img {
		max-width:100%;
		margin:0 auto;
	}
	.slideshow > div > div.next,
	.slideshow > div > div.active.next,
	.slideshow > div > div.prev,
	.slideshow > div > div.active.prev {
		animation: none;
	}
	.slideshow > nav {
		display:none;
	}
	hr {
		margin:0;
	}
	.faq {
		padding-left:20px;
		padding-right:20px;
	}
	#instafeed {
		padding-left:20px;
		padding-right:20px;
	}
	#instafeed > a {
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 100%; 
		margin:0;
		margin-bottom: 20px;
	}
	footer {
		padding-left:20px;
		padding-right:20px;
	}
	footer > hr {
		margin:0 -20px;
	}
	footer > a,
	.footerMenu a {
		display:block;
		border-right:none;
		line-height:28px;
		font-size:14px;
	}
}
