/* BASIC STYLING */

html{
	font-family: arial, sans-serif;
}

body{
	font-family: arial, sans-serif;
	font-size: 13px;
	background-color: white;
	color:#555;
}

strong{
	font-weight: bold;
}

.nowrap{
white-space: nowrap;
}

.und{
text-decoration: underline !important;
}

.shrink{
width:1%;
}

@media print {
    .no-print, .no-print *
    	{
        	display: none !important;
    	}
 }

.roundcorners{
 -webkit-border-radius: 6px; /* for safari */
 -moz-border-raidus: 6px; /* for firefox < 4 */
 border-radius: 6px; /* for all other that support it */
}



/* LEAVE OUT ON MOBILE */

@media (max-width: 700px) {

	.nomob{ display:none;}

}



/* HEADINGS */

h1:first-letter, h2:first-letter, h3:first-letter{
	text-transform: capitalize
}

h1{
  font-family: podkova, verdana;
  font-size:2.5em;
  font-weight: bold;
  line-height: 1.3em;
  color: #0a68a3;
  text-align:center;
}

.ct > h1, #overl h1{
margin-bottom:25px;
}

.ct > h1.withSub{
margin-bottom:12px;
}


.undertitle{
text-align:center;
position:relative;
top:-20px;
line-height: 2em;
}

.undertitle a{
text-decoration: underline;
}

.content-l h1{
text-align:left;
}

h2{
  font-family: podkova, verdana;
  font-size:1.6em;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom:0.4em;
  /* padding-top:0.5em; */
  color: #333;
}

h3{
  font-size:1em;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom:1em;
  color: #000;
  text-align:left;
}

.ic  h3{
  font-family: podkova, verdana;
  font-size:1.6em;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom:0.4em;
  color: #333;
}

.ic  h3.doublebottom{
  margin-bottom:0.8em;
}

h4{
  font-family: podkova, verdana;
  font-size:1.6em;
  font-weight: normal;
  line-height: 1.3em;
  margin-bottom:0.4em;
  color: #333;
}

.ic ul{
list-style: disc outside none;
 margin-left: 20px;
 margin-bottom:20px;
}
.ic ul li{
margin-bottom:0.5em
}

.ic p{
margin-bottom:1em;
}

.ic p.nomb{
margin-bottom:0em;
}

.ic a.button_prim_b{
height:36px;
line-height:36px;
}

.ic .lastitem{
margin-bottom:0px !important;
}

.ic img {
width: 100%;
height: auto;
max-width:430px;
}






/* PARAGRAPH STYLING */

p{
  font-size:1em;
  line-height: 1.8em;
  margin-bottom:1.5em;
  max-width: 600px;
}

p.ps{
  font-size:11px;
  color: #999;
  line-height:1.4em;
}





/* HYPERLINK STYLING */

a{
  	text-decoration: none;
  	color: #a81e75;
}

p > a:link, p > a:visited, p > a:hover, p > a:active{
  	text-decoration: underline;
  	color: #a81e75;
  	cursor: pointer;
}

a.alwaysgreen:link, a.alwaysgreen:visited, a.alwaysgreen:hover, a.alwaysgreen:active{
  	text-decoration: underline !important;
  	color: #a81e75 !important;
  	cursor: pointer !important;
}

.inlinelink, inlinelink:active {
  	text-decoration: none;
  	color: #0d9f49;
  	cursor: pointer;
}




/* IMAGE STYLING */

.ajaxloaderbig{
width:24px !important;
height:24px !important;
display: block;
margin: 30px auto;
}




/* TABLE STYLING */

table{
width:100%;
margin-bottom:1.5em;
}

/* .ic table{
margin-bottom:40px;
} */


table td, table th{
padding:7px 10px 7px 0;
vertical-align: middle;
line-height: 1.25rem;
}

table td.center, table th.center{
text-align: center;
padding-right:20px;
}

table tr{
border-bottom:1px solid #dfdfdf;
}

table tr:last-child{
border-bottom:none;
}

table .tablebadge{
width: 50px;
height: 50px;
}

.nrcell{
text-align:right;
white-space: nowrap;
}

