/* Styles for NCMNS Website Homepage */
/* The Homepage has a unique structure and content */
@import url('shop-button.css');



/* Hero Video --------------------------------------------- */
.gallery .video-cell.gallery-cell {
	position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}
.gallery .video-cell.gallery-cell video {
	top: -100px;
	position: relative;
	display: block;
	max-width: 100%;
	height: auto;
}
.video-cell.gallery-cell .overlay-link a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	border: 2px solid blue;
}


@media screen and (max-width: 992px) {
	.gallery .video-cell.gallery-cell video {
		top: 0;
	}
}
/* Hide PLay Button on iOS */
/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}




/* Structure ---------------------------------------------- */
.row.row-home {
	margin-bottom: 0;
}
#home-wrapper .row h3 {
	font-size: 18px;
	}
#home-wrapper, .container-fluid {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
#home-wrapper {
	overflow: hidden;
	/*	padding-bottom: 478px; */
	/* padding-bottom: 585px; */
	margin: 0 auto;
}
.row .thumbnail {
	padding: 10px;
	}
/* @media screen and (max-width: 767px) {
	#home-wrapper {
		padding-bottom: 800px;
	}
} */

/* Typography ------------------------------------------ */


#second-band .band-header {
	height: auto;
	padding: 0 !important;
	margin: 0 auto 30px auto !important;
	}
#third-band .band-header {
	height: auto;
	padding: 0 !important;
	margin: 0 auto 0 auto !important;
	}
#fourth-band .band-header {
	height: auto;
	padding: 0 !important;
	margin: 0 auto 20px auto !important;
	}
#fifth-band .band-header {
	height: auto;
	padding: 0 !important;
	margin: 0 auto 20px auto !important;
	}
#sixth-band .band-header {
	height: auto;
	padding: 0 !important;
	margin: 0 auto 20px auto !important;
	}
/* Bands ----------------------------------------------- */

#first-band {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	max-height: 1180px;
	}
#first-band .gallery .gallery-cell .slider-img-caption.inner a {
	margin: 0;
	padding: 0;
}


/* Highlights Row */
#second-band {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 10px 0 80px 0;
	background-color: #FFFFFF;
	}
/* Museum Calendar */
#third-band {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 50px 0 80px 0;
	background-color: #EAEBEC;
	}
/* Blogs and News Row */
#fourth-band {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 50px 0 40px 0;
	background-color: #FFFFFF;
	}
#fifth-band {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 50px 0 50px 0;
	background-color: #FFFFFF;
	}
@media screen and (max-width: 767px) {
	#third-band, #fourth-band, #fifth-band {
		overflow: hidden;
	}
	#fourth-band, #fifth-band {
		padding: 15px 10px 15px 10px;
	}
	#third-band {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	#fifth-band .row .col-xs-12,
	#fifth-band .row .col-sm-4,
	#fourth-band .row .col-xs-12,
	#fourth-band .row .col-sm-4 {
		padding-left: 0;
	}
	#second-band .band-header h1 {
		padding-left: 10px !important;
	}
}

