/* Table of Content
==================================================
	#Site Styles
	#Mobile Nav Styles
	#Media Queries
	#Print Styles
/*

/* #Site Styles --------------- */
html {-webkit-font-smoothing: antialiased;}
html, body {font-family: 'Open Sans', sans-serif; font-weight:300; background:#cee2e3; font-size:15px; color:#4c4c4c;}
body {background:url(../img/body-int.jpg) repeat-x;}
	body.homepage {background:url(../img/body-bg.jpg) repeat-x;}

p {font-weight:300;}

a {color:#d5303f; text-decoration:underline;}
a:hover , a:focus, a:active {outline:none; text-decoration:underline;}

h1, h2, h3, h4, h5 {font-family: 'Oswald', sans-serif;}
h1 {font-size:37px; font-weight:700; color:#d5303f;}
h2 {font-size:24px;}
h3 {font-size:27px; font-weight:700; color:#2c8b88;}

strong {color:#2c8b88; font-weight:bold;}

.table {display:table; /* Allow the centering to work */ margin: 0 auto;}
.row.full-width {width:100%; max-width:100%;}

/* #Mobile Nav Styles --------------- */
	.bt-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height:0;
		border-width:0px;
		border-color: rgba(185,220,224,0.95);
		border-style: solid;
		background-color: rgba(0,0,0,0);
		-webkit-backface-visibility: hidden;
		-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
		transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
		z-index:9999;
	}
	
	.bt-menu.bt-menu-open {
		height: 100%;
		border-width: 0 300px 0 0;
		background-color: rgba(255,255,255,0.5);
		border-color: rgba(185,220,224,0.95);
		-webkit-transition: border-width 0.3s, background-color 0.3s;
		transition: border-width 0.3s, background-color 0.3s;
	}
	
	.bt-overlay {
		position: absolute;
		width: 100%;
	}
	
	.bt-menu-open .bt-overlay {
		height: 100%;
	}
	
	.bt-menu-trigger {
		position: fixed;
		top: 7px;
		right: 50px;
		display: block;
		width: 30px;
		height: 30px;
		cursor: pointer;
		-webkit-transition: all .2s ease-in-out 0s;
		-moz-transition: all .2s ease-in-out 0s;
		-ms-transition: all .2s ease-in-out 0s;
		-o-transition: all .2s ease-in-out 0s;
		transition: all .2s ease-in-out 0s;
	}
	#top-banner.stuck .bt-menu-trigger {top: 15px;}
	
	.bt-menu-trigger span {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 100%;
		height: 5px;
		margin-top: -2px;
		background-color: #206b72;
		font-size: 0px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
	
	.bt-menu-open .bt-menu-trigger span {
		background-color: transparent;
	}
	
	.bt-menu-trigger span:before,
	.bt-menu-trigger span:after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background: #206b72;
		content: '';
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
	}
	
	.bt-menu-trigger span:before {
		-webkit-transform: translateY(-200%);
		transform: translateY(-200%);
	}
	
	.bt-menu-trigger span:after {
		-webkit-transform: translateY(200%);
		transform: translateY(200%);
	}
	
	.bt-menu-open .bt-menu-trigger span:before {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	
	.bt-menu-open .bt-menu-trigger span:after {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
	
	.bt-menu ul {
		position: fixed;
		top: 75px;
		right: 45px;
		margin: 0;
		padding: 0;
		width: 300px;
		z-index:9998;
		display:none;
		list-style: none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.bt-menu ul li,
	.bt-menu ul li a {
		display: block;
		width: 100%;
		text-align:right;
	}
	
	.bt-menu ul li {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
		transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
	}
	
	.bt-menu ul li:first-child { 
		-webkit-transform: translate3d(-100%,200%,0);
		transform: translate3d(-100%,200%,0);
	}
	
	.bt-menu ul li:nth-child(2) { 
		-webkit-transform: translate3d(-100%,100%,0);
		transform: translate3d(-100%,100%,0);
	}
	
	.bt-menu ul li:nth-child(3) { 
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}
	
	.bt-menu ul li:nth-child(4) { 
		-webkit-transform: translate3d(-100%,-100%,0);
		transform: translate3d(-100%,-100%,0);
	}
	
	.bt-menu ul li:nth-child(5) { 
		-webkit-transform: translate3d(-100%,-200%,0);
		transform: translate3d(-100%,-200%,0);
	}
	
	.bt-menu.bt-menu-open ul li {
		visibility: visible;
		opacity: 1;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	.bt-menu ul li a {
		display: block;
		color:#206b72;
		text-decoration: none;
		font-size:24px;
	}

.heading {background:#fff; width:100%; border-bottom:1px solid #5ba3aa; z-index:9999; position:fixed; padding:10px 0; background:#fff;}
	.heading .nav {padding-right:50px;}
	.heading .logo {padding:2px 0 0 50px;}
	.heading .nav ul {margin:0; float:right; text-transform:uppercase;}
		.heading .nav ul a {color:#333; font-family: 'Oswald', sans-serif; font-size:19px; text-decoration:none;}
		.heading .nav ul a:hover {color:#d5303f; text-decoration:none;}
		
		.homepage .nav a.homepage, .showtimes .nav a.showtimes, .directions .nav a.directions, .photos .nav a.photos, .videos .nav a.videos, .faqs .nav a.faqs, .donations .nav a.donations, .contact .nav a.contact {color:#d5303f;}
		
.focus {background:url(../img/focus-background.jpg) no-repeat top center; min-height:620px; position:relative;}
	.focus #defaultCountdown, .focus-int #defaultCountdown {position:absolute; font-family: 'Oswald', sans-serif; font-size:19px; min-width:350px; text-align:center; padding:5px 0; border:5px solid #c6e2e5; top:580px; left:50%; margin-left:-170px; z-index:9998; color:#d5303f; background:rgba(255,255,255,0.8); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
		.focus #defaultCountdown .countdown_section, .focus-int #defaultCountdown .countdown_section {padding-right:10px;}
			.focus #defaultCountdown .countdown_section:last-child, .focus-int #defaultCountdown .countdown_section:last-child {padding-right:0;}
		.focus #defaultCountdown .countdown_amount, .focus-int #defaultCountdown .countdown_amount {padding-right:5px; font-weight:bold;}
			
.focus-int {background:url(../img/focus-int.jpg) no-repeat top center; min-height:350px; position:relative;}
	.focus-int #defaultCountdown {top:310px;}
	
	body.fourohfour {background:none;} 
	.fourohfour .focus-int {background:url(../img/lost-elf.jpg) no-repeat #f5f5f5 center 40px; padding-top:350px;}

.content {padding:30px 0; background:#f5f5f5;}	
	.content .tagline {font-weight:300; margin-bottom:50px;}
	.content .squeeze p {padding:0 15px;}
	
	.google-map {border:10px solid #c6e2e5;}
	
	.photos ul img {border:1px solid #ccc; padding:5px;}
	/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 51px; /* 40 */
			height: 51px; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 60px; /* 40 */
			right: 2.5em; /* 40 */
			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active {background-color: #fff;}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active {background-color: #111;}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container {width: 100%;}
			#imagelightbox-nav {bottom: 1.25em; /* 20 */}
			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left {left: 1.25em; /* 20 */}
			.imagelightbox-arrow-right {right: 1.25em; /* 20 */}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left {left: 0;}
			.imagelightbox-arrow-right {right: 0;}
		}
	
	
	#contactus fieldset {background:#c6e2e5; border:1px solid #69a3a9;}
	#contactus label {font-weight:bold;}
	
	.bottom-text {background:url(../img/bottom-elf.jpg) bottom left no-repeat #cee2e3; border:5px solid #cee2e3; margin:30px 0 0 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:30px 15px 15px 250px;}
	
footer {background:#cee2e3;}
	.footer-top {background:#f5f5f5;}
		.footer-top img {margin:0 0 -10px 0;}
	.footer-bottom {padding:20px 0 15px 0; text-align:center; color:#31999e;}
		.footer-bottom p {margin:0;}
		.footer-bottom small {color:#333;}
		
/*Clock Off*/
#defaultCountdown {display:none;}
		
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}
	
	@media only screen and (min-width: 480px) and (max-width: 640px) {
		.bottom-text {padding:30px 15px 15px 200px;}
	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.bottom-text {padding:30px 15px 15px 200px;}
	}
	
	@media only screen and (min-width: 320px) and (max-width: 479px) {
				
	}

/* #Print Styles*/
	@media print {
	}
