/* w3 specific styles  */


/*
colours:
success #98cc14
primary 
warning
danger
default
demo blue #7C9ABF

*/

.w3 {font-family: "Arial Rounded MT Bold", 'Varela Round', sans-serif;}

body {
  
  background-color: #f5f5f5;
   padding-bottom: 0;
}

/* PRIMARY NAV */

.navbar {
	background-color:#eee;
	min-height: 30px;
	border-radius: 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

.navbar form {padding-top:8px;}

.navbar-inverse .navbar-brand{
color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
color: #fff;
}
.topbar img {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	float: right;
	clear: none;
}



#topname {
    width: auto;
    float: left;
    margin-top: 1em;
}

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

/* footer */


#footer {
	margin-top:40px;
}

#footer .date {color: #eee;}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color:#fff;
  color: #A6A732; /* same as navbar bg */
}



.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

/* SECONDARY NAV */

.navbar2 {

	background-color: #d5d5d5;
}

/* JUMBOTRON */

.jumbotron {
	margin-bottom:10px;
	padding-top:0;
	padding-bottom:0;
}




/*  BANNERS  */





/* generic container for full width*/

.container-full {width:100%;}

/* FONTS - HEADERS */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .list-group-item {
/*font-family: "Arial Rounded MT Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-family: 'Varela Round', sans-serif;
font-weight: 500;
line-height: 1.1;
}

.label {font-weight:normal;}



p, li, td {
font-family: 'Open Sans', sans-serif;
}
/* homepage styles*/

h1.hp {
	font-size:60px;
	margin-bottom:-20px;
	margin-top:0px;
	}
h2.hp {margin-bottom:0;}
h2.hp2 {margin-top:0;}

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

/* ALERTS (NEW COLOURS) */

/*.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}*/

.alert-success {
	background-color: #FFF;
	border:3px solid #98cc14;
	color:#777;
}

.alert-info {
color: #31708f;
background-color: #e5e5e5;
border-color: #ccc;
}

.alert-danger {
color: red;
background-color: #fff;
border-color: red;

}



/* HIDDEN ELEMENTS */

#aboutevent,
#signup, 
#signin,  
#profile_personal2, 
#signup2, 
#signup3, 
#signupfinal,
/*#signupnext,*/
#signupnext1,
#waiver,	
#profile_business2, 
#profile_location2, 
#vtcreateform, 
#category1form, 
#category2form, 
#categoryval1form, 
#categoryval2form,
#contactsubmit,
.age-field,
#joinrequestform,
#activityform_t, 
#activityform_d,
/*#contact2,
#contact3*/
#addtimedactivitiesform,
#addfitbitresultsform, 
#dailyBike, #dailyRun, #dailyOther,
#badge_marathon,
#badge_century,
#badge_seventyfive,
#badge_ironman,
#badge_halfmil,
#badge_million,
#activitydetails
 {
	display:none;
	}
	
#addtimedactivitiesform {
	position: relative;
	top: 0;
}
	
#signin {
position:relative;
height:60px;
margin-top:0;
padding:4px;
background-color:transparent;
text-align:center;
}

#searchform  {
position:relative;
margin-top:0;
padding:4px;
background-color:transparent;
text-align:center;
width:40%;
float: right;
}

li.signinform {overflow:visible;}

/* -----------  full stats divs  ---------------- */

#fullstats_cities, #fullstats_countries, #fullstats_athletes {display:none;}
	
	/*#profile_personal2, #profile_business2,*/
	
#signup2, #signup3 {
	clear:both;
	margin-top:20px;
	}

/* buttons */

.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #cccccc;
}

.btn-primary{background-color: #428bca;}

.btn-signup {
	border:3px solid #369;
}

.btn-signup:hover {
	border:3px solid #000 ;
}

.btn-success {
  color: #000;
  background-color: #98cc14;
  border: 2px solid #999;
}

.btn-success:hover {
	background-color: #85B211;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e1e1e1;
  border-color: #adadad;
}

.btn-clear {
    background-color: transparent;
    border-color: #aaa;
}

.btn-clear:hover {
	background-color: #fff;
}

.btn-footerpw {
	background-color: transparent;
    border:none;
    color: #FFF;
    font-size: 1em;
    padding-left: 15px;
}

.btn-learn, .btn-report-corp {
	background-color: #fff;
	border-color: #369;
}

.btn-help {
	border:1px solid #fc0000;  /*orange = #ffa80c*/
	background-color: #fff;
	color: #fc0000;
	padding:1px 4px;
}



/* custom well styles for report page */


/* additional colours */

.grey {color: #777;}

.bgblack {background-color:#000;}
/*.bgdarkgrey {background-color:#2f2f2f;}*/

.bgdarkgrey {
    background-color: #525252;
    background-image: url("../images/maze-black.png");
}

.paleblue {
	background-color: #F1F3F4;
}

.palegreyblue {
	background-color: #B9C9D0;
}

.bgwhite {
	background-color: #FFF;
}

/*labels*/

.label-clear {
	background-color: transparent;
	border: 1px solid #ccc;
	color: #000;
	margin:1em;
}

/* custom border styles */

.bordertop1 {
	border-top: 1px solid #ccc;
}

/* labels */

.label {
	font-size: 100%;
}

.navbar-toggle {
    background-color: #d5d5d5;
    margin-right: 2em;
}

.navbar-toggle .icon-bar {
    background-color: #222;
}

.navbar .showsignin, .signout {
    margin: 12px;
}

/* dropdown nav styles.*/


.navbar-nav li a.dropdown-toggle, a.dropdown-toggle:hover {	
	color:#333;
	}

.navbar-nav li a.dropdown-toggle:hover, .navbar-nav li a.dropdown-toggle:focus {background-color:transparent;}

.navbar-nav .open .dropdown-menu {
	background-color: #FFF;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color:#e5e5e5;
  color: #000; /* same as navbar bg */
}

.panel {
	border: 1px solid #dfdfdf;
	border-radius:0;
	-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,0.17);
	-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,0.17);
	box-shadow: 0 2px 2px -1px rgba(0,0,0,0.17);
}

.panel-default {
	background-color:#fff;
}

.label-target {
	background-color: #fff;
    color: #98cc14;;
    border: 2px solid #98cc14;;
}

/* badge greyout */

.greybadge {
	background-color: #f4f3f4;
	opacity: 0.1;
	width:110px;
	height: 110px;
	float: left;
	margin:1px;
}



.footer-header {
	background-color:transparent;
	color:#FFF;
	border:none;
	font-weight:700;
	font-size:1.3em;
}

#footer a, #footer .btn-footerpw {
	color:#ddd;
	background-color:transparent;
	}
	
#footer a:hover, #footer .btn-footerpw:hover {
	color:#FFF;
	background-color: #444;
}




.margin5 {margin-right:5px;margin-left:5px;}



/* responsive overrides */

@media (max-width: 767px){
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #000000;
}

/* reduces top&bottom padding to keep sign in link from being cut off */
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 3px 15px 3px 25px;
}

}