@media screen and (max-width: 480px) {
	#home-wrapper {
		overflow: hidden;
		display: flex;
		flex-flow: column;
		flex-wrap: nowrap;
		margin-top: 0;
		padding-top: 0;
		/* padding-bottom: 1040px; */
	}
	/*
	#first-band {
		order: 1;
		margin-top: 0;
		top: -44px;
		position: relative;
	}
	*/
	#second-band {
		order: 3;
		top: -44px;
		position: relative;
		background: #EAEBEC;
		padding-bottom: 40px;
		margin-bottom: 20px;
	}
	#third-band {
		order: 2;
		top: -44px;
		position: relative;
		background-color: #EAEBEC;
	}
	#fourth-band {
 		order: 4;
		top: -44px;
		position: relative;
		background-color: #FFFFFF;
		min-height: 580px;
	}
	#fifth-band {
		order: 5;
		top: -44px;
		position: relative;
		background: #FFFFFF;
	}

	#third-band .events-col #events h1,
	#third-band .events-col #events h1 input {
		background-color: #EAEBEC;
	}
	#eventsTable tr:nth-child(even) {
		background-color: rgba(225,225,225,0.2);
	}
	#eventsTable tr:nth-child(odd) {
		background-color: #FFFFFF;
	}
	#third-band .events-col #eventsTable tbody tr td a {
		padding-left: 10px;
	}
	#third-band .events-col #eventsTable tbody tr td + td {
		text-align: right;
		padding-right: 10px;
	}
	#fourth-band .row.news-rss-content {
		margin-top: 0;
	}

	#fourth-band .row.news-rss-content:first-of-type {
		margin-top: 20px;
	}
	#fourth-band .thumbnail {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(150,150,150,0.4);
	}
	#fourth-band .col-sm-4.col-xs-12 {
		padding-right: 0;
	}

	#fourth-band .caption p {
		padding: 0;
	}
	#fourth-band .caption {
		text-align: center;
	}
	/*
	#fourth-band {
		display: none;
	}
	#fifth-band {
		display: none;
	}
*/
	#fourth-band .thumbnail a.thumb-link {
		display: none;
	}
	#fourth-band .caption {
		max-width: 100%;
	}
	#fifth-band .col-blog.col-img {
		display: none;
	}
	#third-band {
		border-top: 1px solid rgb(225,225,225);
		padding: 0;
	}
	.row > .col-xs-12, #fourth-band, #fifth-band {
		padding-left: 10px;
		padding-right: 10px;
	}
	#third-band {
		padding-bottom: 20px;
		padding-top: 0;
	}
	a {
		display: block;
	}
	.ncmns-tweets .tweet ul li a {
		display: inline-block;
	}
	.row.link-row .text-right p.text-right {
		padding-top: 15px;
	}
}
/* First Band -------------------------------------------------- */
#first-band {
	overflow: hidden;
}
#first-band .col-xs-12 {
	margin: 0;
	padding: 0;
	background-color: #000000;
	z-index: 10;
	position: relative;
}
.row-home {
	z-index: 9;
	position: relative;
}
.row-home .overlay {
	position: absolute;
	width: 100%;
	top: 10%;
	left: 0;
	z-index: 99;
	text-align: center;
}
.row-home .overlay img {
	margin: 0 auto;
}
#first-band .gallery-cell {
	position: relative;
	width: 100%;
	margin-left: -13px;
	background-color: #000000;
}
#first-band .gallery .gallery-cell img {
	display: block;
	position: relative;
	z-index: 12;
}
@media (min-width: 1200px) {
	#first-band .gallery-cell {
		overflow: visible; 
/*		overflow: hidden; */
		height: calc(100vh - 100px);
/*		height: 550px; */
/*		position: relative; */
		width: 100%;
		background-color: #FFFFFF;
		margin: 0;
	}
	#first-band .gallery .gallery-cell img.link-img,
	#first-band .gallery .gallery-cell img.no-link-img {

	}
}


#first-band .flickity-slider {
	background-color: #000000;
	/*
	transform: none !important;
	*/
}
#first-band .gallery-caption h1 {
	text-align: center;
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.4em;
}
#first-band .gallery-cell .slider-img-caption {
	position: absolute;
	width: 100%;
	bottom: 12%;
	left: 0;
	z-index: 98;
}
#first-band .exmam-cell {
	background-color: #000000 !important;
}
#first-band .gallery-cell .exmam-img-caption {
	bottom: 6%;
}
#first-band .gallery-cell .slider-img-caption img {
	display: block;
	position: relative;
	z-index: 999;
	bottom: 10%;
	margin: 0 auto;
}

#first-band .gallery-cell .gallery-caption {
	display: none;
}
#first-band .gallery ol.flickity-page-dots {
	bottom: 20px;
	z-index: 1000;
}
#first-band .gallery ol.flickity-page-dots .dot {
	width: 16px;
	height: 16px;
	background: #FFFFFF;
}

/* Make Branding Responsive */
@media (min-width: 1900px) {
	#first-band .gallery img {
    	margin: 0 auto !important;
    }
    #first-band .row .gallery .gallery-cell {
    	bottom: 7%;
    }
    #first-band .row .gallery img {
    	max-width: 93%;
    }

    #first-band .row .gallery .flickity-viewport,
    #first-band .row .gallery .gallery-cell,
    #first-band .row .gallery .flickity-slider,
    #first-band .row .gallery .gallery-cell,
    #first-band .row .gallery .gallery-cell .full-slide-link {
