body,html,textarea{
font-family:'Quicksand', sans-serif;font-size:18px;
}
body,html{
position:relative;
height:100%;
width:100%;
padding: 0;margin: 0; 
color:#111;
}
body.freeze{
position:fixed;
overflow:hidden !important;
}
:root{
--darkgold:#e2c66b; /*dark gold*/
--lightgold:#f7f4a2; /*light gold*/
--darkgreen:#0d241e; /*dark green*/
--palegreen:#16573f; /*pale green*/
--brightgreen:#28823d; /*bright green*/
}
.colora{
color:var(--colora); 
}
.colorb{
}
.fnta{
font-family: 'Oswald', sans-serif;	
font-weight:400;
font-optical-sizing: auto;
}
.fntb{
font-family: 'Rochester', cursive;	
}
.pageWrap{
position:relative;
width:100%;
padding:2% 5%;
}
.float{
display:inline-block;
margin-right:10px;
vertical-align:top;
}
#page-head{
position:fixed; /*relative*/
display:flex;
align-items:center;
top:0px;left:0px;
width:100%;
height:8vmax;
/*transition:background 10s ease,top 300ms;*/
z-index:1000;
transition:all 300ms ease;
background:rgb(13,36,30,1);
}
#page-head.sticky{
background:rgb(13,36,30,.7);
}
#page-head.sticky:hover{
background:rgb(13,36,30,.9);
}
#page-head #logo{
position:relative;
display:flex;
padding:20px;
height:100%;
align-items:center;
z-index:100;
}
#page-head #logo a{
display:block;
position:absolute;
top:10px;
height:11vmax;
text-align:center;
padding:0px 10px 0 10px;
}
#page-head #logo img{
height:100%;
}
#page-head #logo_title{
color:var(--lightgold);
font-size:120%;
padding:0 0 0 14vmax;
min-width:450px;
font-weight:bold;
}
#page-head #logo_title small{
font-weight:normal;
}
#page-body{
/*padding-top:10vh; should be same as page-head height*/
position:relative;
min-height:550px;
padding-left:0px;
padding-right:0px;
padding-bottom:20px;
background:#FFF;
padding:15vmax 2vmax 2vmax 2vmax;
}
.page-content{
line-height:1.8em;
}
#app_menu,#back_menu,#tag_menu{
display:none;
}
#adminMenu{
padding:5px;
display:flex;
font-size:80%;
justify-content:center;
}
#adminMenu li{
padding:10px;
background-color:rgb(255,255,255,0.2);
color:rgb(0,0,0);
}
#adminMenu li.title{
filter:invert(0.5);
}
#pageMenu{
flex:1 1 auto;
display:block;
text-align:center;
z-index:10;
}
#pageMenu>ul{
position:relative;
display:flex;
justify-content:flex-end;
align-items: center;
}
#pageMenu>ul>li{
position:relative;	
font-size:80%;
font-weight:bold;
padding:0 10px;
}
#pageMenu a,#pageMenu span{
font-weight:normal;
display:inline-block;
color:#FFF;
padding:10px 20px;
width:100%;
/*fade transition*/
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
#pageMenu a.active,#pageMenu a:hover{
color:#FC6;
}
.subMenu>ul{
position:absolute;
display:none;
background:var(--lightgold);
width:200px;
box-shadow:0px 1px 5px 0px rgb(0,0,0,0.25);
text-align:left;
border-radius:10px;
overflow:hidden;
z-index:10;
}
.subMenu:hover>ul{
display:flex;
flex-direction:column;
animation:menudown 200ms;
}
@keyframes menudown{
0%{transform:translateY(-10%);opacity:0;}
100%{transform:translateY(0%);opacity:1;}
}
.subMenu>ul a{
font-weight:bold !important;
color:#000 !important;
border-left:2px solid var(--darkgold);
border-bottom:1px dotted var(--darkgold);
}
.subMenu>ul li:nth-child(odd) a{
background1:var(--palegreen) !important;
}
.subMenu>ul a:hover{
filter:brightness(140%);	
}
#dashboard-member.subMenu>ul{
right:10px;
}
#page-foot{
background:var(--darkgreen);
text-align:left;
color:#fff;
margin-top:30px;
}
#page-foot a{
color:#FFF;
}
#page-foot>.pageWrap{
display:flex;
align-items:end;
justify-content:space-between;
}
#sitecredits{font-size:80%;}
#menuAdmin{
background:#F4E6D7;
padding:10px;
}
.adminedit{
display:inline-block;
padding:2px 5px;
background:#F4E6D7;
font-size:80%;
}
a{color:var(--brightgreen); text-decoration: none; font-weight:600;cursor:pointer;transition:color 200ms;}
a:hover{color:#444;}
.none,.none:hover{
text-decoration:none !important;
border-bottom:none !important;
}
h1{
font-family: 'Oswald', sans-serif;
font-size:175%;
font-weight:bold;
font-style:normal;
color:#000040;
text-align:left;
padding-bottom:20px;
}
h2{
position:relative;
font-family: 'Oswald', sans-serif;
color: #000;
font-weight:bold;
font-size:150%;
margin:25px 0px 20px 0px;padding:0px;
text-align:left;
}
h2:after{
position:absolute;
content:' ';
bottom:-5px;left:0;
width:100px;
height:4px;
background:var(--darkgold);
border-radius:2px;
}
h2.center{
text-align:center;
}
h2.center:after{
left:50%;
transform: translatex(-50%);
}
h3{ 
font-family:'Quicksand', sans-serif;
font-style:normal;
color: #000;
font-size:130%;
color:var(--darkgold);
font-weight:bold;
margin-bottom:5px;
padding:25px 0px 20px 0px;
line-height:30px;
text-align:left;
}
h4{ 
font-family:'Quicksand', sans-serif;
font-style:normal;
color: #000;
font-size:120%;
color:#003;
font-weight:bold;
margin-bottom:5px;
padding:10px 0px 10px 0px;
line-height:30px;
text-align:left;
}
.section{
padding:7vmax 5vmax;
}
ul.classic{margin-left:15px;}
ul.classic li{margin-left:15px;display:list-item;list-style:disc outside none;}
.btnMain{
display: inline-block;
padding:15px 25px !important;
outline: none;
border: none;
border-radius: .3em;
background-color: var(--lightgold);
background:linear-gradient(10deg,var(--lightgold),var(--darkgold));
color: #000 !important;
cursor: pointer;
transition: all .2s ease-in-out;
background-size: 100% 100%;
background-position:center;
}
.btnMain:after{
content:'\f101\f101';
font-family:"FontAwesome";
position:relative;
letter-spacing:-4px;
padding-left:15px;
color:var(--lightgold);
}
.btnMain:focus,.btnMain:hover{
color: #000;
background-color: var(--lightgold);
}
.btnMain:active {
}
.btnMore{
display:inline-block;
padding:10px 10px;
border-radius:5px;
white-space:nowrap;
}
.tblBasic td{
padding:12px;
border-bottom:1px solid var(--darkgold);
}
.tblBasic{
background-color:var(--lightgold);
}
.tblBasic .title td{
background:var(--darkgold);
}
.tabs{
position:relative;
z-index:100;
}
.tabs li{
position:relative;
display:inline-block;
padding:10px 30px;
border:1px solid #AAA;
background:#EFEFEF;
cursor:pointer;
}
.tabs li.active{
position:relative;
border-bottom:1px solid #FFF;
border-top:2px solid #CC0000;
top:0px;
background:#FFF;
}
.tabContent{
z-index:90;
position:relative;
top:-1px;
border:1px solid #AAA;
padding:7px;
}
.tabContent>li{
display:none;
}
#page-navig {
display:flex;
height:20vh;
color: #fff;
background:#F1F2F3;
align-items:center;
}
#page-navig li{
padding:0 0 0 15px;
}
#page-navig li:not(:last-child)::after{
content:'\f054';
font-family:'Font Awesome 5 Free';
font-weight:600;
padding-left:15px;
}
#page-navig a {
font-size: 120%;
color: #000000;
}
.ackMsg span{
display:inline-block;
border:5px solid #FFF;
padding:10px 80px;
margin:20px;
border-radius:10px;moz-border-radius:10px;webkit-border-radius:10px;
font-size:600%;
background:#CCC;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.box1{
border: 12px solid #FAFAFA;
background:#FFF;
padding:5px;
border-radius:4px;moz-border-radius:4px;webkit-border-radius:4px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.box2 {
padding: 5px;
border: 2px solid #F2E6D2;
}
.box3{
background:#617361;
color:#000;
padding:10px;
border-radius:4px;moz-border-radius:4px;webkit-border-radius:4px;
}
.tablerow1 {
border-bottom: 1px dotted #999999;
padding: 10px 10px 10px 50px;
}
.b1{
padding-left:20px;
}
.b1 li{
border-left:7px solid #DBE3DF;
transition:border 200ms;
margin:5px 0;
}
.b1 li:hover{
border-left:7px solid #000;
}
.b2>li{
padding-left:20px;
border-left:7px solid #DBE3DF;
border-bottom: 1px dotted #999999;
padding:5px;
margin:2px 0;
}
.b2>li:hover{
border-left:7px solid #000;
}
#list_content ul,ul#list_content{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
#list_content li{
flex-basis:25%;
padding:2vmax;
}
#list_content li img{
max-height:15vmax;
height:auto;
width:100%;
object-fit:cover;
}
#list_content li b{
display:block;
}
#list_content li span{
font-size:80%;
}
#list_content a{
display:block;
color:#555;
}
#list_content a:hover{
color:#000;
}
.cols,.toBreak{
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
padding:5px;
}
.cols li,.toBreak li{
padding:10px;
flex:1 1 auto;
}
.responsive{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
}
.responsive>*{
padding:10px;
}
.tblresponsive tr td{
padding:5px 2px;
}
.tblresponsive tr.title td{
background:#EEE;
border-bottom:2px solid #CCC;
}
.tleft{text-align:left}
.tcenter{text-align:center}
.tright{text-align:right}
.cellmiddle{display:inline-block;vertical-align:middle;padding:5px;}
.c25p{width:25%;}.c33p{width:33%;}.c50p{width:50%;}.c75p{width:75%;}
.clear{clear:both;}
.social-icons {text-align:right;}
.social-icons ul{display:flex;}
.social-icons a{display:block;transition:background-color 0.3s;padding:20px;}
.hmiddle{left:50%;transform:translate(-50%,0);}

