:root{
--lightpurple:rgba(255,255,255,1.0);
--lightblue:rgba(176,196,222,0.2);
--purple:#56378A;
--violet: #952D98;
--fuchsia: #C3004A;
--turquoise: #0092BB;
--grayblue: #44697D;
--gray:#868688;
--palepurple:#C5BBDA;
--orange:#f90;
--darkblue:#369;
--w3darkblue:#369;
--w3green:#98cc14; /* same as success */
--w3darkgreen:#85b211;
--w3blue:#4c98e0;
--dropdownbg:#fefefe;
}

/* first inner div with the message */
#hpmessage {
	/*float:right;
	margin-right:2em; /* margin-right:2em; */
	border-bottom:2px solid #ccc;
	height: 6em;
	width:100%;
	margin-top:4px;
	padding:1.5em;
	line-height: 1.2em;
	background-color: #FFF;
	text-align: center;
}

#hpmessage p {
	font-size:1.25em;
}

#hpmessage h1 {
	font-size: 1.6em;
	margin-top: -.5em;
	color:#98cc14;
}

#hpClosed {
  background-image: url('../../images/bigteambanner_1400.png');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  height: 600px;
  border: 1px solid #CCC;
  margin: 2em;
}

.hpsection {
/*	background-color: #f1f1f1;*/
	text-align: left;
	background-image: linear-gradient(#fdfcfb, #eee);
	margin-bottom: 6px;
}

.hpsection :is(h2,h4) {
background: transparent;
text-align: center;
margin-top:0;
} 


.wanews {
	color:#27536D;
	/*border:2px solid #fc8201;*/
	padding: 4px;
	border-radius: 4px;
	margin-bottom: 12px;
}

/*#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');
}*/



/* formerl hero-unit2016*/
/* image size: 1500px minimum x 400px */

#hero-unit{
/*	background-image: url('../images/hero/hero_moose_sm_fade1.jpg');*/
background-image: url('../images/kemira24banner2400x1200.png');
	background-position: bottom left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:0;
	margin-top:-1.5em; 
	/*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-mobile {
	background-image: url('../images/kemira24banner2400x1200.png');
/*	background-image: url('../images/hero/hero_moose_sm_fade1.jpg');*/
	margin-top: -20px;
	background-size: 100%;
		background-position: bottom left;
	background-repeat: no-repeat;
		background-color:#C8DCF5;
}

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

.hpbanner_main, #eventgoal_ribbon {
/*background-image: url('../images/greybg_77.png');*/
/*	background-repeat: repeat;*/
/*background-color: rgba(52,104,152,0.25);*/
/*background-image: linear-gradient(rgba(52,104,152,0.6),rgba(52,104,152,0.0) );*/
position: relative;
margin-top:-140px;
padding:.25rem;
padding-right: 2em;
width: 100%;
height:100px;
text-align: right;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
}

.hpbanner_main p{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
text-shadow: 1px 1px 3px #000;
}

.hpbanner_main H1{
font-family: Arial, Helvetica, sans-serif;
text-shadow: 1px 1px 3px #000;
font-size: 2.5em;
}

.hpbanner_buttons {
	width:100%;
	text-align: center;
	padding-top: 1em;
}

#hpbanner2016 p {
	font-size: 2em;
	color: #FFF;

}

#hpbanner_player {
	background-color:var(--palewhite);
	border:1px solid #ddd;
	border-radius: 6px;
	padding: 20px;
	margin:auto;
	margin-top: 1em;
/*	box-shadow: 3px 3px 10px #ccc;*/
	min-width: 30%;
	max-width: 50%;
}

.hp_playersonly {
	border: 1px solid var(--w3blue);
}

.playersOnlyDiv {
	border: 2px solid #fff;
	border-radius: 8px;
	background-color: #fdfcfb;
	/*border:2px solid #fff;
	background-color:#f9f9f9;
	border-radius: 6px;*/
	min-height: 100px;
	padding: .5em;
	margin:2px;
	margin-bottom: 12px;
	box-shadow: 3px 3px 10px #EEE;
	font-size: 1.2em;
}