/*    	background-color: #FFFFFF !important; */
		background-color: #000000 !important;
    }
}
.slider-img-caption.fullsize-overlay a[href^="https://naturalsciences.org/calendar/bugfest"],
.slider-img-caption.fullsize-overlay a[href^="https://naturalsciences.org/calendar/bugfest"] img {
	display: block;
}
@media screen and (min-width: 1200px) {
	.slider-img-caption.fullsize-overlay a[href^="https://naturalsciences.org/calendar/bugfest"],
	.slider-img-caption.fullsize-overlay a[href^="https://naturalsciences.org/calendar/bugfest"] img {
		display: none;
	}
}
@media screen and (max-width: 1200px) {
	.slider-img-caption.fullsize-overlay a.external[href^="https://duelingdinosaurs.org/"],
	.slider-img-caption.fullsize-overlay a.external[href^="https://duelingdinosaurs.org/"] img {
		display: none;
	}
}
@media (max-width: 1100px) {
	.slider-img-caption.fullsize-overlay a img {
		display: none;
	}
	#first-band .gallery-cell .slider-img-caption img {
		height: auto;
	}
	#first-band .gallery-cell .astro-img-caption {
		bottom: 10%;
	}
	#first-band .gallery-cell .astro-img-caption img {
		width: 80%;
		height: auto;
	}
	#first-band .gallery ol.flickity-page-dots {
		bottom: 10px;
	}

}

@media (max-width: 900px) {
	#first-band .row-home .overlay {
		top: 15%;
	}
	#first-band .gallery ol.flickity-page-dots {
		bottom: 8px;
	}
	#first-band .gallery ol.flickity-page-dots .dot {
		width: 12px;
		height: 12px;
	}
}
@media screen and (max-width: 768px) {
	.row.row-home {

	}
	#first-band .gallery-cell.video-cell {
		background: #000000;
	}
	#first-band .gallery-cell .gallery-caption {
		display: block;
		position: relative;
	}
	#first-band .gallery-cell .gallery-caption h2 {
		margin-top: 0;
	}
	#first-band .gallery-cell .gallery-caption a {
		display: block;
		text-align: center;
		color: #231f20;
		font-size: 24px;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-decoration: none;
	}
	#first-band .gallery-cell .gallery-caption a:hover,
	#first-band .gallery-cell .gallery-caption a:focus {
		text-decoration: underline;
	}
	#first-band .gallery ol.flickity-page-dots {
		display: none;
	}
	.gallery-cell,
	#first-band .gallery-cell,
	.gallery-caption {
		background: #FFFFFF;
	}
}

@media (max-width: 700px) {
	#first-band .gallery-cell .exmam-img-caption img {
		height:50px;
	}
}
@media (max-width: 600px) {
	#first-band .row-home .overlay {
		top: 18%;
	}
}
@media (max-width: 500px) {
	#first-band .gallery-cell .exmam-img-caption img {
		height:40px;
	}
	#first-band .row-home .overlay {
		top: 18%;
	}
}
@media (max-width: 480px) {
	#first-band .row-home .overlay {
		top: 5%;
	}
}

