@import url("fontclasses.css");
*, *:before, *:after {
  box-sizing: border-box;
}
body{font-family:Open Sans;background-color:#ddebff;}
header{background-color: #0b2637;background-image:url('images/rinkbannerOriginalcrop.png');background-size:cover;padding:6px 0px;color:#fff;overflow:hidden;}
header .headercontent{max-width:1440px; margin:0px auto;overflow:hidden;}
header .goallight{float:left;}
header .sitename{font-size:20px;font-family:impact;letter-spacing:0.05em;margin-top:16px;}

header .siteinfo{float:left;width:300px;}
header .loginform{float:right;}

table.table{width:100%;font-size:14px;}
table.table th.tdheader, h3.header{color: #fff;
    font-size: 14px;
    letter-spacing: 0.0em;
    font-weight:bold;
    padding: 2px 5px;
    position: relative;
    vertical-align: middle;
    font-family: Open Sans;
    text-transform: uppercase;
    background-color:#3f5a75 !important;
    text-align:left;
    overflow:hidden;
}
table.table tr th {background-color:#666666;color:#f3f3f1;}
table.table tr th.subheader {background-color:#cccccc;color:#333333;}
table.table tr th.selection{width:25%;}
table.table tr th.rank,table.table tr th.count{width:25px;}
table.table tr th.hit{width:25px;}
table.table tr th.miss{width:42px;}
table.yourinformation  td{border-bottom:1px solid #e8e8e8;padding:10px;}
table.table td.yellow {background-color: #fafacd;}
table.table th.usercol{width:23%;}
tr td.odd{background-color:#f8f8f8;}
tr td.even{background-color:#e8e8e8;}
tr td.stat{text-align:right;padding-right:5px;}
tr td.left,tr th.left{text-align:left;padding-left:10px;}
tr td.center{text-align:center;}
tr td.npl{border-left:1px dotted #999999;}
tr td.hit{border-right:1px dotted #999999;}
tr td.username{font-size:16px;}
tr td.nopicklist{font-size:11px;}
tr td.tdfooter{background-color:#666666;color:#fff;font-weight:bold;font-size:1.2em;}
tr.odd{background-color:#f8f8f8;}
tr.even{background-color:#e8e8e8;}

tr td.label{font-weight:bold;width:200px;font-variant: small-caps;}

.fontred{font-color:red;}
.fontgreen{font-color:green;}
.yellow{background-color: #fafacd;}
.odd{background-color:#f8f8f8;}
.even{background-color:#e8e8e8;}

#divbanner{margin-bottom:10px;padding:4px;text-align:center;border:2px solid #000000;}
#divbanner.correct, #divbanner.confirm{background-color:#00ff33;color:#006600;border-color:#006600;}
#divbanner.winning{background-color:#a4ffb6;color:#006600;border-color:#006600;}
#divbanner.notwinning{background-color:#cc6b4b;color:#410000;border-color:#410000;}
#divbanner.error{background-color:#cc3300;color:#410000;border-color:#410000;}
#divbanner.yield{background-color:#f9c100;color:#534100;border-color:#534100;}
#divbanner.header{background-color:#333333;color:#ffffff;border-color:#000000;}
#divbanner.lightheader{background-color:#cccccc;color:#666666;border-color:#666666;}
#divbanner.default{background-color:#2F71B3;color:#ffffff;border-color:#000000;}
#divbanner.header{background-color:#3f5a75 ;color:#ffffff;border-color:#000000;}

.page{max-width:1440px;margin:10px auto;background-color:#f3f3f1;border-radius:5px;padding:10px;overflow:hidden;}
.pagecontent{overflow:hidden;padding:10px;width:100%;}
.bannerimage{width:100%;}
.bannerimage img{width:100%;}
.admin .blocks{overflow:hidden;}
.admin .blockitem{width:32%;float:left;padding:15px 20px;height:175px;margin:0px 10px 10px 0px;border:1px solid #cccccc;background-color:#fff;}
.admin .boxsection h3{margin:0px 0px 10px 0px;padding:0px;}
.admin .label{border:1px solid #cccccc;background-color:#eeeeee;margin-bottom:10px;font-size:12px;height:20px;}
.boxsection{margin:0px auto 0px auto;padding:1vw;border:1px solid #cccccc;box-shadow:2px 2px 2px #666;border-radius:5px;background-color:#fff;}
.boxsection + .boxsection{margin-top:20px;}
.admin .boxsection + .boxsection{margin-top:0px;}
.selectionform{margin-bottom:10px;overflow:hidden;}
.selectionform .pickform{width:40%;float:left;}
.selectionform .instructions{width:60%;float:right;}
.currentpick{background-color:#e8e8e8;padding:0.3vw;margin-bottom:10px;}
.fronttable.fulltable{width:100%;}
.fronttable.halftable{width:50%;margin:0px auto;}
.yournopicklist{margin-top:10px;padding:0.3vw;text-align:left;font-size:12px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,efefef+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

table.yourinformation{margin-bottom:0px;}
.yourinformation .yourpick, .yourinformation .yourscore, .yourinformation .yourrank{text-align:center;font-size:1.4em;font-weight:bold;text-shadow: 1px 1px 0px #eee, 1px 1px 0px #707070;
color:#222222;
}
.yourinformation .yourpick{text-transform: uppercase;text-align:left;}
.yourstreak, .yourmisses{font-size:1.4em;font-weight:bold}
.submissionfield{width:75%;}
.formsubmissionfield {margin-bottom:5px;}
/*.loginform{float:left;width:70%;}*/
.goalselect{margin-bottom:20px;}

.leaderdiv{display:none;}

header .loginlabel{color:#fff;}
.forgotpassword{font-size:10px;text-align:right;}
header .forgotpassword a{color:#fff;text-decoration:underline;}
.hamburgerbutton{display:none;}
.mobiledropdown{display:none}

header .hamburger .hamburger-inner,
header .hamburger .hamburger-inner::before,
header .hamburger .hamburger-inner::after, 
header .hamburger.is-active .hamburger-inner,
header .hamburger.is-active .hamburger-inner::before,
header .hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}

header a{color:#fff;text-decoration:none;}

.mobiledropdown{background-color:#fff;padding:6px 15px;}
.mobiledropdown .othernavigation{float:none;width:96%;margin:0px;}
.mobiledropdown .othernavigation li{display:block;margin:0px;}
.mobiledropdown .othernavigation li a{text-decoration: none;}
.mobiledropdown .othernavigation li + li{border-top:1px solid #ccc;padding-top:10px;margin-top:10px;}


.othernavigation{float:right;margin-right:100px;}
    .othernavigation ul li{display:inline;font-weight:bold;}
    .othernavigation ul li + li{margin-left:20px;}
    .page .loginform{width: 400px;
  margin: 0px auto;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 2px 2px 2px #888;float:left;margin-left:9px;}

  .actionitem {
  background: #fdf6d9; /* soft yellow tone */
  border: 2px solid #f5a623; /* orange accent */
  border-radius: 12px;
  padding: 20px;
  margin: 25px 0;
  text-align: center;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  width:50%;
  margin:0px auto;
  margin-bottom:20px;
}

.actionitem:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

.actionitem h2 {
  color: #d47a00;
  background: transparent;
  font-size: 1.4em;
  font-weight: 800;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 3px solid #f5a623;
  display: inline-block;
  padding-bottom: 5px;
}

.actionitem input[type="text"],
.actionitem input[type="password"],
.actionitem input[type="number"] {
  width: 80%;
  max-width: 300px;
  padding: 10px 14px;
  font-size: 1em;
  border: 2px solid #f5a623;
  border-radius: 6px;
  outline: none;
  transition: 0.2s ease;
  margin: 10px 0;
  background: #fff8e6;
  color: #333;
}

.actionitem input[type="text"]:focus,
.actionitem input[type="password"]:focus,
.actionitem input[type="number"]:focus {
  border-color: #ff9900;
  box-shadow: 0 0 8px rgba(245,166,35,0.5);
}

.actionitem button,
.actionitem input[type="submit"] {
  background: linear-gradient(90deg, #f5a623, #ffcc66);
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 1em;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s ease;
  margin-top: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.actionitem button:hover,
.actionitem input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
  background: linear-gradient(90deg, #ffb347, #ffd580);
}


@media only screen and (max-width: 768px) {
    body{margin:0px;}
    header .loginform{display:none;}
    .page{max-width:auto;width:100%;margin:0px auto;background-color:#ddebff;padding:0px;overflow:hidden;}
    .page .loginform{}
    .selectionform{margin-bottom:10px;overflow:hidden;}
    .selectionform .pickform{width:100%;float:none;}
    .selectionform .instructions{width:100%;float:none;}

    .submissionfield{width:100%;}
    .formsubmissionfield {margin-bottom:5px;}
    .fullmenu{display:none;}
    /*
    .leaderdiv{display:block;}
    .leadertable{display:none;}

    .leaderdiv{overflow:hidden;}
    .leaderdiv .userrow{overflow:hidden;clear:both;padding:2.0vw 0px;}
    .rank{width:10%;font-size:4.4vw;padding:1.1vw 1.1vw;float:left;text-align:center;}
    .userinfo{float:left;width:90%;}
    .userinfowrapper{padding:0px 0vw;border-bottom:1px solid #cccccc;overflow:hidden;}
    .username{font-size:3.0vw;font-variant: small-caps;float:left;}
    .usernpl{font-size:2.1vw;padding:0px 0vw;float:left;color:#666666;}
    .strk{float:right;font-size:2.5vw;margin:0.7vw 2.5vw 0px 0px;}
    .miss{float:right;font-size:2.5vw;margin:0.7vw 2.5vw 0px 0px;}
    .thisweekpick{font-variant: normal;font-size:2.5vw;}
    */
     .hamburgerbutton{display:block;float:right;}
    .admin .blockitem{width:100%;float:none;}


   

  

   
}