@charset "UTF-8";
@font-face{font-family:'Merriweather';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Merriweather-Regular.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html,body,div,h1,h2,h3,h4,h5,h6,p,a,img,ul,li{margin:0;padding:0;border:0;font-size:16px;font:inherit;vertical-align:baseline;box-sizing:border-box}
html,body{height:100%}
body{font-family:'Merriweather',serif;font-weight:300;line-height:1.5;background-color:#fff;color:#666;-webkit-text-size-adjust:none;-ms-overflow-style:scrollbar;margin:0 auto;width:100%;max-width:820px}
@media screen and (min-width: 821px) {
html{background:#eee}
body{border-left:1px solid #000;border-right:1px solid #000}
}
#container{display:flex;flex-direction:column;height:100%}
h2{font-size:2.5em}
h3{font-size:1.9em}
h4{font-size:1.2em;color:#0d638f}

input,button{font-family:'Merriweather',serif;font-size:1.5em}
input[type=text],input[type=number],input[type=tel]{border:1px solid #000;border-radius:4px;padding:.3em}
b{font-weight:700;color:#0d638f}
a{text-decoration:underline;color:#0d638f}
a.contrast{color:#023854}
p{margin-bottom:1em}
#add-button,#ios-prompt,#iphone-prompt,#ipad-prompt{position:absolute;height:fit-content;bottom:95px;left:2.5%;width:95%;max-width:800px;padding:8px;background:#fff;color:#666;border:1px solid #666;border-radius:10px;font-size:1.2em;z-index:999;display:none}
@media screen and (min-width: 821px) {
#add-button,#ios-prompt,#iphone-prompt,#ipad-prompt{left:unset;margin-left:10px}
}
#install-button{border:1px solid #0d638f;border-radius:4px;background:#c6d4e5;font-size:1.2em;width:150px;margin:1em auto;padding:8px;text-decoration:none}
.shareicon{display:inline-block;margin-top:4px;margin-bottom:-4px;height:20px;width:auto}
#header{flex-shrink:0;background:#a0b3ba;height:2.6em;color:#0d638f;border-bottom:1px solid #2c687b;overflow:hidden}
#header img{height:100%;width:auto;padding:.1em .8em}
#header div{display:inline-block;position:absolute;top:.4em;font-size:1.2em;color:#2c687b;text-transform:uppercase}
#footer{
background:#a0b3ba;padding:1em 1em 0;text-align:center;font-size:.8em;border-top:1px solid #2c687b;color:#fff}
#footer a{text-decoration:none}
#version{float:right;margin:.5em 0}
#sponsor{background:#3498db;height:2.6em;border-top:1px solid #666;overflow:hidden}
#sponsor img{height:100%;width:auto;padding:.1em .8em}
.page{flex:1;overflow:auto}
#home{display:flex;flex-direction:column;background:#dbe7ec}
#home .inner{position:relative;top:20vh;width:100%;text-align:center;color:#0d638f}
#home .inner img{height:120px;width:120px;margin:0 auto;max-width:100%;max-height:100%}
@media screen and (min-width: 375px) {
#header div{top:.1em;font-size:1.6em}
}
@media screen and (min-width: 481px) {
#home .inner{top:25vh}
#home .inner h1{font-size:3.7em}
#header{height:3.4em}
#header div{top:.1em;font-size:2.2em}
}
@media screen and (min-width: 781px) {
#header{height:4em}
#header div{top:.3em}
}
#versiontype{margin-top:auto;color:#0d638f;text-align:center}
#setup{width:100%;padding:.8em}
#setup input:not(.chboxes){background:#fff;width:95%;color:#0d638f}
#setup ul{padding-left:1em;list-style-type: disc;}
button:not(#add-button):not(#ios-prompt):not(#iphone-prompt):not(#ipad-prompt):not(#menu-btn){font-weight:300;color:#023854;padding:8px}
button:not(#add-button):not(#ios-prompt):not(#iphone-prompt):not(#ipad-prompt):not(#menu-btn),#results,#resultsA,#resultsB,#correction,#last,#comment,#reset{
	border: 1px solid #023854;
	border-radius: 4px;
	background: #c6d4e5;
	font-size: 1.5em;
	display: inline-block;
	width: 250px;
	padding: 8px;
	text-decoration: none
}
.home{margin-bottom:.5em}
.left{width:100%;height:1.5em}
.right{width:100%}
.home:after{content:"";display:table;clear:both}
@media screen and (min-width: 481px) {
.left,.right{float:left;text-align:right}
.left{width:25%;padding-right:12px}
.right{width:50%}
}
@media screen and (min-width: 781px) {
.left{width:30%}
}
.done{display:block;font-size:1em;color:#ab0006;padding:.2em 0}
@media screen and (min-height:700px) {
.done{padding:.8em 0}
}
#scoring{text-align:center}
.rider{/*font-size:1.5em;*/margin:10% 0 0}
.rider span{font-size:1.5em;margin-left:-10%}
.rider input{border:1px solid #023854;background:#d1e1f3;font-size:2.5em;padding:.1em .3em}
.rider input[type=number]{width:20%;margin-left:.6em;color:#023854}
.rider input[type=submit]{font-size:1.5em;width:50%}
.rider input[type=submit]:enabled{color:#023854}
.scoring{font-size:1.5em}
#scores,#laps,#sections{position:relative;margin:0 auto 10%}
#scores input[type="radio"],#laps input[type="radio"],#sections input[type="radio"]{display:none}
#scores input[type="radio"]:checked + .box,#scores input[type="radio"]:checked + .delete,#laps input[type="radio"]:checked + .box,#sections input[type="radio"]:checked + .box{background-color:#023854;color:#fff}
#scores input[type="radio"]:checked + .box span,#scores input[type="radio"]:checked + .delete span,#laps input[type="radio"]:checked + .box span,#sections input[type="radio"]:checked + .box span{color:#fff}
#scores .box,#laps .box,#sections .box{width:calc(18% - 8px);height:20vw;max-height:140px;margin:0 1%;background-color:#c6d4e5;border:1px solid #000;border-radius:4px;display:inline-block;text-align:center;cursor:pointer;position:relative}
#scores .delete{width:50%;max-width:250px;background-color:#c6d4e5;border:1px solid #000;border-radius:4px;display:inline-block;text-align:center;cursor:pointer;position:relative}
#scores .box:active,#scores .delete:active,#laps .box:active,#sections .box:active{color:#fff}
#scores .box span,#laps .box span,#sections .box span{position:relative;font-size:2.2em;color:#023854}
@media screen and (min-width: 750px) {
.scoring{font-size:1.5em}
.rider input{font-size:3.2em;width:2.5em;padding:.3em}
#scores .box span,#laps .box span{font-size:3.2em}
}
#scores .delete span{font-size:1.5em;color:#023854;margin:0}