/*
Theme Name: Wisconsin Lake Front
Theme URI: http://aios3-staging.agentimage.com/w/wisconsinlakefront.com/htdocs/
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.3.6
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2.	IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/

/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	background: #FFF;
	color: #616161;
	margin: 0;
}

a, a:hover, a:active, a:focus {
	color: #4167b0;
	outline: 0;
}

.transition {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-backface-visibility: hidden;
}

em.contact-no {
	font-style: normal;
}

/*** IP bg ***/

.ip-bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.ip-bg .ip-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: url('images/ip-bg.jpg');
}

/*** header ***/

header {	
	background: rgba(255,255,255,.5);
	display: block;
	width: 100%;
	color: #305190;		
	padding: 23px 0;
	position: relative;	
}
	
	.home header {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
	}
	
	header:before {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0; 
		content: '';
		background: url('images/hdr-shadow.png') no-repeat;
		background-size: 100% 100%;
		z-index: -1;
	}
	
	.hdr-logo {
		position: relative;
	}		

	.hdr-contact {
		padding-top: 25px;
		text-align: right;
		font-size: 16px;
		color: #305190;
		font-weight: 500;
		line-height: 24px;
	}

		.hdr-contact span {
			margin-right: 10px;
			line-height: 24px;
			font-size: 14px;			
			display: inline-block;			
			color: #ffdd3c;
		}

			.hdr-contact span.ai-font-envelope {
				margin-left: 25px;
				margin-right: 5px;
			}

		.hdr-contact a {color: #305190;; text-decoration: none;}

		
/*** Navigation ***/

	#nav {
		text-align: right;
		margin-top: 25px;
		font-size:0;
	}

	#nav li {
		display: inline-block;
		margin: 0;
	}

		#nav li a {
		    display: inline-block;
		    color: #32569c;
			font-size: 16px;
			line-height: 16px;
			font-weight: 700;
		    text-decoration: none;
		    position: relative;
		    margin: 0;		    		    
		    /* padding: 0 42px; */
		    padding: 0 30px;
		    border-right: 2px solid #ffdd3c;
		    text-transform: uppercase;
		}		

		#nav li.menu-item-94 a {
			padding-right: 0;
			border: 0;
		}


	/*SUBMENU*/
	#nav .sub-menu {
	    list-style: none outside none;
	    margin: auto;
	    padding: 0;
	    position: absolute;
	    min-width: 195px;
	    margin-left: -97px;
	    left: 50%;
	    z-index: 100;
	    background: rgba(48,81,144,.8);
	    display: none;	    
	}		
	
	#nav .sub-menu .sub-menu{
		margin:0 0 0 50%;
	}

		#nav .sub-menu li {
			margin: 0;
		    position: relative;
		    display: inline-block;
		    width: 100%;
		    text-align: center;
		}

			#nav .sub-menu a {
				margin: 0;
			    color: #fff;
			    display: block;
			    font-size: 13px;
			    padding: 10px;
			    text-transform: uppercase;			    
			    font-weight: 400;
			    border: 0;
			}

				

			#nav .sub-menu a:hover {
				color: #32569c;
				background: rgba(255,221,60, .8);
			}

/*** Homepage ***/

/** HERO **/

#hero{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.hp-buzz {
	width: 100%;
	display: block;
	background: #e5f2fa;
	padding: 18px 0;
	font-size: 32px;
	color: #1c8ecd;
	text-align: center;
}
	
	.hp-buzz div {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		text-transform: uppercase;
	}
	
	.hp-buzz span {
		font-size: 41px;
		font-weight: 700;
	}

	.hp-buzz img {
		display: inline-block;
		margin-left: 30px;
	}