@media (max-width: 700px) {
table td, table th{
padding:15px 10px 15px 0;
vertical-align: middle;
}
}

table td.npr, table th.npr{
padding-right:0px !important;
}



/* MAIN BUILDING BLOCKS */

.cl{
/* float:left; */
width:100%;
clear:both;
}

.ct{
max-width:1200px;
margin: 0 auto;
}

.ic{
padding:20px;
border: 1px solid #eeeeee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
min-height:50px;
}



.trio, .triofloat, .duo, .duo-r, .duo-l, .quattro, .single, .content-l{
display:inline-block;
text-align:left;
margin-bottom:3%;
vertical-align:top;
float:left;
}

.content-l.nr1 .ic{
/* border-color:white; */
}

.highlightblock{
background-color: #f4f4f4;
}

.single{
width:100%;
}


.duo{
width: 48.5%;
}
.duo.nr1{
margin-right:3%;
}


.duo-r.nr1{
width: 32%;
margin-right:3%;
}
.duo-r.nr2{
width: 65%;
}
.duo-l.nr1{
width: 65%;
margin-right:3%;
}
.duo-l.nr2{
width: 32%;
}


.trio, .triofloat{
width: 31%;
}
.trio.nr1, .triofloat.nr1{
margin-right:3%;
clear:left;
}
.trio.nr3, .triofloat.nr3{
margin-left:3%;
width: 32%;
}

.trio.nr3.sticky-r{
float:right;
}


.quattro.nr1, .quattro.nr4{
width: 65%;
}
.quattro.nr2, .quattro.nr3{
width: 32%;
}
.quattro.nr2{
margin-left:3%;
}
.quattro.nr3{
margin-right:3%;
}


.content-l{
width: 65%;
margin-right:3%;
margin-bottom:3%
}
.content-l.bl{
width: 32%;
float:right;
margin-right:0px;
margin-bottom:3%
}

.content-r{
width: 68%;
margin-right:0;
float:right;
margin-bottom:3%
}
.content-r.bl{
width: 29%;
margin-right:3%;
float:left;
margin-bottom:3%
}



@media (max-width: 980px) {

	.trio.nr1{
	width: 100%;
	margin-left:0px;
	}
	.trio.nr2, .trio.nr3, .duo-l.nr1, .duo-l.nr2, .duo-r.nr1, .duo-r.nr2{
	width: 48.5%;
	}

	.trio.nr1.sticky-r{
	width:48.5%;
	margin-left: 0px;
	margin-right: 0px;
	}
	.trio.nr2.sticky-r{
	width:100%;
	margin-left: 0px;
	margin-right: 0px;
	}
	.trio.nr3.sticky-r{
	width:48.5%;
	margin-left: 3%;
	}

	.triofloat.nr1, .triofloat.nr2, .triofloat.nr3{
	width: 48.5%;
	margin-left:0;
	margin-right: 0;
	}
	.triofloat.nr1{
	margin-right:3%;
	}


	.quattro.nr1, .quattro.nr4{
	width:100%;
	}
	.quattro.nr2{
	width:48.5%;
	margin-left: 0;
	margin-right:3%;
	}
	.quattro.nr3{
	width:48.5%;
	margin-left: 0;
	margin-right:0;
	}

	.content-r, .content-l{
	width:60%;
	}
	.content-r.bl, .content-l.bl{
	width:37%;
	}

	.content-r{
	width:68%;
	}
	.content-r.bl{
	width:29%;
	}


}

