@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Music&display=swap);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;text-decoration:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
address{font-style:normal}
:focus{outline:1px dotted #333}
body:focus{outline:0}
body{line-height:1.4;color:black;background:white}
del{text-decoration:line-through #000;color:#333}
del::before,del::after,ins::before,ins::after{clip-path:inset(100%); clip:rect(1px,1px,1px,1px); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px}
del::before{content:" [deletion start] "}
del::after{content:" [deletion end] "}
ins::before{content:" [insertion start] "}
ins::after{content:" [insertion end] "}
ol,ul,menu{list-style:none}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
blockquote,q{quotes:none}
table{border-collapse:collapse;border-spacing:0}
cite{font-style:italic}
body{text-align:center}
#wholepage{text-align:center;margin:0 auto 0 auto}
header{margin:0 auto;text-align:center;width:100%;min-height:6rem;position:static}
@media (max-width:1160px){
header{position:fixed;top:0;left:0}
}
header h1{padding:0 0.25em 1ex 0}
@media (max-width:1160px){
header h1{padding-bottom:0.5ex}
}
#hgroup{text-align:left}
#hgroup1text{padding-left:4rem}
#hgroup h1{text-align:left;display:block}
#wrapper{margin:1em auto 0 auto;max-width:70em;min-height:calc(100vh - 21.9rem);text-align:left}
@media (max-width:1312px){
#wrapper{min-height:calc(100vh - 21.9rem)}
}
@media (max-width:1160px){
#wrapper{margin:10em auto 0 auto;min-height:calc(100vh - 27.4rem)}
}
@media (max-width:385px){
#wrapper{margin:10.5em auto 0 auto;min-height:calc(100vh - 27.4rem)}
}
@media (max-width:367px){
#wrapper{margin:13em auto 0 auto;min-height:calc(100vh - 27.4rem)}
}
#main{margin:0 15em 0 0;padding:1em 1em}
#main p.clearme,#main section footer{clear:both}
#main ol{list-style:decimal outside; margin:0 2em 1em 2em}
#main img{box-shadow:0.25em 0.25em 0.12em #aaa;border:1px solid #888;margin-bottom:0.25em}
#main img.noborder{box-shadow:none;border:none;margin-bottom:0}
#main .shortpage{margin-bottom:inherit}
#main .veryshortpage{margin-bottom:inherit}
@media (max-width:480px){
#main .shortpage{margin-bottom:inherit}
#main .veryshortpage{margin-bottom:inherit}
}
#collapsesidebar{float:right;width:15em;margin-left:-15em;margin-top:-1em;z-index:1000;text-align:left;transition:width 0.3s;box-shadow:0 0.5em 0.5em #aaa;border-bottom-left-radius:16px;border-bottom-right-radius:16px}
#navbar-checkbox{display:none}
#navbar-handle{display:none;cursor:pointer;font-size:200%;position:relative;padding:0 0 1em 1.25em}
#navbar-handle:before{content:"";position:absolute;top:0.25em;left:0.125em;width:0.875em;height:0.125em;border-top:0.375em double #FFF;border-bottom:0.125em solid #FFF}
#social{padding:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}
#social div.instagram{width:auto;padding:1px 12px 1px 0;border-radius:3px;margin-bottom:1em;display:inline-block;white-space:nowrap;overflow:hidden;text-align:left;background-color:#D32BA6; background-image:url("instagram.png");background-size:auto 70%;background-repeat:no-repeat;background-position:top 3px left 10px;color:#FFF;font-weight:500;font-size:75%}
#social div.instagram a{padding-left:30px;color:#FFF;text-decoration:none}
#social div.twitter{padding:0 !important;margin:0}
@media (max-width:1160px){
#collapsesidebar{width:2.25em;position:fixed;top:0;right:0;margin-top:0;box-shadow:none;border-bottom-right-radius:0;opacity:0.95}
#collapsesidebar li{margin-left:3em;transition:margin 0.3s}
#collapsesidebar li a{padding-left:2px;padding-right:100em;transition:padding 0.3s}
#collapsesidebar li{height:0;font-size:0; transition:height 0.1s,font-size 0.1s}
#collapsesidebar li.thispage{height:auto; font-size:100%;display:block; margin-left:0.25em; writing-mode:vertical-lr; transition:margin 0.3s}
#main{margin-right:2.25em;margin-top:5em}
nav ul li a{overflow:hidden}
#navbar-handle{display:block}
#navbar-checkbox:checked+#collapsesidebar{width:15em}
#navbar-checkbox:checked+#collapsesidebar li{height:auto; font-size:100%; margin-left:0.5em; writing-mode:horizontal-tb}
#navbar-checkbox:checked+#collapsesidebar li a{padding-left:1em;padding-right:0}
nav li ul{display:none}
#navbar-checkbox:checked+#collapsesidebar>#social{padding-left:0.5em}
#social{border-bottom-right-radius:0px}
}
nav{padding:0.25em 0 1em 0}
nav li{margin:0.5em 0 0.5em 0.5em;border-top-left-radius:8px;border-bottom-left-radius:8px}
nav li a{display:block;padding:0.25em 0;border-top-left-radius:8px;border-bottom-left-radius:8px;white-space:nowrap}
nav li ul{padding-bottom:0.25em}
nav li ul li{margin-bottom:0.5em;margin-left:0.5em}
#social{padding-left:0.5em}
footer{text-align:left}
#bigfooterwrapper{width:100%;height:auto;min-height:11rem;float:left;box-shadow:0 -0.5em 0.5em #aaa}
#contactinfo{width:100%}
#footerleft,#footerright{width:50%;float:left;margin:0;padding:1em 0}
#footerleft address{padding-left:2.25em}
#footerleft address .hidden{display:none}
footer address span.vcard{display:block}
@media (max-width:1160px){
#footerleft,#footerright{float:none;width:100%;padding:1em 0}
#footerright ul,#footerright p{padding-left:2.25em}
}
:root{--color1:#000000; --color2:#F48227; --color3:#485865; --color4:#ffffff; --color5:#4B4B4B; --link-color:#A3571A;--link-visted-color:#A85D1B;--link-hover-color:#F48227}
body{background:white;color:black}
h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited{color:inherit}
a:link{color:var(--link-color)}
a:visited{color:var(--link-visted-color)}
a:link:hover,a:visited:hover{color:var(--link-hover-color)}
#hgroup a:link:hover,#hgroup a:visited:hover{color:var(--color4)}
a:link:focus,a:visited:focus{color:var(--link-hover-color);outline:1px dotted var(--link-hover-color)}
a[href^="tel:"]{color:inherit}
a[href^="tel:"]:hover{color:inherit}
header{background:scroll var(--color2) url("header.jpg") 50% 42% no-repeat;background-size:cover;color:var(--color4)}
header h1,header h2{-webkit-text-stroke:2px var(--color5);text-stroke:2px var(--color5);paint-order:stroke fill}
#vgroup1,#pgroup1{height:1.25em}
header a:link,header a:visited,header a:link:hover,header a:visited:hover{color:var(--color4);-webkit-text-stroke:2px var(--color5);text-stroke:2px var(--color5);paint-order:stroke fill}
#artistheader a:link,#artistheader a:visited{text-decoration:none}
#artistheader a:link:hover,#artistheader a:visited:hover{text-decoration:underline}
#skiptonav a:link,#skiptonav a:visited{background:var(--color1);color:var(--color1)}
#skiptonav a:hover,#skiptonav a:focus{color:var(--color2)}
#bigfooterwrapper{background:var(--color2) url("logo.png") center right no-repeat scroll;background-size:contain;background-origin:padding-box;color:var(--color1)}
@media (max-width:576px){
#bigfooterwrapper{background-size:50% auto}
}
#footerleft,#footerright{background:transparent}
#mainfooter a:link,#mainfooter a:visited,#mainfooter p,#mainfooter ul{color:white}
#contactinfo,#contactinfo p{color:var(--color4);background:transparent;background:linear-gradient(to right,var(--color5),transparent 60%,transparent)}
#contentwrapper,#main{background:transparent;color:var(--color1)}
 #collapsesidebar{background:var(--color2)}
nav a:link,nav a:visited{color:var(--color1)}
nav a[href="#main"]{color:var(--color4)}
nav a:link:hover,nav a:visited:hover,nav a:link:focus,nav a:visited:focus{color:var(--color4);background:var(--color3)}
nav li{color:var(--color4);background:var(--color4)}
nav li.thispage{color:var(--color4);background:var(--color5)}
nav li li a:link,nav li li a:visited{color:var(--color4);background:var(--color1)}
nav li li a:link:hover,nav li li a:visited:hover,nav li li a:link:focus,nav li li a:visited:focus{color:var(--color4);background:var(--color3)}
#main .button{color:var(--color1);border:1px solid #959595;border-radius:8px;background:linear-gradient(to bottom,#fff 0%,#fff 50%,#ededed 51%,#ededed 100%);box-shadow:inset 0 0 0 1px #fff;padding:4px 20px}
#main .button:hover,#main .button:focus{background:#e1f3fc;background:linear-gradient(to bottom,#cee4f9 0%,#9dcbf2 50%,#81bff2 51%,#ccf1fa 100%);border:1px solid #5056a7;color:var(--color1)}
body{font-family:'Noto Sans',HelveticaNeue,Helvetica,Arial,sans-serif;font-feature-settings:"liga","kern";text-rendering:optimizeLegibility;font-kerning:normal;font-variant-ligatures:common-ligatures}
h1,h2,h3,h4{font-family:Montserrat,HelveticaNeue,Helvetica,Arial,sans-serif;font-feature-settings:"liga","dlig","kern";font-variant-ligatures:common-ligatures discretionary-ligatures no-historical-ligatures contextual}
header h1,header h2,#artistheader{font-family:Montserrat,HelveticaNeue,Helvetica,Arial,sans-serif;font-feature-settings:"liga","dlig","kern";font-variant-ligatures:common-ligatures discretionary-ligatures no-historical-ligatures contextual;text-transform:uppercase;font-weight:900}
nav,h5,h6,#contactinfo p{font-family:'Noto Sans',HelveticaNeue,Helvetica,Arial,sans-serif;font-feature-settings:"liga","kern";font-variant-ligatures:common-ligatures}
a:link,a:visited{text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink:auto}
h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited{text-decoration:none;text-decoration:underline #aaa solid}
header h1 a:link,header h1 a:visited,header h2 a:link,header h2 a:visited,header h3 a:link,header h3 a:visited,header h4 a:link,header h4 a:visited,header h5 a:link,header h5 a:visited,header h6 a:link,header h6 a:visited{text-decoration:none}
h1 a:link:hover,h1 a:visited:hover,h2 a:link:hover,h2 a:visited:hover,h3 a:link:hover,h3 a:visited:hover,h4 a:link:hover,h4 a:visited:hover,h5 a:link:hover,h5 a:visited:hover,h6 a:link:hover,h6 a:visited:hover,h1 a:link:focus,h1 a:visited:focus,h2 a:link:focus,h2 a:visited:focus,h3 a:link:focus,h3 a:visited:focus,h4 a:link:focus,h4 a:visited:focus,h5 a:link:focus,h5 a:visited:focus,h6 a:link:focus,h6 a:visited:focus{text-decoration:underline}
#hgroup a:link:hover,#hgroup a:visited:hover{text-decoration:none}
a[href^="tel:"]{text-decoration:none}
a[href^="tel:"]:hover{text-decoration:none}
a[target="_blank"]:after{display:inline-flex;width:10px;height:10px;margin-left:4px;background-color:#77528F;-webkit-mask-image:url("external-link.svg");mask-image:url("external-link.svg");-webkit-mask-size:cover;mask-size:cover;content:""}
i,em{font-style:italic}
strong{font-weight:bold}
small{font-size:75%;color:#666}
header h1{font-size:400%;line-height:0.9}
header h2{font-size:172%;line-height:0.9;display:inline}
header h2+h2{display:inline}
header h2+h2::before{content:' • '}
@media (max-width:1160px){
#hgroup{padding-right:2.5em}
header h1{font-size:200%}
header h2{font-size:150%;display:block}
header h2+h2{display:block}
header h2+h2::before{content:''}
}
@media (max-width:480px){
header h1{font-size:160%}
}
nav h1{display:none}
nav a:link,nav a:visited{text-decoration:none;padding-left:1em}
nav a:link:focus,nav a:visited:focus,nav a:link:hover,nav a:visited:hover{text-decoration:none}
nav li.thispage{font-weight:bold}
nav li ul{font-size:89%;font-weight:normal}
#social h2{display:none}
#social div{float:left;width:100%;clear:both}
#main h1{font-size:207%}
#main h2{font-size:173%;margin-top:1em}
#main h3{font-size:144%;margin-top:0.83em}
#main h4{font-size:100%;margin-top:1em}
#main p{margin-bottom:1em}
#main .placeholder{margin-bottom:25em}
#main .button{display:block;width:25%;width:fit-content;min-width:25%;max-width:75%;padding:0.25em;text-align:center;text-decoration:none; border-radius:10px}
footer{font-size:89%}
footer small{font-size:89%;color:var(--color5)}
#contactinfo p{font-size:112%;padding-left:2.2em}
footer address a.fn{font-weight:bold;text-decoration:none;border-bottom:1px solid var(--color4)}
footer address a.fn:link:hover,footer address a.fn:link:focus,footer address a.fn:visited:hover,footer address a.fn:visited:focus{text-decoration:underline}
#footerright ul{list-style:disc outside;margin-left:1em}