.hp-fp {
	display: block;
	width: 100%;
	padding: 75px 0;
}
	
	.hp-fp h2 {
		font-size: 40px;
		line-height: 34px;
		font-weight: 100;
		letter-spacing: 2px;
		color: #0e3c60;
		text-transform: uppercase;
		position: relative;
		padding-bottom: 30px;
		margin-top: 30%;
	}

		.hp-fp h2:after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 78px;
			height: 4px;
			background: #ffdd3e;
		}

		.hp-fp h2 span {
			font-weight: 500;
			display: block;
			margin-top: 7px;
		}

		.hp-fp a.all {
			color: #fff;
			text-decoration: none;
			font-size: 16px;
			font-weight: 300;
			text-align: center;
			width: 155px;
			display: block;
			padding: 17px;
			line-height: 18px;
			border-radius: 5px;
			background: #0f3b60;
			text-transform: uppercase;
			margin-top: 45px;
		}

			.hp-fp a.all:hover {
				background: #ffdd3e;
				color: #0f3b60;
			}

	.hp-fp .fp-wrap {
		width: 100%;
		overflow: hidden;
	}

		.hp-fp .fp-wrap .fp-inner {
			margin: 0 -15px;
		}

		.hp-fp .fp-wrap .fp-inner a {
			margin: 0 15px;
			position: relative;
			font-size: 0;
			display: inline-block;
       		vertical-align: middle;
            height: auto;
		}

			.hp-fp .fp-wrap .fp-inner a canvas {
				display: block;
				width: 100%;
				height: auto;
				background-size: cover !important;
				background-position: center center !important;
			}

			.hp-fp .fp-wrap .fp-inner a .fp-details {
			    font-size: 0;
			    position: absolute;
			    width: 100%;
			    height: 100%;
			    bottom: -100%;
			    z-index: 1;
			    background: rgba(68,103,176,.68);
			    opacity: 0;
			    text-transform: capitalize;
		    }

		    	.hp-fp .fp-wrap .fp-inner a:hover .fp-details {
					opacity: 1;
					bottom: 0;
				}

		   .hp-fp .fp-wrap .fp-inner a .fp-details:before {
		        content: '';
		        width: 0%;
		        height: 100%;
		        display: inline-block;
		        vertical-align: middle;
		    }

		        .hp-fp .fp-wrap .fp-inner a .fp-details p {
		            color: #fff;		            
		            padding: 10px;
		            margin: 0;
		            vertical-align: middle;
		            display: inline-block;
		            font-size: 16px;
		            line-height: 24px;
		            font-weight: 300;
		            position: relative;
		            z-index: 2;
		            text-align: center;
		            width: 100%;
		        }

		        	.hp-fp .fp-wrap .fp-inner a .fp-details p span.fp-price {
		        		font-size: 30px;
		        		font-weight: 700;
		        		display: block;
		        		margin-bottom: 40px;
		        	}

		        	.hp-fp .fp-wrap .fp-inner a .fp-details p .view-det {
		        		font-size: 14px;
		        		line-height: 14px;
		        		padding: 12px 0;
		        		color: #fff;
		        		width: 110px;
		        		text-align: center;
		        		text-transform: uppercase;
		        		font-weight: 300;
		        		display: block;
		        		margin: 50px auto 0;
		        		clear: both;
		        		background: #a2bddb;
		        		border-radius: 3px;
		        	}

.hp-cta {
	width: 100%;
	display: block;
	text-transform: uppercase;
	font-weight: 300;
}
	
	.sidebar .hp-cta {
		max-width: 360px;
		margin: 0 auto;
	}
	
	.hp-cta ul {
		text-align: center;
	}

		.hp-cta ul li {
			display: inline-block;
			font-size: 0;
			margin: 0 2%;
			width: 26%;
		}

			.sidebar .hp-cta ul li {
				width: 100%;
			}
	
		.hp-cta a {
			color: #4167b0;
			text-align: center;
			border-radius: 15px;
			border: 1px solid #4167b0;
			display: inline-block;
			padding: 30px 0;
			width: 100%;
			font-size: 26px;
			line-height: 20px;
			text-decoration: none;
		}

			.sidebar .hp-cta a {
				font-size: 18px;
				line-height: 22px;
				padding: 20px 0;
				margin-bottom: 10px;
			}

			.hp-cta a:hover {
				color: #ffdd3e;
				background: #4167b0;
			}

			.hp-cta a span {
				font-weight: 500;
				display: block;
				margin-top: 10px;
			}

				.sidebar .hp-cta a span {
					margin-top: 0;
				}