@media (max-width: 700px) {

	.trio.nr1, .trio.nr2, .trio.nr3, .duo, .duo-l.nr1, .duo-l.nr2, .duo-r.nr1, .duo-r.nr2, .quattro.nr1, .quattro.nr2, .quattro.nr3, .quattro.nr4, .trio.nr1.sticky-r, .trio.nr2.sticky-r, .trio.nr3.sticky-r, .content-l, .content-l.bl, .content-r, .content-r.bl, .triofloat.nr1, .triofloat.nr2, .triofloat.nr3{
	width: 100%;
	margin-left:0px;
	margin-right:0px;
	}

	.ic  h3, .ic p{
	text-align:center !important;
	}

	.content-l p{
	text-align:left !important;
	}

	/*.ic{
	padding:20px 0;
	border: 0px solid #eeeeee;
     -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
   	border-top: 1px solid #eeeeee;
    min-height:50px;
	}

	.ic.highlightblock{
	padding: 20px 20px;
	} */

	.ic > a img{
	display:block;
	margin: 0 auto;
	max-width: 340px;
	}

	.trio, .triofloat, .duo, .duo-r, .duo-l, .quattro, .single, .content-l, .content-r, .content-r.bl{
	margin-bottom:20px;
	}

	.home-connect-buttons {
		justify-content: center !important;
		margin: 18px auto 14px auto;
	}
	.home-connect-buttons a.button_prim_a {
		margin: 0 5px 10px 5px !important;
		display: inline-flex !important;
	}

}

.home-connect-buttons {
	display: flex;
	gap: 10px;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: 18px 0 14px 0;
}
.home-connect-buttons a.button_prim_a {
	margin: 0 0 10px 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.unl{
max-width:none !important;
}














/* FONT ICON */

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-user:before { content: "\e008"; }
.glyphicon-home:before { content: "\e021"; }
.glyphicon-log-in:before { content: "\e161"; }
.glyphicon-log-out:before { content: "\e163"; }






/* AUTOCOMPLETE */

* html .ui-autocomplete {
    height: 250px;
}

.ui-autocomplete{
display: inline-block;
max-height:200px;
overflow-y:auto;
overflow-x:hidden;
border:none;
z-index:9999;
border: 1px solid #0d9f49;
border-top: none;
background-color:white;
}

.ui-autocomplete li {
    font-size: 18px;
	padding:14px;
	padding-left:2%;
	font-weight:bold;
	color: #0d9f49;
}

.ui-autocomplete li.ui-state-focus.ui-menu-item{
color:white;
background-color:#0d9f49;
text-decoration: underline;
cursor:pointer;
}


input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

#usersearch{
font-size:20px;
font-weight:normal;
border: none;
width:100%;
border: none;
padding: 2%;
border: 1px solid #999;
margin-bottom:20px;
background:url('/images/input-field-search-icon.png') no-repeat right center;
background-size: 34px 21px;
outline: none;
}

.ui-autocomplete-loading {
background:url('/images/ajax-loader-inputfield.gif') no-repeat right center;
}

.ui-helper-hidden-accessible{
display:none;
}




/* PLACE SEARCH INPUT FIELD */
#placesearch{
font-size:20px;
font-weight:normal;
width:100%;
border: none;
padding: 2%;
border: 1px solid #999;
margin-bottom:20px;
outline: none;
}




/* SINGLE USER PAGE */

a.userbadgeblock{
display:inline-block;
font-weight:bold;
color:#555;
}







/* BUTTONS */

a.button_prim_a, a.button_prim_b{
display:inline-block;
padding:0px 20px;
color:white;
font-size:14px;
height:34px;
line-height:34px;
 -webkit-border-radius: 4px; /* for safari */
 -moz-border-raidus: 4px; /* for firefox < 4 */
 border-radius: 4px; /* for all other that support it */
 margin-bottom: 1em;
 margin-right:10px;
 text-decoration: none !important;
}

/* unvisited link */
a.button_prim_a:link, a.button_prim_b{
    color:white !important;
}

/* visited link */
a.button_prim_a:visited, a.button_prim_b:visited{
    color:white !important;
}

/* mouse over link */
a.button_prim_a:hover, a.button_prim_b:hover{
    color:white !important;
}

a.button_prim_a:active, a.button_prim_b:active{
    color:white !important;
}



a.button_prim_a{
background-color:#a81e75;
}
a.button_prim_b{
background-color:#fe6d21;
}

a.button_prim_a:hover{
background-color:#891a63;
}

a.inactive, a.inactive:hover{
background-color:#ddd !important;
cursor: default;
}

div.buttoncontainer{
padding-bottom:1em;
max-width: 600px;
margin-left:auto;
margin-right: auto;
}


