body {padding-bottom: 40px;}





/* first inner div with the message */
#hpmessage {
	float:right;
	margin-right:2em; /* margin-right:2em; */
	border:0px solid #000;
	height: 285px;
	width:500px;
	margin-top:50px;
	padding-top:4px;
	line-height: 1.2em;
	background-image: url('../images/whitebg90.png');
}

/* still in use for 2017*/
#hpbanner2014 {
	/*background-image: url('../images/pinkearthbg2015.png');*/
	background-repeat:no-repeat;
	background-size: 120%;
	height:210px;
	display:block;
	margin-bottom:10px;	
	padding:.5em;
}

#hpbanner2014 H1, #hpmessage H1 { 
font-size: 1.6em;
color:#c3004a;
margin-top: 50px;
/*margin-bottom: -.3em;*/
}

p.hpbanner2014 { 
font-size: 1.6em;
color:#666;
font-weight: 300;
}

#stepsinfo {
	display: none;
}

/*#hero-unit2016 {
	
	background-image: url('../images/ratw_2016_header_1200x400.jpg');
	background-position: bottom;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:0px;
	padding:10px;
	padding-right: 0;
	height: 380px;
	line-height: 1.2em;
	-webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
	border: 0px solid #aaa;
}*/

#hero-unit2017 {
	height: 288px;
	background-image: url('../images/activebanner2020v2.jpg');
	background-repeat:repeat-x; 
	/*border-bottom: 1px solid #777;*/
	background-position: bottom right;
	/*background-size: contain;*/
}



#hpbanner2017 {
float: left;
	/*border-top: 10px solid #bbb;
	border-bottom:10px solid #bbb;*/
	width: auto;
	position: relative;
	margin-top: 3em;
	/*background-image: url('../images/whitebg90.png');*/
	background-position: bottom right;
	padding-left:3em;
	padding-right: 3em;
}

#hpbanner2017 p.player {
	color: #000;
	font-size: 1.1em;
	font-weight: 800;
	background-color: #FFF;
	padding: 0.25em;
	border:1px solid #666;
	border-radius: 10px;
}

/*.covidmessage {
	display: block;
	margin: .5em;
	padding: .5em;
	border: 1px solid #a94442;
}
*/

/* google translate widget goes below the jumbotron */

#trans {
	display: block;
	margin-top:10px;
	margin-right: 10px;
}

#homepagecounter {
	margin-bottom: 6em;
}

#hpicons p {
	font-size: 1.2em;
}

.signinalert {
	
	width: 99%;
	position: relative;
	margin-top: 1em;
    margin-bottom: -1em;
}

.showsignup {margin-top: -.7em;}

/*modal for sign in form*/

.modal-body {
	padding: 40px;
}

.hero-unit h1, .hero-unit h2, .hero-unit h3 {
	color:#c3004a;
	/*padding-top:3.5em;*/
}

.hero-unit h1 { 
  font-size: 30px;
}

.hero-unit h3 { 
  font-size: 20px;
}

.bannertext {
	padding-top: 1em;
	padding-left: 3.5em;
	
	}

#signup, #signup2, #profile_personal2, #profile_business2, #profile_location2, #vtcreateform, #activityform_t, #activityform_d,#contactsubmit,
.age-field, #joinrequestform, #NumbersInfo, #daily2, #daily3, #daily4 {
	display:none;
	}


.signin2 {
	margin-top: 10em;
}


#mobilebanner {
	background-color: #f5f5f5; /*BDCAD2*/
	border-top: 10px solid #bbb;
	border-bottom:10px solid #bbb;
	background-image: url('../images/activebanner2020_hp_mobile.jpg');
	background-position: bottom right;
	height: 220px;
	padding-top: 1em;
	background-repeat: no-repeat;
}


#cookiesdisclaimer {
	position: fixed;
	bottom: 0;
	height:auto;
	padding:.5em;
	width:100%;
	background-color: yellow;
	text-align: center;
	z-index: 1000;
}

/*distance icons/boxes*/

/*  new styles for homepage distances  */
.hpicon {
min-height:6em;
background-color: #fff;
text-align: center;
color:#1D659A;
border: 1px solid #CCC;
margin-bottom:.5em;
}

.hpicon:hover {
	border:1px solid #1D659A;
}

.hpicon h2  {font-size:3.5em;}

.hpiconimage {
	width: 100%;
	min-height:75px;
	max-height:86px;
	/*background-color: #D4DADC;*/
	overflow: hidden;
}

.hpiconimage img {
	width: 100%;
	height: auto;
}

a.plain:hover {text-decoration: none;}

.countries {
	/*background-image: url("../images/hpicon-countries.png");*/
	background-repeat: no-repeat;
}

.locations {
	/*background-image: url("../images/iconbg_cities.png");*/
	background-repeat: no-repeat;
}

.teams {
	/*background-image: url("../images/iconbg_teams.png");*/
	background-repeat: no-repeat;
}

.athletes {
	/*background-image: url("../images/iconbg_players.png");*/
	background-repeat: no-repeat;	
}

#explain {
	text-align: center;
	border:1px solid #ccc;
	border-radius: 10px;
	padding:.5em;
	margin:.5em;
	font-size: 1.1em;
	/*background-color: #f5f5f5;*/
}

.hpprogress_outer {
	padding-top:1px;
	padding-bottom: 1px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    background-color: #fff;
    border-radius: 0;
    margin-top: -3px;
    margin-bottom: 2px;
    height: auto;
}
.hpprogress {
    background-color: #1D659A;  /*99CC33*/  /**/
    border-radius: 0;
    /*margin-top: -10px;*/
    height: .4em;
}

.hpprogress2 {
    background-color: #85b211;  /*99CC33*/
    border-radius: 0;
    /*margin-top: -10px;*/
    height: .4em;
}

/* medals */
.nomedal {color:#F5F5F5;}
.Bronze {color:#A1887F;}
.Silver {color:#B0BEC5;}
.Gold {color:#FFC107;}

/*homepage chart styles for 2018*/

.splitprogress {
	/*margin: .5em;*/
	padding: .5em;
	border: 1px solid #85b211;
}
a.hpchart.splitprogress {
	color: #000;
	border-color:#000;
}
.splitprogress a {
	color:#000;
	text-decoration: none;
}

.splitprogress a:hover {
	color:#85b211;
	text-decoration: none;
}


.splitprogress .badge  {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: inherit;
    line-height: 1;
   /* color: #fff;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #f5f5f5;
    border:1px solid #85b211;
    border-radius: 6px;

    

/*  RESPONSIVE FOR HOME PAGE ONLY */

/* mobile portrait or smaller */
@media (max-width: 479px) {


#hero-unit2016 {margin-top:-20em;}


}

/* MOBILE LANDSCAPE TO TABLET PORTRAIT */
@media (min-width: 480px) and (max-width: 599px) {

/*#hero-unit2017 {margin-top:-10em;}

}*/

/*#hero-unit2017 {
	margin-top:-10em;
	height: 200px;
	background-image: url('../images/hp-bg-2017-lg-4.jpg');
	background-repeat:repeat-x; 
	background-position: bottom left;
	border-bottom: 1px solid #777;
}*/


/* TABLET PORTRAIT TO TABLET LANDSCAPE */
@media (min-width: 600px) and (max-width: 767px) {
#hero-unit2016 {margin-top:-10em;}
}

/* TABLET PORTRAIT */
@media (min-width: 768px) and (max-width: 1023px) {
#hero-unit2016 {margin-top:-10em;}
#hpbanner2016 {margin-top: 10em;}
}