@media screen and (max-width: 420px) {
	#first-band .row-home .overlay,
	#first-band .row-home .overlay img,
	#first-band .slider-img-caption,
	#first-band .gallery ol.flickity-page-dots {
		display: none;
	}
	#first-band .gallery-cell.is-selected .gallery-caption {
		height: 70px;
		display: block;
		width: 100%;
		text-align: center;
		position: relative;
		overflow: hidden;
		background-color: #FFFFFF;
	}
	#first-band .gallery-cell .gallery-caption h2,
	#first-band .gallery-cell .gallery-caption h2 a,
	#first-band .gallery-cell .gallery-caption h2 a:visited {
		color: #231f20;
	    font-size: 29px;
	    text-transform: uppercase;
	    font-weight: 700;
	    letter-spacing: 0.1em;
	    margin-top: 0.25em;
	}
	#first-band .gallery-cell .gallery-caption p,
	#first-band .gallery-cell .gallery-caption p a,
	#first-band .gallery-cell .gallery-caption p a:visited {
		color: #231f20;
	    font-family: "Source Sans Pro", sans-serif;
	    font-size: 19px;
	    text-transform: uppercase;
	    letter-spacing: 0.1em;
	    margin-bottom: 0.5em;
	}
	#first-band .gallery-cell .gallery-caption h2 a:hover,
	#first-band .gallery-cell .gallery-caption p a:hover {
		text-decoration: underline;
	}
}
/* Full Screen Link */
@media screen and (min-width: 1200px) {
	#first-band .row-home img.no-link-img {
		display: none;
	}
	#first-band .row-home .full-slide-link {
		display: block;
	}
}
@media screen and (max-width: 1200px) {
	#first-band .row-home img.no-link-img {
		display: block;
	}
	#first-band .row-home .full-slide-link {
		display: none;
	}
}
/* Highlights Banner --------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#second-band .row {
	max-width: 1000px;
	margin: 0 auto;
}
#second-band .gallery-row {
	margin-top: 20px;
}
#second-band .h-gallery-cell .img-caption h2,
#second-band .h-gallery-cell .img-caption-mobile h2,
#second-band .h-gallery-cell .img-caption h2 a,
#second-band .h-gallery-cell .img-caption-mobile h2 a {
	margin-top: 10px;
	color:#231f20;
	font-size: 24px;
	text-transform:none;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-decoration: none;
}
#second-band .h-gallery-cell .img-caption-mobile h2 a {
	display: block;
	text-align: center;
}

#second-band .h-gallery-cell .img-caption h2 a:hover,
#second-band .h-gallery-cell .img-caption-mobile h2 a:hover,
#second-band .h-gallery-cell .img-caption p a:hover,
#second-band .h-gallery-cell .img-caption-mobile p a:hover,
#second-band .h-gallery-cell .img-caption h2 a:active,
#second-band .h-gallery-cell .img-caption-mobile h2 a:active,
#second-band .h-gallery-cell .img-caption p a:active,
#second-band .h-gallery-cell .img-caption-mobile p a:active {
	text-decoration: underline;
}
#second-band .h-gallery-cell .img-caption p,
#second-band .h-gallery-cell .img-caption-mobile p,
#second-band .h-gallery-cell .img-caption p a,
#second-band .h-gallery-cell .img-caption-mobile p a {
	color:#231f20;
	font-family:"Source Sans Pro", sans-serif;
	font-size:19px;
	text-transform:none;
	letter-spacing: 0.01em;
	text-decoration: none;
}
#second-band .h-gallery-cell .img-caption-mobile {
	display: none;
}
#second-band .h-gallery-cell {
	width: 100%;
}
#second-band .h-gallery-cell img {
	display: block;
}
.flickity-prev-next-button {
	background: transparent;
}
/* arrow color */
.flickity-prev-next-button .arrow {
	fill: #FFFFFF;
}
.flickity-prev-next-button.no-svg {
	color: #FFFFFF;
}
#second-band .flickity-prev-next-button {
	top: 40%;
}

.flickity-prev-next-button:hover {
	background: transparent;
}
@media screen and (min-width: 768px) {
	#second-band .h-gallery-cell:nth-child(3),
	#second-band .h-gallery-cell:first-child {
		margin-right: 20px;
		margin-left: 20px;
	}
	#second-band .h-gallery-cell {
		width: 48%;
	}
	#second-band .img-caption-mobile {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	#second-band .flickity-viewport {
		height: auto;
	}
	#second-band .img-caption {
		display: none !important;
		height: 0;
		line-height: 0;
	}
	#second-band .band-header h1 {
		position: relative;
	}
	#second-band .img-caption-mobile {
		display: block !important;
	}
	#second-band .flickity-prev-next-button {
		top: 50%;
	}
	#second-band .h-gallery-cell .img-caption-mobile h2,
	#second-band .h-gallery-cell .img-caption-mobile p {
	    padding-left: 15px;
	}
}
@media screen and (max-width: 460px) {
	#second-band .flickity-prev-next-button {
		top: 30%;
	}
	#second-band .h-gallery-cell .img-caption-mobile h2 {
		color: #231f20;
	    font-size: 22px;
	    text-transform: uppercase;
	    font-weight: 700;
	    letter-spacing: 0.1em;
	}
	#second-band .h-gallery-cell .img-caption-mobile p {
		color: #231f20;
	    font-family: "Source Sans Pro", sans-serif;
	    font-size: 16px;
	    text-transform: uppercase;
	    letter-spacing: 0.1em;
	}
}
/* Portrait */
@media screen and (max-width: 380px) {
	#second-band .next,
	#second-band .previous {
		display: none;
	}
}

/* COVID Banner and Call to Action ------------------------------------------------ */
#home-call-to-action {
	width: 100%;
	background-color: #849E3D;