a.button_prim_c{
display:inline-block;
padding:0px 20px;
font-size:14px;
height:34px;
line-height:34px;
 -webkit-border-radius: 4px; /* for safari */
 -moz-border-raidus: 4px; /* for firefox < 4 */
 border-radius: 4px; /* for all other that support it */
 margin-bottom: 1em;
 margin-right:10px;
 text-decoration: none !important;
 border: 1px dashed #bbb;
}

a.button_prim_c:hover{
border: 1px solid #bbb;
}

@media (max-width: 480px) {
	a.button_prim_a, a.button_prim_b{
		margin-right: 0px;
		display:block;
		text-align:center;
	}
	div.homeMainButton > a.button_prim_a, div.homeMainButton > a.button_prim_b{
		margin-right: 0px;
		display:inline-block;
		text-align:center;
	}
	.home-connect-buttons a.button_prim_a{
		display:inline-flex !important;
		margin: 0 4px 10px 4px !important;
	}

}


.sitesection div.ic a.button_prim_b{
		display:block;
		text-align:center;
		height:46px;
line-height:46px;
max-width: 300px;
margin-right: auto;
margin-left: auto;

}


/* SMALL INLINE OR IN-TABLE BUTTONS */

td a.button, a.button_inline_a{
background-color:#a81e75;
display:inline-block;
padding:0px 10px;
color:white;
height:28px;
line-height:28px;
 -webkit-border-radius: 4px; /* for safari */
 -moz-border-raidus: 4px; /* for firefox < 4 */
 border-radius: 4px; /* for all other that support it */
 text-decoration: none !important;
}

td a.show{
line-height:28px;
padding-left:10px;
text-decoration: underline;
}

td span.error{
line-height:28px;
padding-left:10px;
color:red;
}

td a.button:link, td a.button:visited, td a.button:hover, td a.button:active,
a.button_inline_a:link, a.button_inline_a:visited, a.button_inline_a:hover, a.button_inline_a:active{
    color:white !important;
}











/* CIRCLE HOSTS */

.tilehost{
background-color:#f4f4f4;
/* text-align:center !important; */
}

.tilehost > h3, .tilehost > p{
padding-left: 2%;
}

 .tilehost > p{
 padding-bottom:10px;
 max-width: none;
 }





/* CIRCLE TILE */

a.circletile{
width:27%;
display:inline-block;
vertical-align:top;
background-color:#ffffff;
margin: 2%;
margin-top: 0;
margin-bottom:4%;
 -webkit-border-radius: 15px; /* for safari */
 -moz-border-raidus: 15px; /* for firefox < 4 */
 border-radius: 15px; /* for all other that support it */
 border: none;
 cursor:pointer;
 border: 1px solid #eee;
 padding:1%;
 color: #333 !important;
}

a.circletile:hover{
 color: #000 !important;
 border: 1px solid #aaa !important;
}

a.circletile div.tileinfo{
text-align: center;
margin: 10px 10px 10px 10px;
line-height:1.5em;
font-size:90%;
/* width:68%;
float:left; */
}

a.circletile div.tilescore{
text-align: center;
margin: 5px 5px 10px 0px;
line-height:1.5em;
/* font-size:18px; */
font-size:90%;
width:20%;
float:right;
display:none;
}

@media (max-width: 980px) {
 	a.circletile{ width:43%; }
}

@media (max-width: 500px) {
	a.circletile{ width:98%; margin: 0px; margin-bottom:20px; }
}




/* CIRCLE TILELIGHT */

a.circletilelight{

display:block;
vertical-align:top;
background-color:#ffffff;
 -webkit-border-radius: 15px; /* for safari */
 -moz-border-raidus: 15px; /* for firefox < 4 */
 border-radius: 15px; /* for all other that support it */
 border: none;
 cursor:pointer;
 border: 1px solid #eee;
 color: #333 !important;
margin: 0 9px 18px 9px;
margin-top:0px;
}










/* SHOW CIRCLES */

h3 select{
position: relative;
top: -1px;
margin-left:5px;
padding:3px;
}



/* FAQ */

.faq h4{
padding-top:20px;
margin-top: 10px;
}

.faqcontainer{
border-top: 1px dashed #ddd;
margin-top:30px;
}





/* ACCORDION */