/*form  components*/
#msgPage,.msgAck,.msgSuccess {
font-size: 12px;
font-weight: bold;
color:#003300;
margin: 5px;padding: 10px;
background:#CFDEC5;
border:1px dotted #EDD2C0;
border-radius:3px;moz-border-radius:3px;webkit-border-radius:3px;
}
.msgErr,.msgFail {
font-size: 12px;
font-weight: bold;
color: #CC0000;
margin: 2px;padding: 7px;
background:#F0E4BF;
border:1px dotted #EDD2C0;
border-radius:3px;moz-border-radius:3px;webkit-border-radius:3px;
}
.msgForm{
font-size: 12px;
font-weight: bold;
color: #CC0000;
margin:10px 0;padding: 10px;
background:#F5F88F;
border-radius:3px;moz-border-radius:3px;webkit-border-radius:3px;
}
.msgAck li,.msgSuccess li,.msgErr li,.msgFail li{
list-style-type:circle;
padding:3px 0px;
}
.msgTip{
font-size:85%;
}
.listDefault li{
margin-left:15px;
list-style-type:circle;
list-style-position:inside;
}
.listBasic li{
padding: 10px 0px;
}
.listBullets li{
list-style:outside circle;
padding: 10px 0px;
margin-left:25px;
}
input[type=submit],input[type=button]{
padding:5px 10px;
}
input[type=radio]{
position:relative;
top:2px;
margin-right:3px;
}
input[type=text],input[type=password],input[type=number],
select,textarea{
display:inline-block;
font-size:16px;
padding:10px;
border:none;
width:100%;
background:#f8f8f8;
border-left:1px solid #ccc;
border-radius:3px;
}
input:focus,texarea:focus,select:focus{
outline: none;
border-color:rgb(133,100,33) !important;
}
input:hover:not([type=radio]),input:focus:not([type=radio]){border-color:rgb(234,207,100)}
input::placeholder,select.placeholder{
color:#aaa;
}
select option.placeholder{
display:none;
}
.component{
width:100%;
}
fieldset{
margin:15px 0;
}
fieldset legend{
font-size:14px;
font-weight:bold;
}
fieldset>ul>li,fieldset>ul>li>label{
display:flex;
flex-direction:row;
position:relative;
margin:10px 0px;
padding:5px;
border-top:1px dotted #EEE;
background:rgba(255,255,255,0.85);
border-bottom:2px solid #E9DBBE;
}
fieldset>ul>li>label>span,fieldset>ul>li>span{
flex:1 1 20%;
min-width:200px;
font-size:90%;
color:#888;
}
fieldset>ul>li>label>div,fieldset>ul>li>div{
flex:1 1 80%;
}
fieldset .clean{
background:none;border:none;
}
fieldset .custom{
padding:0 10px;
}
fieldset error{
position:relative;
display:block;
font-size:80%;
padding:0 10px;
color:red;
}
#filterConditions{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
background:rgb(228,220,194);
padding:10px;
}
#filterConditions li{
padding:10px;
display:flex;
flex-wrap:no-wrap;
justify-content:center;
align-items:center;
}
#filterConditions li>span{
min-width:0;
white-space:nowrap;
flex:none;
}
#filterConditions #btnGo{
width:100%;
text-align:center;
}