.hp-areas {
	background: url('images/hp-areas-bg.jpg') center center no-repeat;
	background-size: cover;
	width: 100%;
	display: block;
	padding: 105px 0 90px;
	margin-top: 75px;
}
	
	.hp-areas h2, .hp-testimonials h2 {
		font-size: 40px;
		line-height: 34px;
		font-weight: 100;
		text-align: center;
		position: relative;
		padding-bottom: 28px;
		margin-bottom: 80px;
		text-transform: uppercase;
		color: #fff;
	}

		.hp-testimonials h2 {margin-bottom: 40px;}

		.hp-areas h2:after, .hp-testimonials h2:after {
			position: absolute;
			content: '';
			bottom: 0;
			left: 50%;
			margin-left: -24px;
			width: 48px;
			height: 4px;
			background: #ffdd3e;
		}

		.hp-areas h2 span, .hp-testimonials h2 span {
			font-weight: 500;
		}

	.hp-areas ul {
		width: 80%;
		margin: 0 auto;		
		text-align: center;
	}

		.hp-areas ul li {
			display: inline-block;
			font-size: 0;
			margin: 0 .6% 15px;
			width: 23.3%;
		}

			.hp-areas ul li a {
				font-size: 18px;
				line-height: 16px;
				padding: 25px 0;
				text-transform: uppercase;
				color: #fff;
				text-decoration: none;
				width: 100%;
				display: block;
				border: 1px solid rgba(164,188,216,.49);
				border-radius: 5px;
				background: rgba(27,142,205,.41);
			}

				.hp-areas ul li a:hover {
					background: #fff;
					color: #4167b0;
					border: 1px solid #fff;
				}

.hp-welcome {
	display: block;
	width: 100%;
	padding: 80px 0 70px;
}
	
	.hp-welcome h2 {
		font-size: 40px;
		line-height: 36px;
		color: #0e3c60;
		font-weight: 100;
		text-transform: uppercase;
		padding-bottom: 15px;
		position: relative;
	}

		.hp-welcome h2 span {
			font-weight: 500;
		}

		.hp-welcome h2:after {
			width: 85px;
			height: 4px;
			position: absolute;
			content: '';
			left: 0;
			bottom: 0;
			background: #0b3c65;
		}
	
	.hp-welcome p {
		font-size: 15px;
		color: #616161;
		line-height: 24px;
		margin-top: 32px;
		text-align: justify;
	}

	.hp-welcome a {
		font-size: 16px;
		font-weight: 300;
		text-transform: uppercase;
		display: block;
		width: 150px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		margin-top: 32px;
		border-radius: 5px;
		background: #0f3b60;
		color: #fff;
		text-decoration: none;
	}

.hp-testimonials {
	background: url('images/hp-testimonials-bg.jpg') center center no-repeat;
	background-size: cover;
	width: 100%;
	display: block;
	padding: 100px 0;
}
	
	.hp-testimonials .slick-slide {
		outline: 0;
	}
	
	.hp-testimonials .slick-testimonials {
		font-size: 18px;
		color: #fff;
		font-style: italic;
		line-height: 24px;
		text-align: center;
		font-weight: 300;
		width: 84%;
		margin: 0 auto;
		display: block;
	}

		.hp-testimonials .slick-testimonials p {
			font-size: 18px;
			font-weight: 500;
			display: block;
			margin: 30px 0 50px;
			text-align: center;
			font-style: normal;
			text-transform: uppercase;
		}

		.hp-testimonials .slick-dots {
			text-align: center;
		}

			.hp-testimonials .slick-dots li {
				display: inline-block;				
				margin: 0 4px;
				background: #fff;
				border-radius: 50%;
				width: 12px;
				height: 12px;
			}

				.hp-testimonials .slick-dots li button {					
					display: block;
					border: 0;
					font-size: 0;
					outline: 0;
					background: transparent;
				}

					.hp-testimonials .slick-dots li.slick-active {
						background: #ffdd3e;
					}

