@charset "utf-8";

/*------------------------------fonts-----------------------------*/
@font-face {
	    font-family: Raleway-Thin;
    src: local('Raleway-Thin'), url('Fonts/Raleway/Raleway-Thin.ttf') format('truetype');
}
@font-face {
	    font-family: Raleway-Light;
    src: local('Raleway-Light'), url('Fonts/Raleway/Raleway-Light.ttf') format('truetype');
}
@font-face {
	    font-family: Raleway-Bold;
    src: local('Raleway-Bold'), url('Fonts/Raleway/Raleway-Bold.ttf') format('truetype');
}
@font-face {
	    font-family: Raleway-ExtraBold;
    src: local('Raleway-ExtraBold'), url('Fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype');
}
/*----------------------------global setup------------------------*/
*, :after, :before
{
box-sizing: inherit;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align: baseline;
}
img
{
	width:100%;
	max-width:100%;
}
html, body
{
min-height: 100%;
min-width:300px;
width:100%;
scroll-behavior: smooth;
box-sizing:border-box;
transition: all .3s ease-in-out;
animation: fadein .3s ease-in forwards;
-webkit-font-smoothing: subpixel-antialiased;
font-family: Raleway-Light, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
user-select: none;
/*------------this is the global sizing operator------------------*/
font-size:30px;
/*----------------------------------------------------------------*/
	
}

:root
{
/*5020p0kqeill+7onMcEskpmvOAW - pallet ref */
	--root-main-2shade-lighter:#FF0E02;
	--root-main-1shade-lighter:#CA2017;
	--root-main-color:#92201A;
	--root-main-1shade-darker:#651E1A;
	--root-main-2shade-darker:#3B1412;

	--root-accent-2shade-lighter:#FF7002;
	--root-accent-1shade-lighter:#CA6517;
	--root-accent-color:#924E1A;
	--root-accent-1shade-darker:#653A1A;
	--root-accent-2shade-darker:#3B2412;

	--root-accent2-2shade-lighter:#DF0162;
	--root-accent2-1shade-lighter:#AB1456;
	--root-accent2-color:#7C1643;
	--root-accent2-1shade-darker:#551632;
	--root-accent2-2shade-darker:#32101F;
	
	--root-main-text-color:#ffffff;
	--root-main-text-highlight-color:#bbbbbb;
	
	--root-row-size:1rem;
	--root-global-spacing:.5rem;
	--root-title-text:1.5rem;
	--root-large-text:.75rem;
	--root-med-text:.5rem;
	--root-small-text:.35rem;
	--root-large-text-center:calc((var(--root-row-size) - var(--media-large-text))/2);
	--root-med-text-center:calc((var(--root-row-size) - var(--media-med-text))/2);
	--root-small-text-center:calc((var(--root-row-size) - var(--media-small-text))/2);
	--root-font-correction-factor:.85em;
}
a
{
	text-decoration:none;
	color:var(--root-main-text-color);
	font-weight:bold;
}
a[href^="tel:"] {
 text-decoration:none;
}
a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.5em;
}
a:hover
{
	color:var(--root-main-text-highlight-color);
}
h1,h2,h3
{
	line-height:var(--root-font-correction-factor);
	margin-bottom:1em;
}
h1
{
	font-size:var(--root-title-text);
	color:var(--root-main-text-color);
	
	

}
h2
{
	font-size:var(--root-large-text);
	color:var(--root-main-text-color);
	

}
h3
{
	font-size:var(--root-med-text);
	color:var(--root-main-text-color);
	font-family:Raleway-Thin;
}
p
{
	font-size:var(--root-med-text);
	line-height:1.2em;
	color:var(--root-main-text-color);
	text-indent:2em;
	padding-bottom:1.2em;
	font-family:Raleway-Thin;
}

.sectionpanel
{
	min-height:100vh;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}