/*	background-color: #0F2746; */
	height: 120px;
	padding: 0;
}
#home-call-to-action #call-to-action-wrapper {
	width: auto;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
#home-call-to-action #call-to-action-wrapper div {
	text-align: center;
	display: table;
	margin: 0 auto;
	height: 120px;
}
#home-call-to-action div span {
	vertical-align:middle;
	display: table-cell;
}
#home-call-to-action div span a.events-message {
	letter-spacing: 0.075em;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.5em;
	margin: 0;
}
#home-call-to-action div span a.custom-decoration-inverse:hover::after {
    background-color: #FFFFFF;
    height: 4px;
}

#covid-banner {
	width: 100%;
	background-color: #0F2746;
	height: auto;
	padding: 0;
}
#covid-banner-wrapper {
	width: 49%;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 15px 0;
}
#covid-banner a.events-message {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	line-height: 1.5em;
	text-transform: none;
	margin-top: 0;
	margin-bottom: 0;
}
#covid-banner a,
#covid-banner a:hover,
#covid-banner a:active,
#covid-banner a:focus {
	color: #FFFFFF;
	text-decoration: underline;
}
#covid-banner h3 {
	padding: 10px 0;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 0.015em;
	line-height: 1.4em;
	text-transform: none;
	margin-top: 0;
	}
@media screen and (max-width: 768px) {
	#call-to-action-wrapper,
	#covid-banner-wrapper {
		width: 80%;
	}
	#covid-banner a,
	#covid-banner p {
		font-size: 14px;
	}
	#covid-banner h3 {
		font-size: 22px;
	}
	#home-call-to-action div span a.events-message,
	a.custom-decoration-inverse::after,
	a.custom-decoration-inverse:hover::after {
		background: transparent;
	}
	#home-call-to-action div span a.events-message {
		font-size: 20px;
	}
}
@media screen and (max-width: 480px) {
	#call-to-action-wrapper,
	#covid-banner-wrapper {
		width: 100%;
		padding: 10px;
	}
}
/* Alert Banner ------------------------------------------------ */

#alert-banner {
	width: 100%;
	background-color: #d55b1f;
	height: auto;
	padding: 0;
	}
#home-wrapper #alert-banner h3 {
	padding: 15px 10%;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 0.015em;
	line-height: 1.4em;
	text-transform: none;
	margin-top: 0;
	}
@media screen and (max-width: 768px) {
	#alert-banner {
		padding: 0;
	}
	#alert-banner h3 {
		font-size: 22px;
	}
}
/* App Banner ------------------------------------------------ */

#app-banner {
	width: 100%;
	background-color: #FFFFFF;
	height: auto;
	padding: 10px 0 15px 0;
	}
	/* For Optional Icon Inclusion
#app-banner img {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding-right: 10px;
}
*/
#app-banner h3 {
	font-size: 26px !important;
	font-weight: 700;
	text-align: center;
	/*color: #E94B22; */ /* BugFest Color */
	color: #5B64AD; /* Astronomy Days Color */
	letter-spacing: 0.015em;
	line-height: 1.8em;
	text-transform: none;
	margin-top: 0;
	}
#app-banner a:after {
	font-size: 18px;
	padding: 0 0 0 5px;
	font-family: FontAwesome;
	content: "\f08e";
	}
@media screen and (min-width: 768px) {
	#app-banner {
		padding: 20px 0 !important;
	}
	#app-banner h3 {
		font-size: 30px !important;
	}
}
@media screen and (min-width: 481px) {
	#app-banner {
		padding: 10px 5px;
		}
}
@media screen and (max-width: 480px) {
	#app-banner h3 {
		margin-bottom: 1.8em;
		font-size: 26px !important;
	}
	#app-banner {
		padding: 10px 0;
	}
}
/* iPad Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
	#app-banner h3,
	#app-banner a {
		line-height: 2.5em !important;
	}
}
/* Second Band ------------------------------------------------- */

#second-band .band-header h1,
#third-band .band-header h1,
#fourth-band .band-header h1,
#fifth-band .band-header h1 {
	padding-left: 0;
	color: #231f20;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
	}
@media screen and (max-width: 768px) {
	#second-band .band-header h1,
	#third-band .band-header h1,
	#fourth-band .band-header h1,
	#fifth-band .band-header h1,
	#displayDate {
	    letter-spacing: 1px;
	}
	#third-band .lgcal {
		margin-top: 5px;
	}
}
/* Third Band ---------------------------------------------------- */

