/* ----------------------------------------------------------------------------
   # Created by: Roy Muir
   # Date: February 10, 2017
   # Website: 
   # Stylesheet for 3125 Lawrence Avenue East
   # Version: 1.0
   ---------------------------------------------------------------------------- */

/* Table of Content
==================================================
	
*/

/*	==================================================
	# Default
	================================================== */
	body {
		font-weight:300;
		font-size: 16px;
		line-height: 26px;
		color: #555;
	}
	a:focus {
		outline: 0px;
	}

/*	==================================================
	# Typography
	================================================== */
	h1, h2, h3, h4, h5, h6, .slogan{
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		font-weight: normal;
		color: #006097;
	}
	.section-title{
		font-size:30px;
		line-height:36px;
		text-align:center;
		margin-bottom: 60px;
	}
	.section-title + p {
		margin: -40px 0 55px 0;
	}

/*	==================================================
	# CSS3
	================================================== */	
	a, 
	a:hover,
	.profile:hover .profile-photo,
	.blog-post:hover .blog-thumb,
	.border-btn {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}


/*	==================================================
	# Buttons
	================================================== */
	.border-btn {
		font-family: 'Montserrat', sans-serif;
		border: 1px solid #006097;
		text-transform: uppercase;
		font-size: 16px;
		padding: 10px 30px;
		color: #fff;
		background: #006097;
	}
	.border-btn {
		border-radius: 0px;
		text-shadow: none;
		box-shadow: none;
	}
	.border-btn:hover, 
	.border-btn:focus {
		background: #fff;
		border: 1px solid #006097;
		color: #006097;
		text-shadow: none;
		box-shadow: none;
	}

/*	==================================================
	# Form
	================================================== */
	label {
		font-family: 'Montserrat', sans-serif;
		font-size: 13px;
		color: #006097;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	textarea, 
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		border: none;
		box-shadow: none;
		background: #f0f0f4;
	}
	textarea:focus, 
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {
		border-color: #cecece;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: #e8e8e8;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	select,
	textarea,
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		margin-bottom: 25px;
		padding: 10px 8px;
		height: auto;
	}
	textarea {
		resize: none;
	}
	input[type="submit"].input-block-level {
		width: 100%;
		display: block;
	}
	/* .contact-form {
		margin-top: 33px;
	} */
	.form-success {
		display: none;
		padding: 15px;
		margin-top: 40px;
		color: #fff;
		background: #00bba6;
	}
	input.error,
	textarea.error,
	select.error,
	button.error {
		border: 1px solid #d3400c;
	}
	.contact-form .loading {
		display: none;
		background: #000;
		background: url(assets/img/ajax-loader.gif) no-repeat;
		width: 25px;
		height: 25px;
		margin-top: 15px;
	}
	.contact-form select {
		width: 100%;
		padding-top: 9px;
		font-weight: 300;
	}

/*	==================================================
	# Layout
	================================================== */
	.home-type {
		width: 100%;
		overflow: hidden;
	}
	.page-type {
		padding: 45px 0px;
		width: 100%;
		background: #fff;
		position: relative;
	}
	.footer-type {
		background: #626366;
		font-size: 11px;
		padding: 60px 0 25px 0;
		color: #fff;
		position: relative;
	}
	.margin0 {
		margin-left: 0;
	}