@media screen and (min-device-width:900px){ 
.monitoroff{display:none;}
}

/*site specific*/
#page-head:after{
position:absolute;
content:' ';
right:0;bottom:0;
height:2px;width:70%;
background:linear-gradient(-90deg,var(--lightgold),rgb(0,0,0,0));
z-index:3;
}
#logo small{display:block;font-size:60%;color:#FFF;}
#pageMenu .btnMain:after{
display:none;
}
.btnAcademy{
display:block;
background:var(--colorc);
color:#000;
border-radius:40px;
font-weight:bold;
}
.btnAcademy:hover{
background:var(--colord);
}
.scoreboard{
justify-content:center;
padding:0;
}
.scoreboard li{
padding:10px;
min-width:200px;
flex:0 1 50%;
}
.scoreboard li>div{
padding:0 20px 20px 20px;
background:var(--lightgold);
box-shadow:1px 1px 10px var(--darkgold);
display:flex;
flex-wrap:wrap;
align-items:center;
}
.scoreboard .match{
flex:0 0 100%;
font-size:70%;
text-align: center;
padding:10px !important;
}
.scoreboard .team{
flex:0 0 25%;
font-size:70%;
text-align:center;
}
.scoreboard .team img{
max-width:100px;max-height:100px;
width:100%;height:100%;
object-fit:contain;
}
.scoreboard .summary{
flex:1 1 auto;
text-align:center;
}
.scoreboard .status{
display:inline-block;
background:var(--darkgold);
padding:2px 7px;
font-size:75%;
border-radius:3px;
}
.scoreboard .score{
font-size:200%;
color:var(--darkgreen);
font-weight:bold;
}
.scoreboard li:hover .score{
text-shadow:0px 0px 10px var(--darkgold), 5px 5px 20px var(--darkgold) , -5px -5px 20px var(--darkgold);
}

