<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */

/* ******************** Photo Area tiny. ******************** */
	.myBandPhotoTiny {
		height:222px; 
		position: relative;
		
		border-bottom: 6px #F2F2F2 solid;
		background-color:#353432;
		/*background:url(../images/sea.jpg) no-repeat center center fixed; pull image from Customizer instead. */
		
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
   	    background-size: cover;
		
		background-position: center;
	}

	.myContainerPhotoTiny {
		position:absolute;
		z-index:100;
		top: 0; left: 0; bottom: 0; right: 0;
	}
	
	.myPhotoOverlayTiny {
		width:100%;
		height:100%;
		position: absolute;
		
		/*opacity:0.6;*/
		opacity:0.4;
		background:#000000;
		
		left:0;
		top:0;
		z-index:0;
	}

/* ******************** Photo Area. ******************** */
	.myBandPhoto {
		height:382px; /*temp*/
		position: relative;
		
		border-bottom: 6px #F2F2F2 solid;
		background-color:#353432;
		/*background:url(../images/sea.jpg) no-repeat center center fixed; pull image from Customizer instead. */
		background:no-repeat center center fixed;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
   	    background-size: cover;
	}

	.myContainerPhoto {
		position:absolute;
		z-index:100;
		top: 0; left: 0; bottom: 0; right: 0;
	}
	
	.myPhotoOverlay {
		width:100%;
		height:100%;
		position: absolute;
		
		opacity:0.6;
		background:#000000;
		
		left:0;
		top:0;
		z-index:0;
		
		transition: opacity .5s ease-in-out;
   		-moz-transition: opacity .5s ease-in-out;
   		-webkit-transition: opacity .5s ease-in-out;
	}

	.myPhotoOverlay:hover {
		width:100%;
		height:100%;
		position: absolute;
		
		opacity: 0;
		background:#000000;
		
		left:0;
		top:0;
		z-index:0;
		
	    transition: opacity .5s ease-in-out;
	    -moz-transition: opacity .5s ease-in-out;
	    -webkit-transition: opacity .5s ease-in-out;
	}

	/* ******************** Video background. ******************** */
	.myBandVideo {
		height:382px; /*temp*/
		position: relative;
		overflow: hidden;
		
		border-bottom: 6px #F2F2F2 solid;
		background-color:#353432;
	}

	.myContainerVideo {
		position:absolute;
		z-index:100;
		top: 0; left: 0; bottom: 0; right: 0;
	}

	.myVideoOverlay {
		width:100%;
		height:100%;
		position: absolute;
		
		opacity:0.6;
		background:#000000;
		
		
		left:0;
		top:0;
		z-index:50;
		
		transition: opacity .5s ease-in-out;
   		-moz-transition: opacity .5s ease-in-out;
   		-webkit-transition: opacity .5s ease-in-out;
	}

	.myVideoOverlay:hover {
		width:100%;
		height:100%;
		position: absolute;
		
		opacity: 0;
		background:#000000;
		
		left:0;
		top:0;
		z-index:50;
		
	    transition: opacity .5s ease-in-out;
	    -moz-transition: opacity .5s ease-in-out;
	    -webkit-transition: opacity .5s ease-in-out;
	}

	.myVideoBackground {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	/* ******************** Site branding. ******************** */
	.myWrapperLogo {
		width:100%;
		margin:0;
		padding-top:12px;
		padding-right:12px;
		
		text-align:right;
	}
	
	.myWrapperSiteName {
		width:100%;
		margin-top:100px;
		padding-bottom:6px;
		
		color:#FFFFFF;
		font-size:3em;
		text-align:center;
		text-shadow: 2px 2px 3px rgba(55, 55, 55, 1);
		line-height:1em;
	}
	
	.myWrapperSiteTagline {
		width:100%;
		margin-top:6px;
		padding-top:12px;
		
		color:#FFFFFF;
		font-size:1.5em;
		font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
		text-align:center;
		text-shadow: 2px 2px 3px rgba(55, 55, 55, 1);
		line-height:1.5em;
	}

		/* ********** XS, SM Mobile Branding. ********** */	
		@media screen and (max-width: 767px) {
			.myWrapperSiteName {
				margin-top:50px;
				padding-bottom:6px;
				font-size:2em;
			}
			
			.myWrapperSiteTagline {
				font-size:1.25em;
			}
		}

	/* ******************** Carousel slider. ******************** */
	.mySliderOverlay {
		width:100%;
		height:100%;
		position: absolute;
		
		opacity:0.6;
		background:#000000;
		
		left:0;
		top:0;
		z-index:99;
		
		transition: opacity .5s ease-in-out;
   		-moz-transition: opacity .5s ease-in-out;
   		-webkit-transition: opacity .5s ease-in-out;
	}

	.mySliderOverlay:hover {
		width:100%;
		height:100%;
		position: absolute;
		
		opacity: 0;
		background:#000000;
		
		left:0;
		top:0;
		z-index:99;
		
	    transition: opacity .5s ease-in-out;
	    -moz-transition: opacity .5s ease-in-out;
	    -webkit-transition: opacity .5s ease-in-out;
	}

</pre></body></html>