#third-band .row {
	max-width: 1000px;
	margin: 0 auto;
	}
#third-band .lgcal {
	margin-top: 20px;
	}
@media screen and (max-width: 768px) {
	#third-band .lgcal {
		margin-top: 5px;
	}
}

#calendar-wrapper {
	width: 420px;
	height: 400px;
	background-color: rgb(225,225,225);
	top: 0;
	position: relative;
	}
#calendar {
	left: 10px !important;
	top: 10px !important;
	width: auto;
	height: 400px;
	position: relative;
	}
#selectedDate, #selectedDateData, #selectedLocationData {
	border: none;
	background-color: #FFFFFF;
	color: #FFFFFF;
/*	background-color: #E1E1E1; */
/*	color: #E1E1E1; */
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	}
#displayDate {
	color:#231f20;
	font-family:"Source Sans Pro", sans-serif;
	font-size:24px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 1px;
	border: none;
/*	background-color: #EAEBEC; */
    width: 100%;
	}
@media screen and (max-width: 768px) {
	#displayDate {
	    letter-spacing: 0.1em;
	}
	.events-col #events h1 {
		border-top: 1px solid rgb(225,225,225);
	}
}
select#locationSelect {
	background-color: #FFFFFF;
	margin-left: 6px;
}
.col-md-6.events-col {
	background-color: #FFFFFF;
}
#events {
	margin: 0;
	}
#eventsTable {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 15px 0;
	}
#eventsTable a:hover {
	text-decoration: underline;
	}
#eventsTable tr {
/*	border-bottom: 1px solid rgba(150,150,150,0.8); */
	}
#eventsTable tr:nth-child(even) {
	background-color: rgba(225,225,225,0.5);
	}
#eventsTable td {
	padding: 8px 0 8px 0;
	color:#231f20;
	font-family:"Source Sans Pro", sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	letter-spacing: 0.01em;
	}
#eventsTable tr td:nth-child(2) {
	text-align: right;
	padding-right: 6px;
}
#eventsTable tr td:first-child {
	padding-left: 6px;
}
#eventsTable td.eventVenue {
	text-align: right;
	}
.venueKey {
	margin: 15px 0 0 0;
	font-size: 14px;
	}
#events h1 {
	margin-top: 0;
	}
@media screen and (min-width: 641px) {
	#mobileDate, #mobileLocation {
		display: none;
	}
	#lgLocation {
		display: block;
		margin: 15px 0 0 0;
	}
	#lgLocation label {
		text-transform: uppercase;
	}
	#lgLocation select {
		width: 220px;
		height: 28px;
	}
}
@media screen and (max-width: 640px) {
	#calendar-wrapper {
		width: 100%;
		height: auto;
		height: 378px;
		display: none;
	}
	#calendar {
		left: 0 !important;
		top: 0px !important;
		width: 100%;
		display: none;
	}
	#eventsTable {
		width: 100%;
	}
	.calendar-col {
		line-height: 1.1;
	}
	#col1 {
		width: 70%;
	}
	#col2 {
		width: 30%;
	}

	#events h1 {
		margin-top: -15px;
	}
	#eventsTable tbody tr td {
		padding: 0;
	}
	#eventsTable tbody tr td a {
		padding: 10px 0;
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	#eventsTable tbody tr td a:hover {
		background-color: rgba(150,150,180,0.2);
		text-decoration: none;
	}
	#lgLocation {
		display: none;
	}
	#mobileDate, #mobileLocation {
		display: block;
	}
	/* Mobile Date Select */
	.form-group label {
		text-transform: uppercase;
		padding-left: 0;
		padding-right: 0;
		padding-top: 6px;
	}
}
@media screen and (max-width: 320px) {
	#col1 {
		width: 75%;
	}
	#col2 {
		width: 25%;
	}
}

/* Fourth Band ----------------------------------------------------- */

#fourth-band .row {
	max-width: 1000px;
	margin: 0 auto;
	}
#fourth-band .band-header {
	margin: 0 auto 20px auto;
	}

/* Fifth Band ----------------------------------------------------- */

#fifth-band .row {
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 50px;
	}