.hpicon {
min-height:6em;
background-color: #fff;
text-align: center;
/*padding:.6em;*/
color:#000;
border: 1px solid #CCC;
margin-bottom:1.5em;
box-shadow: 5px 5px 5px #dddddd;
}

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

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

.hpiconimage {
	width: 100%;
	height:105px;
	/*max-height:86px;*/
	background-color: #D4DADC;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.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/hpicon-teams4.png");
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
}

.cities {
	background-image: url("../images/hpicon-cities2.png");
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;

}

.athletes {
	background-image: url("../images/hpicon-players.png");
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
}

.countries {
	background-image: url("../images/hpicon-countries.png");
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
}


/* carousel styles to override bootstrap defaults */

.carousel {
	height:3em;
/*	width: 100%;*/
	border:2px solid #BBB;
/*	border-bottom: 1px solid #aaa;*/
	border-radius: 6px;
	background-color: #FFF;
	margin-bottom: 6px;
/*	box-shadow: 3px 3px 10px #ccc;*/
}

.carousel-title {
	font-size: 1.2em;
	text-align: center;
	color: #fc8201;
	/*background-color: #eee;*/
	padding: 4px;
	margin-bottom: 0;
}

.carousel-inner {
	/*height: 40px;*/
	/*overflow: visible;*/
	/*margin-top: 7em;*/
}

.carousel-inner > .item {
	margin-top: 1.0em;	
	line-height: .8em;
}

.carousel-caption {
	position: relative;
	font-size:1.5rem;
	color:#888;
	text-shadow:none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	left: 0;
	}

@media (max-width: 1000px) {

.carousel-caption {
	position: relative;
	font-size:1.25rem;
	}

}

.topday {

	border: 1px dashed #bbb;
	border-radius: 8px;
	background-color: #fdfcfb;
	padding: .5em;
	margin: .2rem 0;
/*	margin-top:.2em;*/
	text-align: center;
	overflow: hidden;
	padding-top: 0;
/*border:2px solid #98cc14;
padding: 6px;
margin-top: 6px;
margin-bottom: 6px;
margin-left:6px;
margin-right:6px;
border-radius: 6px;
background-color: #FFF;*/
}

.topday :is(h3,h4){
	margin-top: 0;
	color: #369;
	margin-bottom: 1rem;
	margin-left:-1rem;
	margin-right:-2rem;
	height: 4rem;
	background: rgba(176,196,222,0.2);
/*	width: 110%;*/
	padding:1rem 2rem 1.5em 2rem;
}

/* event goal info area */

#eventgoal {
	/*float: right;*/
	margin-top: -0.8em;
	margin-right: 1.2em;
	text-align: center;
}

#eventgoal_ribbon {
margin-top:-58px;
height: 4.2em;
}

.modal-body {
    padding: 40px;
}

.signinalert {
	
	width: 99%;
	position: relative;
	margin-top: -1em;
    /*margin-bottom: -1em;*/
    background-color: yellow;
}

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

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

#hero-unit h1 { 
  font-size: 2.5em;
}

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

#homepagestats {
	margin-top: 5px;
}

h2.hp2, h2.hp {
	background-color:#d5d5d5;
}

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

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


.signin2 {
	margin-top: 10em;
}


/* for the home page sign in button only */
.btn-success {
  color: #000;
  background-color: #fff;
  border: 2px solid #98cc14;
  letter-spacing: 1px;
}

.btn-success:hover {
	color: #000;
	background-color: #f5f5f5;
	border-color: #000;
}

 /*pw reset button */

 .pwreset {
 	margin-top: -1em;
 	margin-bottom: 3em;
 }


#eventname {
	/*background-color: transparent;*/
	border-top: 10px solid #bbb;
	border-bottom:10px solid #bbb;
}

.progress {
	background-color: #99CC33;
	border-radius: 0;
	margin-top: -10px;
}

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

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

/*  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-unit2016 {margin-top:-10em;}

}


/* 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;}*/
}