@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
  font-family: "Impact";
  src: url("../fonts/Impact.ttf");
}
html,body,td,th,h1,h2,h3,h4,h5,h6,pre,label {font-family: 'Lato', Calibri, Arial, sans-serif;}
body,td,th {color: #646464; font-size: 18px;}
body {margin:0 0; padding: 0 0;}
html{scroll-behavior: smooth;}
p,pre{font-weight:100;}

@media only screen and (min-width:1401px) and (orientation:landscape)
    {.background{background:url("../Assets/YMAbackground.png") no-repeat center top;background-attachment: fixed; background-size: cover;z-index:-9999;}}
@media only screen and (max-width:1400px) and (orientation:landscape)
    {.background{background:linear-gradient(rgba(255,255,255,0.50), rgba(255,255,255,0.5)),url("../Assets/YMAbackground.png") repeat center top;background-attachment:fixed; background-size: contain;height:100%;z-index:-9999;}}

@media only screen and (max-width:1208px) and (orientation:portrait)
    {.background{background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url("../Assets/YMAbackground563x1000portrait.png") repeat center top; background-size: contain;height:100%;z-index:-9999;}}


.page-title {
    color:#fff;
    font-size: 50px;
}
.font-pale-pink{color:#FF936A;}
.font-maroon {color:#D35E94;}
.font-red {color:#D64A70;} /**used in MW**/
.font-dark-red{color: #592D30;} /**used in JMC schedule box**/
.font-pink{color:#DC518E;} /**used in JMC**/
.font-orange {color:#C60;} /**used in YMC**/
.font-pale-orange {color:#FF9942;}
.font-orange-ymcschedule {color:#772A15} /**used in schedule.html**/
.font-darkorange{color:#F1410A;} /**used in schedule.html**/
.font-yellow{color:#FBFF3E;}
.font-green-inline{color:#3EB163;} 
.font-green{color: #693;font-size:20px;}
.font-pale-green {color:#99ED98;} /*used in MF cluster overlay*/
.font-chartreuse{color:#87A522;} /**used in MF**/
.font-light-blue{color:#42C7F5;} /**used in OTJ**/
.font-medium-blue{color: #3492FF;}
.font-blue{color: #03F;}
.font-dark-azur{color:#17EDE0;}
.font-purple{color: #93C;}
.font-yamaha-purple{color: #4b1e78;}
.font-light-gray {color:#979797;}
.font-white{color:#FFFFFF;}

.font-piano {color:#3C0;}
.font-violin {color:#390;}
.font-vocal {color:#06C;}
.font-guitar {color:#36C;}
.font-flute {color:#36F;}
.font-drum {color:#03F;}
.font-clar {color:#609;}
.font-sax {color:#96F;}

.font40 {font-size:40%;}
.font75 {font-size:75%;}
.smallfont {font-size: 80%;}

a:link, 
a:visited, 
a:hover, 
a:active {
    text-decoration: none;
}