div.accordion.expandedBottom{
border-top: 1px solid #ddd;
padding-top:16px;
}

div.accordion.expandedBottom a.button_prim_a{
margin-bottom: 0px;
}

div.expandedBottomArea{
margin-top:16px;
margin-left:0px !important;
}

h2.ui-accordion-header{
border-top: 1px solid #ddd;
padding: 0.8em 0px;
cursor: pointer;
padding-left:22px;
margin-bottom:0px;
}
h2.ui-accordion-header:first-child{
border-top:none;
padding-top:0px;
padding-bottom: 0px;
margin-bottom: 0.8em;
}

h2.ui-accordion-header.ui-state-focus{
outline: none;
}
h2.ui-accordion-header{
background-image: url('../images/arrow-expand.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 12px 12px;
}
h2.ui-accordion-header.ui-state-active{
background-image: url('../images/arrow-close.png');
}

div#accordion > div.ui-accordion-content > p{
text-align:left !important;
}

div#accordion > div.ui-accordion-content{
margin-left: 23px;
margin-bottom:20px;
}

div#accordion > div.ui-accordion-content strong{
color:#000000;
}

div#accordion > div.ui-accordion-content a.button_prim_a{
display: inline-block !important;
}

@media (max-width: 700px) {

h2.ui-accordion-header{
padding-bottom: 0.6em;
padding-top: 0.6em;
}
h2.ui-accordion-header:first-child{
margin-bottom: 0.6em;
}
}




/* OVERLAY */

.overl{
display:block !important;
z-index: 9999;
width:100%;
height:100%;
position:fixed;
top: 0px;
left: 0px;
color:#333;
background-color: rgba(0,0,0, 0.5);
overflow:auto;
}

#overlContainer{
margin: 25px auto 20px auto;
max-width:698px;
width:90%;
background-color:white;
 -webkit-border-radius: 6px; /* for safari */
 -moz-border-raidus: 6px; /* for firefox < 4 */
 border-radius: 6px; /* for all other that support it */
}


#overlHeader{
padding:20px 20px 0 20px;
color: black;
}


#overlContent{
padding: 0 20px 20px 20px;
overflow:auto;
text-align:center;
}

#overlContent > h1{
margin-left:42px;
margin-right:42px;
}

#overlContent > p{
max-width: none;
}


#closelink{
text-align:right;
cursor: pointer;
}



.cll{
/* background-color: #0c79be; */
background-color: #999;
display: inline-block;
padding:5px;
line-height: 0.5;
}




/* RECEIPT */


table.receipt td{
line-height:1.5em;
}

table.receipt td a{
line-height:1em;
}

.receiptbold{
font-weight: bold;
font-size: 120%;
text-align:right;
width:1%;
}

tr.receipttotal > td{
background-color:#0c79be;
color:white;
text-align:right;
font-size: 120%;
font-weight: bold;
border-bottom:none;
}

tr.receipttotal > td.receiptbold{
font-size: 160%;
}

tr.receipttotal{
border-bottom:none;
}

.penalty{
color: red !important;
}



/* MAP */

#distanceContainer{
padding:10px;
font-family: sans-serif;
font-size: 12px;
line-height: 16px;
color: white;
position: absolute;
z-index: 9999;
background-color: rgba(0,0,0, 0.5);
display:none;
margin-top:10px;
text-align:center;
}

#distanceContainer > div#omtrek{
font-family: podkova, serif;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}

#donotforget{
display: none;
}




/* Fixed bottom nav */

footer.fixedbottom{
position: fixed;
bottom: 0px;
width: 100%;
}

#bottomfixednav{
width:100%;
position: fixed;
bottom:0px;
background-color: rgba(55, 55, 55, 0.1);
background-color: #eee;
padding:12px 0px;
border-top: 3px solid white;
text-align:center;
}


#bottomfixednav ul{
display: inline-block;
vertical-align:middle;
margin-right:15px;
}

#bottomfixednav li{
display: inline-block;
margin: 0;
margin-left: 12px;
vertical-align:middle;
}