.hp-news {
	display: block;
	width: 100%;
	padding: 70px 0 80px;
}
	
	.hp-news .news-hdr {
		float: right;
		padding-top: 90px;
	}
	
		.hp-news h2 {
			font-size: 40px;
			line-height: 34px;
			font-weight: 100;		
			position: relative;
			padding-bottom: 28px;
			margin-bottom: 45px;
			text-transform: uppercase;
			color: #0e3c60;
			letter-spacing: 2px;
			float: right;
		}	

			.hp-news h2:after {
				position: absolute;
				content: '';
				bottom: 0;			
				left: 0;
				width: 75px;
				height: 4px;
				background: #ffdd3e;
			}

			.hp-news h2 span {
				font-weight: 500;
				display: block;
				margin-top: 5px;
			}

		.hp-news .news-hdr a {
			font-size: 16px;
			font-weight: 300;
			text-transform: uppercase;
			display: block;
			width: 150px;
			height: 45px;
			line-height: 45px;
			text-align: center;			
			border-radius: 5px;
			background: #0f3b60;
			color: #fff;
			text-decoration: none;
			float: right;
		}

	.hp-news .news-list ul {		
		width: 100%;
		display: inline-block;
	}

		.hp-news .news-list li {
			width: 32%;
			float: left;				
			position: relative;
			margin: 0;
			font-size: 14px;
			color: #6f6f6f;
			font-weight: 300;
			line-height: 18px;
		}

			.hp-news .news-list li:nth-child(2) {
				width: 35.5%;
				padding: 0 3.1%;
				position: relative;
				border-left: 1px solid #e0e0e0;
				border-right: 1px solid #e0e0e0;
			}				

			.hp-news .news-list li img {
				width: 100%;
			}	

			.hp-news .news-list li:first-child {
				padding-right: 3%;
				border: 0;

			}

			.hp-news .news-list li:nth-child(3) {
				padding-left: 3%;
			}

			.hp-news .news-list li div {
				width: 100%;
				padding-right: 20px;
				display: block;
				border-bottom: 2px solid #d5d5d5;
				padding-bottom: 25px;
			}

			.hp-news .news-list li span.news-title {
				color: #0e3c60;
				font-size: 18px;
				line-height: 18px;
				font-weight: 500;
				text-transform: uppercase;
				display: block;
				margin: 25px 0 28px;
			}

			.hp-news .news-list li a {
				color: #0e3c60;
				text-decoration: none;
				display: block;				
				text-transform: lowercase;
				font-weight: 400;
			}

			.hp-news .news-list li .news-excerpt {
				display: block;
				margin-bottom: 25px;
			}

/*** Footer ***/

footer .footer1 {
	width: 100%;
	display: none;
	background: #a2bdda;
	padding: 48px 0;
	text-align: center;
}
	
	.footer1 h2 {
		color: #103b5d;
		font-size: 22px;
		text-transform: uppercase;
		display: inline-block;
		margin-right: .5%;
		vertical-align: top;
		line-height: 50px;
	}

	.footer1 input, .footer1 textarea {
		font-size: 14px;
		background: #fff;
		border: 0;
		height: 50px;
		line-height: 50px;
		color: #4167b0;
		font-weight: 300;
		font-family: 'Montserrat', sans-serif;
		border-radius: 5px;
		display: inline-block;
		margin-left: .2%;
		padding: 0 15px;
		width: 19.3%;
	}

		.footer1 .form-msg {
			background: #fff;
			display: inline-block;
			width: 40.2%;
			height: 50px;
			vertical-align: top;
			border-radius: 5px;
			position: relative;
			margin-left: .2%;
		}

		.footer1 textarea {
			resize: none;
			line-height: 16px;
			padding-top: 17px;
			vertical-align: top;
			display: inline-block;
			width: 100%;
			padding-right: 15%;
			background: transparent;
		}

		.footer1 .wpcf7-submit {
			position: absolute;
			top: 0;
			right: 0;
			font-size: 0;
			border-radius: 0;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			height: 50px;
			background: url('images/form-sub.png') center center no-repeat #0e3c5e;;
			width: 13%;
		}

		.footer1 .use-floating-validation-tip span.wpcf7-not-valid-tip {
			font-size: 11px;
		}

		.footer1 div.wpcf7-validation-errors {
			margin: 10px 0 0 0;
		}

		.footer1 div.wpcf7 .ajax-loader {
			float: right;
			margin: 0 22px 0 0 !important;
		}