.background, .backoverlay__1, .backoverlay__2, .backoverlay__3,.backoverlay__4,.backoverlay__5
{
	height:100%;
	
	position:absolute;
	top:0;
	left:0;
	background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
	overflow-x:hidden;
	overflow-y:auto;
}
#contact .background, #bio .background
{
	background-position:center center;
}
.sectionactive .backoverlay__1, .sectionactive .backoverlay__2, .sectionactive .backoverlay__3,.sectionactive .backoverlay__4, .sectionactive .backoverlay__5
{
	transform: skew(-35deg) translateX(35%);
    transition: .9s ease;
}
.background
{
	z-index:-15;
	width:100%;
}
.backoverlay__1, .backoverlay__2, .backoverlay__3, .backoverlay__4,.backoverlay__5
{
	width:100%;
	z-index:-10;
}
.backoverlay__1
{
	background-image:linear-gradient(240deg, transparent 20%, var(--root-main-1shade-darker) 60%, var(--root-main-1shade-darker) 100%);
	
}
.backoverlay__2
{
	background-image:linear-gradient(120deg, rgba(0,0,0,.25) 20%, var(--root-accent-1shade-darker) 60%, var(--root-accent-1shade-darker) 100%);
	
}
.backoverlay__3
{
	background-image:linear-gradient(240deg, transparent 20%, var(--root-accent2-1shade-darker) 60%, var(--root-accent2-1shade-darker) 100%);

}
.backoverlay__4
{
	background-image:linear-gradient(120deg, rgba(0,0,0,.25) 20%, var(--root-accent-1shade-darker) 60%, var(--root-accent-1shade-darker) 100%);
}
.backoverlay__5
{
	background-image:linear-gradient(240deg, transparent 20%, var(--root-main-1shade-darker) 60%, var(--root-main-1shade-darker) 100%);
}
.centercontainerleft, .centercontainerright, .centercontainercenter
{
	justify-content: flex-start;
	align-items:center;
	width:80%;
	margin:var(--root-global-spacing) auto;
	height:100%;
	min-height:100vh;
	display:flex;
	flex-wrap:wrap;
}
.centercontainerright
{
	justify-content: flex-end;
}
.centercontainercenter
{
	justify-content: center;
}
.center100
{
	width:100%;
	text-align:center;
	margin:3rem 0;
	
}
.left50
{
	width:50%;
	width:100%;
	min-width:300px;
	max-width:480px;
	flex:0 1 480px;
	text-align:left;
	margin:3rem 0;
}
.right50
{
	width:50%;
	max-width:480px;
	min-width:300px;
	text-align:left;
	margin:3rem 0;
}
/*--------------------------------nav-----------------------------*/



/*---------------------------------------main page----------------------------------*/
#pagebackground
{
	height:100%;
	width:100%;
	position:fixed;
	top:0px;
	z-index:-5;
}
#pagecontainer
{
	
	height:100%;
	width:100%;
	position:relative;
}
#pagesplash
{
	background-image: repeating-linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0) 1px,rgba(0,0,0,.75) 2px, rgba(0,0,0,.75) 3px);
	overflow: hidden;
}
.background video
{
	overflow:hidden;
	position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
	object-fit: cover;
}
.background
{
	overflow:hidden;
}

#music .background
{
	background-image:url('Assets/Background1.jpg');
}
#bio .background
{
	background-image:url('Assets/Background2.jpg');
}
#contact .background
{
	background-image:url('Assets/Background3.jpg');
}

#schedule .background
{
	background-image:url('Assets/Background4.jpg');
}
#press .background
{
	background-image:url('Assets/Background5.jpg');
}


.maintitle
{
	font-family:Raleway-ExtraBold, sans-serif;
	color:var(--root-main-text-color);
	font-size:3rem;
	margin-bottom:.5rem;
}

textarea, select, input, button { outline: none; }

input, textarea
{
	font-size:var(--root-med-text);
	line-height:1.5em;
	background-color:var(--root-accent2-2shade-darker);
	border:solid 3px transparent;
	color:var(--root-main-text-color);
	flex:0 0 50%;
	min-width:200px;
}
label
{

	text-align:left;
	display:inline-block;
	font-size:var(--root-med-text);
	line-height:1.2em;
	color:var(--root-main-text-color);
	flex:0 0 25%;
}
textarea
{
	height:calc(var(--root-med-text)*15);
	width:50%;
}
input:focus, textarea:focus
{
	border:solid 3px var(--root-accent-2shade-lighter);
}

input[type=submit], input[type=button]
{
	border-radius:5px;
	padding:calc(var(--root-global-padding)*2);
	margin-left:25%;
	cursor:pointer;
}
input[type=submit]:hover, input[type=button]:hover
{
	background-color:var(--root-main-color);
}
.formrow
{
	display:inline-flex;
	width:100%;
	
}
/*--------------------------widescreen-----------------------*/
@media screen and (min-width:640px) {

#contact .background, #bio .background
{

	background-position: right center;
}
}
/*--------------------------extend video-----------------------	height:auto;
	width:100%;*/
@media screen and (min-width:1315px) {
.background video
{
	/*height:auto;
	width:100%;*/		
}
.sectionactive .backoverlay__1, .sectionactive .backoverlay__2, .sectionactive .backoverlay__3
{
transform: skew(-35deg) translateX(5%);
}
}