#fifth-band .row h3 {
	margin-top: 0;
	color:#231f20;
	font-family:"Source Sans Pro Semibold", sans-serif;
	font-size:18px;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	}
#fifth-band .social-content {
	margin-top: 60px;
	}
#fifth-band .band-header {
	margin-bottom: 40px;
}

#sixth-band .row {
	height: 0;
}
#fifth-band .col-img {

}
#fifth-band .col-img a {
	position: relative;
	display: block;
	outline: none;
	border: none;
}
#fifth-band .col-img img.connect-mailer-img {
	margin-top: 21px;
	position: relative;
}
@media screen and (max-width: 768px) {
	#fifth-band .social-content {
		margin-top: 10px;
		padding-bottom: 20px;
	}

	#fifth-band .col-img img.connect-mailer-img {
		max-width:  60%;
	}
}




/* --------------------------------------------------------------------------------------------- */
/* News RSS Feed */
/* Bootstrap and Main Stylesheets are overridden to mirror the blog theme and main stylesheet */

.inner-fourth {
	width: 100%;
	}
#fourth-band .news-rss-content,
#fourth-band .news-rss-content .thumbnail,
#fourth-band .news-rss-content .thumbnail .caption {
	background-color: #FFFFFF;
}


#fourth-band .news-rss-content {
		margin-top: 40px;
	}
.news-rss-content .col-sm-4:nth-child(1) {
	margin-left: 0;
	}
.news-rss-content .col-sm-4 .thumbnail {
	padding: 0;
	height: auto;
	overflow: hidden;
	border: none;
		}
.news-rss-content .col-sm-4 .thumbnail a img {
	padding: 0;
	margin: 0;
	}
.news-rss-content .col-sm-4 .thumbnail .caption {
	padding: 0;
	margin: 0;
	width: 100%;
	}
.news-rss-content h3.news-date a {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    text-transform: none;
    letter-spacing: .01em;
    height: auto;
    width: 100%;
	display: block;
	margin: 0;
	padding: 6px 0 0 0px;
	}
.news-rss-content p {
    margin: 0;
	padding: 8px 0 0 0;
	font-size: 16px;
	}
.news-rss-content h3 a {
	/* color: rgb(50, 50, 50); */
	color: #231f20;
	font-size:16px;
	letter-spacing: 0.01em;
	}
@media screen and (min-width: 769px) {
	.news-rss-content .col-sm-4 .thumbnail a img {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.news-rss-content .col-sm-4 .thumbnail a img {
		width: 300px;
	}
	.news-rss-content .col-sm-4 .thumbnail .caption {
		max-width: 300px;
	}
	.news-rss-content .col-sm-4 .thumbnail .caption,
	.news-rss-content .col-sm-4 .thumbnail a img,
	.news-rss-content .col-sm-4 .thumbnail a {

	}
}

/* --------------------------------------------------------------------------------------------- */
/* Social Media Feed */
.ncmns-tweets .tweet ul {
		margin-top: 21px;
	}
.ncmns-tweets .tweet ul li {
	margin-bottom: 50px;
	letter-spacing: 0.01em;
	}
.ncmns-tweets .tweet ul li .tweet-user {
	line-height: 1.0em;
	}
.ncmns-tweets .tweet ul li .tweet-info {
	line-height: 1.0em;
	font-style: italic;
	padding-top: 2px;
	font-size: 14px;
	}
.ncmns-tweets .tweet ul li .tweet-info a {
/*	color: #231f20; */
}
.ncmns-tweets .tweet ul li .tweet-content a:last-child {
	display: block;
	color: #777777;
/*	color:#808285; */
	font-family:"Source Sans Pro", sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	}

.ncmns-tweets .tweet ul li .tweet-date {
	padding-left: 10px;
	}
.ncmns-tweets .tweet ul li .tweet-content {
	margin-top: 15px;
	line-height: 1.6em;
	margin-bottom: 10px;
	font-size: 14px;
	}
.ncmns-tweets .tweet ul li .fa {
    color: white;
    border-radius: 4px;
    /*border: 1px outset rgba(128, 128, 128, 0.5);*/
    border: 1px solid #939597;
    width: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    /*text-shadow: 1px 1px 1px rgba(128, 128, 128, 0.5);*/
    transition: background 0.5s, color 0.5s;
    /*background: #00ACED;*/
    background-color: #939597;
    margin-right: 5px;
	}
.ncmns-tweets .tweet ul li .user-span,
.instagram-title .title-span {
	color:#231f20;
	font-family:"Source Sans Pro", sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	letter-spacing: 0.01em;
	padding-top: 0;
	height: 22px;
	vertical-align: middle;
	}
#instafeed .fa {
	color: white;
    border-radius: 4px;
    /*border: 1px outset rgba(128, 128, 128, 0.5);*/
    width: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(128, 128, 128, 0.5);
    transition: background 0.5s, color 0.5s;
    margin-right: 5px;
    background-color: #939597;
	}