/*	==================================================
	# Main Navigation
	================================================== */
	.nav-container {
		position: relative;
		background: #006097;
		height: 57px;
		z-index: 200;
	}
	.main-nav {
		height: 57px;
		width: 100%;
		margin: auto;
		font-family: 'Montserrat', sans-serif;
		background: #006097;
		z-index: 200;
	}
	.main-nav.affix {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		display: block;
	}
	.main-nav .nav {
		margin: 0px;
		text-align: center;
	}
	.nav > li > a:hover,
	.nav > li > a:focus,
	.nav > li.current-menu-item > a {
		background: #004c77;
	}
	.nav > li.logo-header > a:hover,
	.nav > li.logo-header > a:focus,
	.nav > li.current-menu-item.logo-header > a {
		background: none;
	}
	.main-nav li {
		display: inline-block;
		text-transform: uppercase;
		line-height: 57px;
	}
	.main-nav li a{
		color: #fff;
		padding: 0px 15px;
	}
	#mobile-navigation,
	.slicknav_menu {
		display: none;
		/* margin: 8px auto 0px; */
	}
	.main-nav li.logo-header {
		display: none;
		position: absolute;
		top: -60px;
    	left: 50%;
    	margin-left: -55px;
	}
	.slicknav_btn {
	    margin: 13px 0 12px;
	    text-decoration: none;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    background-color: #014369;
        position: relative;
	    display: inline-block;
	    vertical-align: middle;
	    padding: 0.438em 0.625em 0.438em 0.625em;
	    line-height: 1.125em;
	    cursor: pointer;
	}	
	.slicknav_menu .slicknav_menutxt {
		float: left;
		display: block;
		color: #fff;
	}
	.slicknav_menu .slicknav_icon {
	    float: left;
	    width: 1.125em;
	    height: 0.875em;
	    margin: 0.2em 0 0 0.438em;
	}
	.slicknav_menu .slicknav_icon:before {
	    background: transparent;
	    width: 1.125em;
	    height: 0.875em;
	    display: block;
	    content: "";
	    position: absolute;
	}
	.slicknav_menu .slicknav_icon-bar {
	    display: block;
	    width: 1.125em;
	    height: 0.125em;
	    background-color: #fff;
	    -webkit-border-radius: 1px;
	    -moz-border-radius: 1px;
	    border-radius: 1px;
	}
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	    margin-top: 0.188em;
	}
	.slicknav_nav {
		padding: 0;
		margin: 0;
		background: #014369;
		text-align: center;
	}
	.slicknav_nav li {
		line-height: 45px;
	}
	.slicknav_nav li,
	.slicknav_nav li a {
		display: block;
	}

/*	==================================================
	# Home Type
	================================================== */
	.home-type {
		position: relative;
	}
	.home-type .overlay {
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: url(assets/img/lawrence.jpg);
		background-size: cover;
		background-position: right;
	}
	.home-type .overlay.affix {
		position: fixed;
		z-index: 0;
	}
	.home-type .overlay .fade-element {
		color: #fff;
		margin-top: 60px;
		padding: 0px 40px;
		display: none;
	}
	.home-type .overlay .container {
		height: 100%;
		position: relative;
	}
	.home-type .overlay .overlay-content {
		height: 380px;
		position: absolute;
		top: 35%;
		margin-top: -190px;
		left: 0px;
		right: 0px;
	}

/*	==================================================
	# About
	================================================== */

	#about {
		padding-top: 70px;
	}
	#about .span5 img {
		margin: 35px 0 0 0;
	}

/*	==================================================
	# Clients/Ammenities
	================================================== */

	#clients {
		padding-top: 0;
		padding-bottom: 25px;
	}
	#clients h5 {
		margin-bottom: 0;
	}
	.clients.carousel {
		padding:0px 85px;
	}
	.clients.carousel .slides li {
		width: 230px;
		margin-right: 45px;
	}
	.clients.carousel .slides li a,
	.ammenities-grid a {
		opacity: 0.6;
		display: block;
	}
	.clients.carousel .slides li a:hover,
	.ammenities-grid a:hover {
		opacity: 1;
	}
	.ammenities-grid div {
		margin-bottom: 10px;
	}
	.ammenities-grid div:first-child {
		margin-left: 0;
	}	

/*	==================================================
	# Floor Plans
	================================================== */

	.floor-plan-carousel-controls {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.floor-plan-carousel-controls li {
		background: #939597;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		padding: 10px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	.floor-plan-carousel-controls li:hover {
		background: #626366;
	}
	.floor-plan-carousel-controls li.flex-active {
		background: #006097;
	}

/*	==================================================
	# Gallery
	================================================== */

	.gallery-controls {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.gallery-controls li {
		margin-bottom: 10px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	.gallery-controls li:hover {
		opacity: 0.8;
	}
	.gallery-controls li:nth-child(3n+1) {
		margin-left: 0;
	}
	#gallery-carousel .flex-direction-nav {
		position: absolute;
		width: 100%;
		top: 50%;
  		margin-top:  19px;
	}

/*	==================================================
	# Contact
	================================================== */	

	#contact h4 {
		margin-top: 0;
		margin-bottom: 7px;
	}

	#contact .size-select {
		width: 100% !important;
		margin-bottom: 25px;
	}

/*	==================================================
	# Footer
	================================================== */
	.copyright {
		margin-bottom: 0px;
	}

@media screen and (max-width: 1024px){
	.items-container,
	.tiled-items .direction-nav {
		display: none;
	}
	.tiled-items {
		display: block;
		height: 550px;
	}
	.tiled-items .overlay {
		height: 100%;
	}
	.tiled-items .overlay {
		padding: 60px 0px;
		position: relative;
	}
}

@media screen and (max-width: 979px){
	.home-type {
		top: 45px;
	}
	#main-nav {
		position: fixed;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    display: block;
	}
	.main-nav {
		width: 100%;
	}
	.main-nav .nav {
		display: none;
	}
	.slicknav_menu {
		display: block;
		text-align: right;
		position: relative;
	}
	.slicknav_menu > a:first-child {
		position: absolute;
		top:  5px;
		left: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 979px){
	.container{
		width:738px;
	}
	.home-type .overlay .overlay-content {
		margin-top: -200px;
	}
}
@media screen and (max-width: 767px){
	.overlay-content h2 {
		/*color: #fff;*/
		font-size: 28px;
	}
}
@media screen and (min-width: 480px) and (max-width: 767px){
	.container{
		width:420px;
	}
	.page-type {
		padding: 35px 0px;
	}
	#about .row img {
		float: left;
		width: 200px;
		margin-top: 0;
	}
	#about .row .span5 {
		overflow: hidden;
		margin-bottom: 20px;
	}
	#about .row img:first-child {
		margin-right: 20px;
	}
	.ammenities-grid {
		overflow: hidden;
	}
	.ammenities-grid .span4 {
		float: left;
		width: 200px;
	}
	.ammenities-grid .span4:nth-child(2n+1) {
		margin-right: 20px;
	}
	#gallery .span6 {
		overflow: hidden;
	}
	.gallery-controls li {
		float: left;
		width: 65px;
    	margin-right: 6px;
    	margin-bottom: 6px
	}
	.gallery-controls li:nth-child(6n) {
		margin-right: 0;
	}
	#gallery .span17 {
		clear: both;
	}
}

@media screen and (max-width: 479px){
	.home-type {
		top: 65px;
	}
	.container{
		width: 300px;
	}
	.page-type {
		padding: 25px 0px;
	}
	.section-title {
		margin-bottom: 30px;
	}
	.section-title + p {
	    margin: -10px 0 25px 0;
	}
	#about .row img {
		float: left;
		width: 140px;
		margin-top: 0;
	}
	#about .row .span5 {
		overflow: hidden;
		margin-bottom: 20px;
	}
	#about .row img:first-child {
		margin-right: 20px;
	}
	.ammenities-grid {
		overflow: hidden;
	}
	.ammenities-grid .span4 {
		float: left;
		width: 140px;
	}
	.ammenities-grid .span4:nth-child(2n+1) {
		margin-right: 20px;
	}
	#gallery .span6 {
		overflow: hidden;
	}
	.gallery-controls {
		display: none;
	}
	.gallery-controls li {
		float: left;
		width: 70px;
    	margin-right: 6px;
    	margin-bottom: 6px
	}
	.gallery-controls li:nth-child(4n) {
		margin-right: 0;
	}
	#gallery .span17 {
		clear: both;
	}
	.contact-form textarea {
		height: 120px;
	}
	.tiled-items {
		height: 550px;
	}
	.tiled-items .overlay {
		height: 450px;
	}
	.home-type .overlay .overlay-content {
		margin-top: -210px;
	}
	.home-type .overlay .overlay-content img{
		display: none;
	}
}