footer .footer2 {
	background: #4167b0;
	width: 100%;
	display: block;
	padding: 50px 0 65px;
	position: relative;
	z-index: 9;
	text-align: center;
}
	
	footer .footer2 .contact-details {	
		font-family: 'Montserrat', sans-serif;
		color: #b4bbc8;
		font-size: 15px;
		font-weight: 300;
		margin-bottom: 65px;
		display: block;
	}

		footer .footer2 .contact-details p {
			margin-top: 8px;
		}

		footer .footer2 .contact-details a {
			text-decoration: none;
			color: #b4bbc8;
		}
	
		footer .footer2:before {
			content: '';
			position: absolute;
			top: 0;
			left: 50%;
			width: 659px;
			height: 423px;		
			margin-left: -330px;
			background: url('images/footer-shadow.png') top center no-repeat;
			z-index: -1;
		}
		
		footer .footer2 img {
			margin: 0 auto 55px;
			display: block;
		}

		.footer2 .contact-name {
			font-weight: 600;
			color: #fff;		
			font-size: 25px;
			text-transform: uppercase;
		}

		.footer2 .contact-pos {
			font-size: 10px;
			line-height: 10px;
			color: #fff;
			text-transform: uppercase;
			font-weight: 300;
			display: block;
			margin-bottom: 18px;
		}

		.footer2 span.icon {
			display: inline-block;
			margin-right: 8px;
			color: #fff;
			font-size: 12px;
		}

			.footer2 p span.icon {
				font-size: 18px;
				vertical-align: middle;
			}

		.footer2 .contact-email {
			margin-left: 35px;
			display: inline-block;
		}
		
		 .footer2 .contact-top .contact-email {
			margin-left: 0px;
			display: inline-block;
		}

	footer .footer2 .footernav li {
		display: inline-block;
		text-transform: uppercase;
		margin: 0 8px;
	}

		footer .footer2 .footernav li a {
			color: #fff;
			font-size: 14px;			
		}

	footer .footer2 .copyright {
		font-family: 'Montserrat', sans-serif;
		color: #e8f0f9;
		font-size: 13px;
		font-weight: 200;
		display: block;
		margin: 15px 0 25px;
	}

		footer .footer2 .copyright a {
			color: #e8f0f9;
			text-decoration: none;
		}

	footer .footer2 span.icon2 {
		color: #fff;
		font-size: 22px;
		margin: 0 2px;
	}


a.btn-hover:hover {
	background: #ffdd3e;
	color: #0f3b60;
}

div.wpcf7-response-output {
	text-align: center;
}


/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/

 #inner-page-wrapper {
    margin-top: 30px;
}

/* Adjust minimum height of page area */ 
#content-sidebar,
#content-full {
    min-height: 500px;
    background: #fff;
    padding: 10px 30px;
}

.yoast-breadcrumbs {
	padding: 0;
}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 73%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 25%; }
	
	.sidebar ul {
		margin-left: 0;
	}

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

/* Style post/page main headings (h1) */
#content .entry-title { 
	font-size: 26px;
	font-weight: 500;
	color: #0e3c60;
	text-transform: uppercase;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 

}

.sb-qs{
	background: #1b73b9;
    padding: 20px;
    border-radius: 15px;
	margin: 40px auto;
    max-width: 350px;
}
.sb-qs h3{
	    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0;
}
.sb-qs select{
	background: #fff;
    border: 0;
    padding: 8px 7px;
    text-transform: uppercase;
    font-size: 13px;
	margin:2px 0;
}
.sb-qs select.long{
	width:100%;
}
.sb-qs .dual-sel{}
.sb-qs .dual-sel:after{
	display:block;
	content:'';
	clear:both;
}
.sb-qs .dual-sel select.short{
	width: 49.5%;
    float: right;
}
.sb-qs .dual-sel select.short:first-child{
	float:left;
}
.sb-qs input[type="submit"]{
	background: #afafaf;
    border: 0;
    padding: 6px 7px;
    text-transform: uppercase;
    font-size: 15px;
    margin: 2px 0;
    display: block;
    width: 100%;
    color: #fff;
	outline:0;
}

.sb-qs a{
	background:#6d6e71;
	border: 0;
    padding: 6px 7px;
    text-transform: uppercase;
    font-size: 15px;
    margin: 2px 0;
    display: block;
    width: 100%;
    color: #fff;
	text-align:center;
	outline:0;
}	 

.ai-default-cf7wrap select {
	text-indent: 0 !important;
}

#ihf-main-container ul {
    margin-left: 0;
}
    
    #ihf-main-container .chosen-container .chosen-results {
        padding: 0 !important;
    }

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */