/*
Theme Name: Caravan Parks Affiliate
Theme Uri: http://www.cairnscaravanparks.com.au
Author: Online Tourism
Author Uri: http://www.onlinetourism.com.au
Description: Custom theme for Caravan Parks Affiliate
Version: 1.0
*/

body {
	/* background:url('http://www.busseltonbedandbreakfast.com.au/wp-content/uploads/2013/08/Front gardens.jpg') no-repeat; 
		background-size: cover;
  	background-attachment: fixed;
  	background-repeat: no-repeat;
  	width: 100%;
	height: 100%;
		
	*/
	background: #eee;
  	font-family: 'PT Sans', sans-serif;
  	color: #575652;
  	padding-top: 75px;
  	-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6 {
	margin-top: 0;
	margin-bottom: 18px;
}

h1 {
	font-size: 1.857em
}
h2 {
	font-size: 1.714em
}
h3 {
	font-size: 1.429em	
}
h4 {
	font-size: 1.286em
}
h5 {
	font-size:1.143em
}
h6 {
	font-size: 1em
}



	/*
@media (max-width:481px) {
		body {
			background-size: auto
		}
	}
*/
	
.masthead {
	background-color: #01387E;
	margin-bottom: 0;
}

	.navbar-brand {
		height: auto;
		padding:18px 0 0 0;
	}

@media (max-width:481px){
	.navbar-brand {
		padding-top:6px
	}
}

	.navbar-header .navbar-toggle  {
		background-color: #01387E
	}
	.navbar-header .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.nav>li>a  {
		padding-top: 27px;
		padding-bottom: 28px;
		color: #fff;
		text-transform: uppercase;
	}



#featured {
	color: #fff;	
}

	#featured .jumbotron {
		background: rgba(0,0,0,0.5);
		height: 100%;
		padding-top: 12%;
		border-radius: 0;
	}

		#featured .jumbotron h2 {
			font-size: 65px;
			margin-bottom: 0;
		}

		#featured .jumbotron h3 {
			font-size: 25px;
			margin-top: 0;
		}

			#featured .jumbotron .btn-lg {
				font-size: 22px;
			}


			@media (max-width: 1024px) {
				.nav>li>a {
					padding-left: 15px;
					padding-right: 15px;
					font-size: 11px;
				}
				#featured .jumbotron  {
					padding-top: 20%
				}
			}

			@media (max-width: 768px) {
				.nav>li>a {
					padding-left: 5px;
					padding-right: 5px;
					font-size: 9px;
					padding-top: 10px;
					padding-bottom: 10px;
				}
			
				#featured .jumbotron{
					padding-top: 22%;
				}
				
				#featured .jumbotron h2 {
					font-size: 65px;
				}
				
				#featured .jumbotron h3 {
					font-size: 25px;
				}
				
			}

			@media (max-width: 481px) {
			
				#featured .jumbotron{
					padding-top: 18%;
				}
				#featured .jumbotron h2 {
					font-size: 25px;
				}
				
				#featured .jumbotron h3 {
					font-size: 15px;
				}
					.nav>li>a {
						font-size: 12px;
						padding-left: 15px;
						padding-right: 15px;
					}
	
					#featured .jumbotron .btn-lg {
					font-size: 14px;
				}

			}
			
			#featured .carousel .item {
				max-height: 600px;	
			}
			
			#featured .carousel .item img {
				width: 100%;
				
			}
			#featured .carousel-caption {
				bottom: 0;
				top:0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0;
				
			}
			
				@media (max-width: 481px) { 
						#featured .carousel-caption {
							top:0;
					}
					
				}
				
			.carousel-control.left, .carousel-control.right {
				z-index: 100;
			}

#home-content {
	background-color: #fff;
}
.sidebar {
	background: #fff
}

	.sidebar ul {
		padding-left: 20px;
	}
	.sidebar ul.list-unstyled {
		padding-left:0 !important;}
	.sidebar .widget h3,
	.sidebar h3 {
		padding: 8px 10px;
		background: #01387e;
		color: #fff;
		font-size:16px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	.sidebar .btn-success { margin-bottom:10px;}
.sections {
	background-color: #eee;
	padding: 40px 0;
}

/*#members .col-md-4 {
	padding-right: 0;
	padding-left: 0;
}
	#members .col-md-4 p {
		margin-bottom: 0;
	}*/
	

	#members .col-md-4 p {
		margin-bottom: 0;
	}
	
	#members .img-thumbnail {
		position: relative;

	} 
	
		#members .img-caption {
			position: absolute; 
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
			color: #fff;
			z-index: 0;
		}
		
			#members .img-caption h1 {
				text-align: center;
				margin-top: 24%;
				display: none;
			}
			
				#members .img-caption h1 span {
					margin-top: 5px;
				}
			
				@media (max-width:768px) {
					#members .img-caption h1 {
						margin-top: 15%;
					}
				}
				
				@media (max-width:481px) {
					#members .img-caption h1 {
						margin-top: 18%;
						display:block
					}

					#members ul li a img {
						opacity:0.6	
					}
				}
				
			
				#members ul li {
					margin-bottom: 18px;
				}
				
				#members ul li a {
					background: #000;
					display: block;
				}
			
				#members ul li a:hover img {
					opacity: 0.5;
					transition: opacity .5s ease-out;
				    -moz-transition: opacity .5s ease-out;
				    -webkit-transition: opacity .5s ease-out;
				    -o-transition: opacity .5s ease-out;
				}
				
				#members ul li a:hover h1 {
					display: block
				}

	#home-testi {
		/*background:rgba(0,0,0,0.6);*/
		background-color: #fff
	}

		#home-testi blockquote {
			font-size: 28px;
			font-family: Georgia;
			border:none;
		}
		
		@media (max-width:481px) {
			#home-testi blockquote h1 {font-size: 18px;}
			#home-testi blockquote {font-size: 14px;}
		}
		
#footer {
	background: #01387e;
	color: #fff;
}

/* WordPress Required Elements */

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto;
}
.alignleft, div.alignleft, .attachment-index-categories, .attachment-thumbnail {
	float: left;
	margin: 5px 15px 5px 0;
}

.alignright, div.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}
.alignnone {
	margin: 5px 0;
}


.carousel-fade .carousel-inner .item {
  opacity: 0.3;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.btn-info {
background-color:#1079C9;
border-color:#1079C9
}

.btn-info:hover {
background-color:#01387E;
border-color:#01387E
}

.nav>li>a:hover,
.nav>li:hover a{
	background-color:transparent;
	color:#1079C9
}

.nav>li>a:focus,
.nav>li:hover>a {
	background-color:transparent;
}