.instagram-details a {
	color:#808285;
	font-family:"Source Sans Pro", sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	}
.ncmns-tweets .tweet ul li .fa:hover,
#instafeed .fa:hover {
	color: #939597;
	background-color: #FFFFFF;
	border: 1px solid #939597;
	}
/* Blog Feed */
.blogs-posts {
	margin-top: 21px;
	}
.blog-post p {
	padding: 0 0 25px 0;
	line-height: 1.4em;
	margin-bottom: 0;
	}
.blog-post a {
	display: block;
	}
.blog-post .post-date {
	font-weight: 400;
	font-size: 14px;
	font-style: italic;
	}
/* Instagram */
#instafeed {
	margin-top: 21px;
	}
.instagram-title {
	margin-top: 10px;
	line-height: 32px;
	}
.instafeed-text,
.instagram-details {
	margin-top: 2px;
	line-height: 1.6em;
	margin-bottom: 10px;
	font-size: 14px;
	}
@media screen and (max-width: 768px) {
	.col-blog {
		padding-bottom: 15px;
		border-bottom: 1px solid #EAEBEC;
	}
	.col-instagram {
		padding-top: 15px;
	}
	#instafeed {
		max-width: 300px;
	}
	.ncmns-tweets .tweet ul li {
		height: auto;
		margin-bottom: 15px;
		border-bottom: 1px solid rgba(150,150,150,0.3);
	}
}
.link-row {
	text-align: right;
	}

/* Annual Drive ------------------------------------------------------ */

.donate-overlay {
	position: absolute;
	width: 20%;
	top: 45%;
	right: 0;
	z-index: 102;
}
.donate-img {
}
/* Alert Banner ------------------------------------------------ */

#annual-campaign-band {
	display: none;
}
@media screen and (max-width: 480px) {
	#home-wrapper #alert-banner h3 {
		font-size: 20px;
	}

}
@media screen and (max-width: 600px) {
	.donate-overlay {
		display: none;
	}
	#annual-campaign-band {
		width: 100%;
		background-color: #EF6337;
		height: auto;
		display: block;
		margin: 0;
		padding: 5px 0;
		}
	#home-wrapper #annual-campaign-band h3,
	#home-wrapper #annual-campaign-band h3 a {
		font-size: 28px;
		font-weight: 700;
		text-align: center;
		color: #F9EA40;
		letter-spacing: 0.015em;
		line-height: 1.4em;
		text-transform: none;
		margin-top: 0;
		}
}

	/* Lazy Load Fade */
	#first-band .gallery-cell-image {
		transition: opacity 0.4s;
		opacity: 0;
		}
	#first-band .gallery-cell-image.flickity-lazyloaded,
	#first-band .gallery-cell-image.flickity-lazyerror {
		opacity: 1;
		}
	/* Lazy Load Fade End */
	#first-band .row-home .flickity-prev-next-button svg {
	    left: 20%;
	    position: absolute;
	    top: 20%;
	}
	#first-band .row-home .flickity-prev-next-button {
		height: 80px;
		width: 80px;
	}
	#first-band .row-home .flickity-prev-next-button.previous {
		left: 1%;
	}
	#first-band .row-home .flickity-prev-next-button.next {
		right: 1%;
	}
	@media screen and (max-width: 767px) {
			#first-band .row-home .flickity-prev-next-button {
				display: none;
		}
	}
	#second-band .flickity-prev-next-button {
		border-radius: 50%;
		width: 100px;
		height: 30%;
		background: transparent;
	}
	/* arrow color */
	#second-band .flickity-prev-next-button .arrow {
		fill: white;
	}
	#second-band .flickity-prev-next-button svg {
	    height: 30%;
	    left: 15%;
	    position: absolute;
	    top: 30%;
	    width: 30%;
	}
	#second-band .next svg {
	    left: 60%;
	}