/****************************************************/
/****************************************************/
/****  Custo. Styles for Burlington Tennis Club  ****/
/****************************************************/
/****************************************************/


body {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	line-height: 190%;
}

/*Colours*/

a { 
	/*color: #38566B;*/
	/*color: #660000;*/
	color: #405C23;
}

a:hover,
a:focus {
	color: #9BC431;
}

.red {
	color: #f00;
}

.green {
	color: #1bad16;
}

/*Typography*/

h1 { 
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 200%;
}

h2 { 
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 200%;
}

/*Other*/

h1.logo { 
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 200%;
	padding-left: 20px;
}

h1 img {
	vertical-align: bottom;
}

.color {
    background-color: #ccc;
}

div.divider {
	margin: 20px 0px;
	border: solid 1px #ccc;
}

.small {
	font-size: 85%;
}

.table>tbody>tr>th,
.table>tbody>tr>td {
	padding: 15px 10px;
}


/*Navigation*/

ul.main-nav li a {
	/*border-bottom: 3px solid transparent;*/
}

ul.main-nav li a:hover {
	background-color: transparent;
	color: #9BC431;
}

/*Second-Level Dropdown*/

.dropdown-menu {
	font-size: 15px;
}

ul.main-nav li.dropdown a.dropdown-toggle:hover {
	border-bottom: none;
}

ul.main-nav li ul li a {
	font-weight: normal;
}

ul.main-nav li ul li a:hover {
	border-bottom: none;
	background-color: #405C23;
	color: #fff;
}


/*Mobile Navigation*/

.navbar-inverse .navbar-toggle {
	border-color: #888 !important;
	color: #888;
	padding: 8px 9px;
}


/*Homepage Banner*/

div.banner {
	background-image: url("../images/droneviewofclubv3.jpg");
	background-position: left top;
	background-size: 100% 100%;
	height: auto;
	text-shadow: 4px 4px 8px #111;
}

div.banner-text {
	padding-top: 5%;padding-left: 5%; padding-bottom: 5%
}

div.banner-text p.welcome-text {
	/*font-weight: bold;*/
	font-size: 200%;
}

div.banner-text p {
	color: #fff;
	font-size: 160%;
}

div.banner-text h1.title {
	font-size: 370%;
	color: #fff;
	padding-bottom: 20px;
}

div.banner img {
	padding-top: 15%;
}


/*Page Title*/

div.title-banner {
	background-image: url("../images/title-banner.jpg");
	background-position: left top;
	height: 130px;
	text-shadow: 4px 4px 8px #111;
}

div.title-banner h1.title {
	font-size: 220%;
	color: #fff;
	padding: 20px 0px;
}


div.highlighted-text {
	color: #f00;
	background-color: #FFFF00;
		
}



/*Footer*/

/*.panel-footer {
	background-color: #bce8f1;
	border: 1px solid #bce8f1;
	color: #31708f;
}*/

.panel-footer {
	background-color: #d6e9c6;
	border: 1px solid #d6e9c6;
	color: #5F9205;
}


div.footer {
	/*background-color: #38566B;*/
	/*background-color: #660000;*/
	background-color: #405C23;
	color: #fff;
	padding: 10px 0px 30px 0px;
}





 @media (max-width: 768px) and (min-width: 500px) { 
	body {
		background-image: none;
		background-color: #fff;
	}

	div.title-banner {
		margin-top: 15px;
	}

	div.title-banner h1.title {
		padding: 0px;
		font-size: 220%;
	}

	div.banner-text {
		padding-top: 5%;
	}

	div.banner-text p.welcome-text {
		/*font-size: 120%;*/
	}

	div.banner-text p {
		font-size: 100%;
	}

	div.banner-text h1.title {
		font-size: 300%;
	}
 }


 @media (max-width: 499px) { 
	body {
		background-image: none;
		background-color: #fff;
	}

	div.title-banner {
		margin-top: 15px;
	}

	div.title-banner h1.title {
		padding: 0px;
		font-size: 180%;
	}

	div.banner-text {
		padding-top: 5%; padding-left: 5%
	}

	div.banner-text p.welcome-text {
		font-size: 120%;
	}

	div.banner-text p {
		font-size: 100%;
	}

	div.banner-text h1.title {
		font-size: 200%;
	}
 }

.main-nav-test {
	margin: 10px 0px;
}

.main-nav-test>li>a {
	padding: 10px 25px;
}