@custom-blue-dk:		#1B194B;
@custom-blue-dk-trans:	rgba(27, 25, 75, 0.8);
@custom-blue-trans:		rgba(132, 211, 237, 0.6);
@custom-blue-lt:		#84D3ED;

@font-bold:				'ITCAvantGardeStd-Md';
@font-body:				'ITCAvantGardeStd-Bk';



// General - Overrides //////////
body {
	background-image: url(../../images/bg-body.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: white;
	font-family: @font-body;
	padding-top: 0;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
}
#main article {
	background: rgba(0,0,0,.55);
}
section.post_content, .page-header {
	padding: 1em;
}
img {
	max-width: 100%;
}
.container {
	min-width: 300px;
	max-width: 970px;
}
.lead {
    font-size: 100%;
}
input, textarea {
    color: #000 !important;
}

// Typography //////////
h1, .h1, h2, .h2, h3, .h3 {
	font-family: @font-bold;
	
}
h1, .h1 {
    font-size: 63px;
}
.post_content a:link,
.post_content a:visited {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}
.home {
	.post_content a:link,
	.post_content a:visited {
		text-decoration: none;
	}
}

li {
	margin-bottom: 20px;
}



// Main Navigation //////////
.navbar {
	margin-bottom: 0;
}
.navbar-default {
    background-color: transparent;
    border: none;
    color: white;
    background-image: url(../../images/bg-swoosh3.png);
	min-height: 270px;
	background-position: center top;
	background-size: cover;
	position: relative;
	z-index: 2;
	padding-bottom: 220px;
	background-repeat: no-repeat;
}
.navbar-default .navbar-brand {
    color: white;
}
.navbar-default .navbar-nav>li>a {
    color: white;
    font-size: 16px;
    font-family: @font-bold;
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
    color: @custom-blue-trans;
    background-color: transparent;
}
.navbar-collapse {
	border-top: none;
}
.navbar-nav {
    margin: 0 -15px;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
    color: @custom-blue-lt;
    background-color: transparent;
}

@media only screen and (min-width : 1600px) {
	.navbar-default {
		padding-bottom: 260px;
	}
}
@media only screen and (min-width : 1400px) {
	.navbar-default {
		background-position: center bottom;
	}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
		padding-left: 7px;
		padding-right: 7px;
	}
	.navbar-default {
		padding-bottom: 160px;
	}
}

@media only screen and (min-width :	768px) {
	.navbar {
		min-height: 150px;
	}
	#menu-main-navigation {
		float: right;
		clear: right;
	}
}
	
@media only screen and (max-width : 767px) {
	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form {
		background-color: @custom-blue-dk;
		margin-top: 60px;
	}
}

@media only screen and (min-width : 2000px) {
	.navbar-default {
		padding-bottom: 320px;
	}
}


// Header ///////////
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
    color: white;
}
.navbar-default .navbar-brand {
	text-align: right;
	padding-top: 30px;
}
.navbar-brand>img {
	max-width: 300px;
}
.lic {
	padding-right: 30px;
}
.phone {
	float: right;
	padding-top: 20px;
	text-align: center;
	h2 {
		margin: 0;
		font-size: 24px;
	}
	h3 {
		margin: 0;
		font-size: 22px;
		a {
			color: white;
			text-decoration: none;
		}
	}
}

@media only screen and (min-width : 768px) and (max-width : 992px) {
	.navbar-brand>img {
		max-width: 200px;
	}
	.phone h2,
	.phone h3 {
		font-size: 18px;
	}
}
@media only screen and (max-width : 767px) {
	.navbar-brand>img {
		max-width: 200px;
	}
	.phone {
		padding-top: 10px;
	}
}

@media only screen and (max-width : 440px) {
	.navbar-brand > img {
	    max-width: 160px;
	}
	.phone h2,
	.phone h3 {
		font-size: 18px;
	}
	.navbar-default {
		padding-bottom: 160px;
	}
}
@media only screen and (max-width : 340px) {
	.phone h2,
	.phone h3 {
		font-size: 16px;
	}
}




// Front Page //////////
.home {
	#content {
		background-color: transparent;
		margin-top: 0;
		padding-top: 40px;
		margin-bottom: 0px;
		.col-sm-3 {
			background-color: @custom-blue-lt;
			text-align: center;
			padding: 130px 30px 20px;
			min-height: 201px;
			background-repeat: no-repeat;
			background-position: center 10px;
			font-family: @font-bold;
			font-size: 15px;
			margin-bottom: 30px;
		}
		.first {
			background-image: url(../../images/icon-sun.png);	
		}
		.second {
			background-image: url(../../images/icon-screen.png);	
		}
		.third {
			background-image: url(../../images/icon-ball.png);	
		}
		.fourth {
			background-image: url(../../images/icon-swim.png);	
		}
	}
}
#hero {
	background-image: url(../../images/beach-ball-lg.jpg);
	margin-top: -310px;
	padding-top: 370px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: right center;
}

@media only screen and (max-width : 992px) {
	#hero {
		background-position: center center;
	}
}

@media only screen and (min-width : 768px) {
	.home #content .col-sm-3 {
		width: 22%;
		margin: 0 1.5%;
	}
}
@media only screen and (min-width : 768px) and (max-width : 992px) {
	.home #content .col-sm-3 {
		min-height: 210px;
		padding: 130px 10px 10px;
	}
}
@media only screen and (max-width : 767px) {
	.home #content .col-sm-3 {
		min-height: inherit;
	}
}



// Interior Pages //////////
#content {
	background-color: @custom-blue-trans;
	margin-bottom: 80px;
	margin-top: -230px;
    padding-top: 140px;
    position: relative;
    z-index: 1;
}
.page-header {
	text-align: right;
}


// Footer //////////
footer.footer {
	background-color: @custom-blue-dk-trans;
}
#inner-footer {
	padding: 40px 0 50px;
	text-align: center;
	p {
		margin: 0;
		font-size: 18px;
		font-family: @font-bold;
	}
	a {
		color: white;
	}
}


// Forms ////////////////
.gform_wrapper {
	input, textarea {
		border: 1px solid #ddd;
	}
	li.gfield.gfield_error, 
	li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	    background-color: #ddd;
	    margin-bottom: .375em!important;
	    padding: 0;
	    border-top: 1px solid @custom-blue-dk;
	    border-bottom: 1px solid @custom-blue-dk;
	}
	div.validation_error,
	.gfield_error .gfield_label,
	.validation_message,
	li.gfield_error div.ginput_complex.ginput_container label, 
	li.gfield_error ul.gfield_checkbox, 
	li.gfield_error ul.gfield_radio {
		color: @custom-blue-dk;
	}
	div.validation_error {
		border-top: 2px solid  @custom-blue-dk;
		border-bottom: 2px solid  @custom-blue-dk;
	}
	li.gfield_error input[type=email], 
	 li.gfield_error input[type=number], 
	 li.gfield_error input[type=password], 
	 li.gfield_error input[type=tel], 
	 li.gfield_error input[type=text], 
	 li.gfield_error input[type=url], 
	 li.gfield_error textarea {
		 border-color: @custom-blue-dk;
	 }
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper li.gfield_error textarea,
.gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
.gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
.gform_wrapper .ginput_complex .ginput_right select, 
.gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
.gform_wrapper .ginput_complex select {
    color: black;
}