@charset "utf-8";
/*--- live stream widget ---*/
svg { height:100%;}
html { overflow:hidden !important;}
body, html { height:100vh; }

.sideBarMap { height:100%; }
.ac_virtualeventcontainer { height:100%; }
.twdc_eventstreamdiv { display:none !important; }
.bgwoffset { display:none !important; }

@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
.poleCalendar  { height:100%; background:#eee; position:absolute; top:0; left:0; right:0; bottom:0; }
.poleCalendar:after { content:''; pointer-events:none; position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; background:#333; opacity:0; transition:opacity 0.3s; }
.namePopup + .poleOuter .poleCalendar:after, canvas + .poleOuter .poleCalendar:after { opacity:0.08; }
.namePopup { background:#fff; box-shadow:0 1px 2px #ddd; padding:10px; position:absolute; z-index:999; animation: fadeIn ease 0.6s;
-webkit-animation: fadeIn ease 0.6s;
-moz-animation: fadeIn ease 0.6s;
-o-animation: fadeIn ease 0.6s;
-ms-animation: fadeIn ease 0.6s;
}
.namePopup canvas { pointer-events:none;  width:100%; opacity:0; height:300px; position:absolute; top:0; left:0; right:0; }
.userName { opacity:1; z-index:20; transition:opacity 0.3s; }
.yahmarker { pointer-events:none; animation: fadeIn ease 2s alternate infinite; }
.ifouter { height:100%; overflow:hidden;}

.livestreamheader > div { width:100%; }
.markertext, .explorer, .explorercluster { cursor:pointer; }

.mountainVisual img, .mountainVisualAR img { width:100%; height:auto; min-width: 640px;}
.mountainMarkers { overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; min-width:640px;}
.map16x9 { cursor:auto !important; padding-bottom:70.709%;}
.yahmkr { z-index:2000; position:absolute; width:7.3%; height:2.06%; background-size:cover; background-image:url(https://www.ultrabritain.com/StravaAPI/Strava-ActionChallenge/ac_virtual/img/youarehere.png); }
.kiliScores { -webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0; overflow:hidden; min-width:320px; }
.kiliScores .showhidebtn { display:none; }
.addcalouter { margin-bottom:30px; }
.info { background:#f84; color:#fff; padding:5px; margin-bottom:10px;}
.info:before { content:'\f129'; left:5px; font-size:2rem; color:#f84; background:#fff; border-radius:100%; width:26px; height:26px; text-align:center; margin-right:10px; min-width:26px; max-width:26px;  }

.poleOuter { width: 100%; height: 100%; padding: 0; margin: 0; min-width: 800px; }
.poleContainer { width:100%; overflow:hidden; }

.canDelete { width:100%; height:100%; }
.canDelete:before { content:'\f1f8'; text-align:center; cursor:pointer; color:#888; transition:all 0.3s;}
.canDelete:hover:before { color:#c40; }

.daypicked { background:#4cf; color:#fff; }
.addactCalDay[data-day] { cursor:pointer; }
.invalidday { opacity:0.5; background:#eee; cursor:auto !important;}
.unitsSelected { color:#fff !important; }
.addActIB { margin:0 0 30px 0; }
.addactCalDay { font-family:Montserrat, arial, sans-serif; -webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0; min-height:40px; text-align:center; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc; transition:all 0.3s; }
.addactCalDay:last-child { border-right:1px dotted #ccc; }
.actDistance { width:100%; font-size:2rem; padding:0 5px;}
.actDate, .actSource, .actDel { width:100px; min-width:100px; max-width:100px; padding:0 5px;}
.actheader { background:#ccc; color:#fff; }
.actLI { border-bottom:1px dotted #dda; }
.actLI:last-child { border-bottom:none; }
.uploadBox { color:#888; font-size:1.4rem; line-height:2.8rem; padding:10px; background:rgb(255,255,255,0.9); box-shadow:0 1px 2px #bbb; min-height:170px; }
.onmapcopy { padding:20px; }
.viewperformance { margin:0 5px; z-index:4000; min-height:46px; text-transform: uppercase; background: #4cf; color: #fff; font-size: 2rem; }
.viewperformance.stuck-fixed { right:0%; z-index:6999;}

.vab.stuck-fixed { right:0%; z-index:6999; width:100% !important; left:0; padding:5px; background:#fff; box-shadow:0 1px 2px #ccc; }
.vab.stuck-fixed button { float:right;  }
.recordedActivities:empty:before { content:'no activities logged to date'; line-height:60px; margin-bottom:10px; }
.recordedActivities.loading:before { content:'retrieving your activities..'; }
.storedstairs { min-height:30px; }
.storedstairs:empty:before { content:'no stairs stored'; line-height:20px; font-size:14px; }
.storedstair { background:#fff; border:1px dotted #ccc; margin:0 5px 0; padding:5px; cursor:pointer; }
.litstep { background:#4cf !important; color:#fff; cursor:auto; }
.storedstair:before { content:'\f1b3'; font-size:30px; height:34px; width:34px; line-height:34px; color:#4cf; margin:0 10px 0 5px; justify-content: space-between;}
.litstep:before { color:#fff; }
.fourfourfour { color:#444; }

.TWDCleafletMapContainer { height:100%; }

.highlightedmarker {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		fill:#f40;
	}

	100% {
		fill:#fff;
	}
}
.namesearch { background:#f4f4f4; width:100%; padding:5px 5px 5px 50px; }
.namesearch:before { content:'\f002'; font-size: 20px; color: #888; display: block; position: absolute; left: 18px; line-height: 38px;}
.namesearch input { margin:0; }
.clearsearch { width:40px; }
.clearsearch:before { content:'\f1f8'; display: block; font-size: 20px; color: #888; line-height: 38px; text-align: center;}
.showfavs { width:40px; cursor:pointer; }
.showfavs:before { content:'\f06e'; display: block; font-size: 20px; color: #888; line-height: 38px; text-align: center;}
.showfavs.lit:before { color:#4cf; }
.recordHow { position:absolute; bottom:0; z-index:4000; }
.itsme { padding-bottom:20px !important; }

.setfav { position:absolute; left:5px; width:35px; height:100%; bottom:0px; z-index:4000;}
.setfav:before { font-size:2rem; position: absolute; bottom: 0; left: 7px; }
.setfav:before { content:'\f06e'; color:#ccc; }
.fav .setfav:before { content:'\f06e'; color:#4cf; }

.savedstairs { margin-right:5px; }
.newstairs { margin-left:5px; padding-left:10px; border-left:1px dotted #ccc; }
.newstairs:hover { opacity:1; }
.stairsouter { padding:10px; background:#f8f8f8; margin-bottom:10px;}

.mileagetable { z-index:10; width:100%; height:100%; overflow:auto; background:#fff}

.kilimileagetable { position:absolute; /*height:100%;*/ z-index:10; left:0; top:48px; width:calc(100% + 20px); overflow:auto; bottom:0; background:#fff;}
.kilimileagetable .bigNumber { font-size:26px !important; line-height:30px !important; }

.resultOuter { transition:all 0.3s; }
.resultOuter:hover { background:#4cf; color:#fff; }
.resultOuter[data-strava]:after { white-space: pre; display:block; position:absolute; bottom:0; font-size:12px; color:#bb8; content:"Strava:"attr(data-strava)"\aLast Refreshed:"attr(data-lu); }
.resultOuter[data-strava] { padding-bottom:36px; }
.showhide { opacity:0; position:absolute; right:0; top:0; width:0; height:0; }
#twdc_ac_showtable + label { margin:0; z-index:11; background:#4cf; color:#fff;  width:30%; height:30px; line-height:30px; text-align:center; text-transform:uppercase; font-size:2rem;}
.kiliScores #twdc_ac_showtable + label { width:100%; display:none; }
.hidename { display:none !important; }
.map16x9 { -webkit-box-flex:3;-ms-flex:3 1 0px;flex:3 1 0; }

.mileagetable:empty:before { content:'results refreshing..'; padding:20px 10px; font-size:1.4rem;}

.completedroute:after { content: attr(data-l); position: absolute;right: 9px;bottom:4px;font-weight: bold;}
.completedroute .bigNumber:before { content: 'running total'; color: #444; text-shadow: none; position: absolute; left: 0; font-size: 1.2rem; top: 0; line-height: 1.2rem;}

.completedroute:after, .reachedhalf:after {
  content:''; position:absolute; right:0; top:0; width:50px; bottom:0; background-size:contain; background-repeat:no-repeat; background-position:center;
 border-left:1px dotted #ccc; display:block;
}
.reachedhalf:after { background-image:url(https://www.ultrabritain.com/StravaAPI/Strava-ActionChallenge/ac_virtual/img/hut.jpg); }
.completedroute:after { background-image:url(https://www.ultrabritain.com/StravaAPI/Strava-ActionChallenge/ac_virtual/img/polemarker.jpg); }
.loginbutton { min-width:360px; }

li[data-l]:before { content:''; width:35px; height:35px; top:50%; margin-top:-26px; left:5px; position:absolute; background-repeat:no-repeat; background-size:contain;}
li[data-l='100km']:before { background-image:url(https://www.ultrabritain.com/ActionChallenge/IMG/eskimoYELLOW.png); }
li[data-l='250km']:before { background-image:url(https://www.ultrabritain.com/ActionChallenge/IMG/eskimoWHITE.png); }
li[data-l='500km']:before { background-image:url(https://www.ultrabritain.com/ActionChallenge/IMG/eskimoBLUE.png); }
li[data-l='750km']:before { background-image:url(https://www.ultrabritain.com/ActionChallenge/IMG/eskimoRED.png); }
li[data-l='1000km']:before { background-image:url(https://www.ultrabritain.com/ActionChallenge/IMG/eskimoGREEN.png); }

.warning { margin-top:0 !important; font-size:12px; padding: 2px 5px; display: inline; text-transform: uppercase; color:#f40; ; border-radius: 3px; }
.bigNumber { font-size:3rem; line-height:50px; text-align:right;}
.warning:before { color:#f40; content:'\f071'; margin-right:10px; z-index:10;}
.mileagetable li, .kilimileagetable li { border-bottom:1px dotted #ddd; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; color:#888; padding:5px 60px 5px 45px; background:#f8f8f8;}
.kilimileagetable li { padding:8px 60px 8px 10px; }
.resultName { text-align:left;}
.mileagetable li:last-child, .kilimileagetable li:last-child { border-bottom:none; }
.kilimileagetable li:before {  border-radius:100%; line-height:30px; font-size:18px; font-weight:bold; text-align:center; content:attr(data-camp); width:30px; height:30px; position: absolute; right: 10px; color: #fff;}

.twdc_eventLiveStream { column-count:7; margin: 10px 0; padding: 0; moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; }
.twdc_sustnImage { background:#f8f8f8; padding:10px; box-shadow:0 1px 2px #ddd; margin-bottom:5px; }
.feed_imgclicktrap { position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:100;}
.feed_imgclicktrap:before { content:'\f004'; transition:all 0.3s; color:#F30; font-size:6rem; line-height:6rem; text-shadow: 0 1px 2px #333; transform:translateY(-50px); opacity:0; }
.curated:before { transform:translateY(0); opacity:1; }

.matchedEntrants:empty:before { content:'no-one matched'; }
.matchedEntrants { padding:10px 0;  }
.matchedEntrants li { background:#eeb; cursor:pointer; font-weight:bold; border:1px dotted #ccc; width:200px; padding:5px; margin:0 5px 5px 0;}

.matchedEntrants li:after { font-weight:normal; margin-top:10px; display:block; content:"UltraBritain ID:"attr(data-id)"\A Event Entry ID:"attr(data-reid); }
.matchedEntrants li:hover { background:#dda; color:#fff; }

.event_progress { background:#f8f8f8; z-index:111; font-family: Montserrat; color:#888; font-weight:bold; }
.event_progress .fx1 { text-align:center; }
.livestreamheader { overflow:hidden;z-index:3000; background:#f8f8f8; padding:10px; min-height:80px; max-height:80px;}

@media only screen and (max-width: 800px) {
	.event_progress { font-size: 1.2rem; line-height: 1.4rem; }
	.twdc_uganda_location { font-size:2rem; line-height: 2.1rem;}
	.tableopen { position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 320px;
z-index: 20000;
max-height: 100vh !important; }
	.showtabs { bottom : 0 !important;}
	.bigNumber { font-size:2.6rem !important; }
	.mileagetable { background:rgb(255,255,255,0.8); }
	.kiliScores #twdc_ac_showtable + label { width:100%; display:block; }
	#twdc_ac_showtable + label:before { box-shadow:none !important; display:block; content:'show participants'; }
	.kiliScores { max-height:30px; position: absolute; top: 0; left: 0; bottom: 0; width: 320px; z-index: 2000;}
	.tableopen #twdc_ac_showtable + label::before { content: 'hide participants' !important; }
	.tableopen { position:fixed; top:0; left:0; bottom: 0; width:320px; z-index:20000; max-height:100vh !important; }
}

@media only screen and (max-width: 479px) {
	.event_progress { font-size: 1.4rem; line-height: 1.6rem; }
	.twdc_uganda_location { font-size:1.4rem; line-height: 1.6rem;}
	.viewperformance.stuck-fixed { width:100% !important; }
	.onmapcopy { padding:0 !important; }
  .livestreamheader > div { width:100%; float:none; }
  .map16x9 { padding-bottom:100% !important; }
}