#bottomfixednav li > a{
-webkit-border-radius: 6px; /* for safari */
-moz-border-raidus: 6px; /* for firefox < 4 */
border-radius: 6px; /* for all other that support it */
padding:0px 18px;
height: 40px;
display:inline-block;
vertical-align:top;
background-color: #0d9f49;
color: white;
line-height:40px;
}

/* Single circle page */

#circlepager{
display: block;
text-align:right;
line-height: 1.5em;
vertical-align:middle;
}

#selecthost{
background-color: rgba(0,0,0,0.3);
padding:10px 15px;
display:inline-block;
 -webkit-border-radius: 6px; /* for safari */
 -moz-border-raidus: 6px; /* for firefox < 4 */
 border-radius: 6px; /* for all other that support it */
 vertical-align:middle;
}

#selecthost select{
font-size:12px;
}

div.pagerarrowhost{
width:30px;
height: 30px;
display:inline-block;
vertical-align:middle;
}




/* BADGE PAGE SPECIFIC */

#badgeimg{
width: 200px;
height: 200px;
float:left;
margin-left: -20px;
margin-top: -20px;
}

#howToGet{
margin-left: 190px;
}


@media (max-width: 800px) {

#badgeimg{
position:static;
display:block;
margin: -20px auto 0px auto;
float:none;
}

#howToGet{
display:block;
max-width:none;
margin-left:0px;
}

}




@media (max-width: 800px) {

.sectionmenu{
display:inline-block;
margin-left:5px;
margin-right:5px;
}

.sectionmenuhost{
text-align:center;
}

section#main-section{
  padding:15px 18px;
  padding-top:30px;
}

}



/* HOME Owl caroussel */
.owl-carousel .owl-item {
text-align: center;
}



/* RANKING */

.rankBlock{
background-color:#eee;
padding:15px 20px;
text-align: center;
display: inline-block;
margin-right:20px;
vertical-align:top;
margin-bottom:15px;
}

.rankBlock > div{
vertical-align:top;
}

.rankBlock p{
margin-bottom:5px;
}


.rankBlock .rankNr{
font-size: 1.6rem;
font-family: podkova, serif;
font-weight:bold;
}



/* SERIOUS BETA TAB */

#betatab{
background-color:#0a68a3;
padding: 0.5rem;
color: white;
}
#betatab a{
color:#fed939;
}





/* INNER BLOCKS */

.innerblock{
padding-bottom:20px;
}

/* RATING OF CIRCLES */

.ratinghost{
display:inline-block;
width: 88px;
height:16px;
background-image: url('../images/stars-empty.png');
background-repeat: no-repeat;
background-position: 0 0;
padding: 0px;
background-size: 88px 16px;
/* position: relative;
top: 0px; */
text-align: left;
}

.ratingfiller{
display:inline-block;
width: 0px;
height:16px;
background-image: url('../images/stars-filled.png');
background-repeat: no-repeat;
background-position: 0 0;
background-size: 88px 16px;
padding: 0px;
}

.ratingdiv{
margin: 0px 5px;
padding: 5px 0px 15px 0px;
text-align:center;
font-size: 90%;
/* color: #bbb; */
border-bottom: 1px solid #eee;
line-height: 1rem;
}



/* SUBNAV */

.subnavInpage{
text-align:center;
padding-bottom: 30px;
}

.subnavInpage a{
font-size: 14px;
}

.subnavInpage a.acti{
color:black;
font-weight:bold;
}


/* RECENT RUNNERS ON HOME */

ul#recentRunners, ul#recentRunners li{
display: inline-block;
}

ul#recentRunners li{
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #ccc;
}

ul#recentRunners li:first-child{
border-left: none;
margin-left: 0px;
}

ul#recentRunners li a{
text-decoration: underline;
}


/* SINGLE CIRCLE */

#singletitle{
margin-bottom:26px;
text-align:center;
color:#0a68a3;
font-family: podkova, verdana;
font-size:1.1rem;
line-height: 1.8rem;
}

#singletitle .actID{
font-size: 2rem;
font-weight: bold;
}


#singletitle .perfectcircle{
color: #0d9f49;
}



#yourhome img{
width:20px;
height:20px;
position: relative;
left:-5px;
top:5px;
padding-left:4px;
}