.scoreboard .team-name{
position:relative;
height:2em;
}
.scoreboard.compact{
font-size:90%;
background:var(--lightgold);
display:flex;
flex-direction:column;
justify-content:center;
height:100%;
box-shadow:1px 1px 10px var(--darkgold);
}
.scoreboard.compact .match{
padding:3px 0 !important;
}
.scoreboard.compact li{
flex:none;
border-top:1px solid var(--darkgold);
}
.scoreboard.compact li:first-child{
border:none;
}
.scoreboard.compact li>div{
box-shadow:none;
}
.scoreboard.compact li>div{
padding:10px;
}
.scoreboard.compact .team{
flex:0 0 20%;
}
.scoreboard.compact .team img{
width:70px;height:70px;
}
.scoreboard.compact .summary{
font-size:80%;
}
.scoreboard.compact .team-name{
display:none;
}
.selected-school{
background:#24352B;
margin:150px -2vmax calc(-2vmax - 30px) -2vmax;
display:flex;
}
.selected-school .school-info{
color:var(--lightgold);
flex:1 1 50%;
}
.selected-school .school-info h2{
color:#fff;
}
.selected-school .school-info p{
padding:20px 0;
color:#487352;
}
.selected-school .school-photo{
flex:1 1 50%;
margin-top:-12vmax;
margin-right:-5vmax;
}
.selected-school .school-photo img{
width:100%;height:100%;
}
#main-sponsors{
display:flex;
align-items:stretch;
margin-top:5px;
border-radius:5px;
overflow:hidden;
}
#main-sponsors li{
padding:0 3px;
background:#fff;
display:flex;
align-items:center;
}
#main-sponsors img{
width:100%;
}