/** basic setup footer stays at bottom **/
body{margin:0; padding:0; min-height:100vh; display:flex; flex-direction:column; font-family: "open-sans", sans-serif; overflow-x:hidden}
main{flex-grow:1; min-height: 100vh}
h1{color: #00467F; background-image: linear-gradient(to bottom, rgba(58,136,182,0) 64%, rgba(58,136,182,.5) 64%); display: inline; padding: 3px 7px; text-transform: uppercase; font-family: "montserrat", sans-serif; margin-bottom: 25px;}
h2{color: #006838; background-image: linear-gradient(to bottom, rgba(141,198,63,0) 60%, rgba(141,198,63,.5) 60%); display: inline; padding: 3px 7px; text-transform: uppercase; font-family: "montserrat", sans-serif; margin-bottom: 25px; margin-top:40px}
h3{color: #BF4519; background-image: linear-gradient(to bottom, rgba(241,90,41,0) 56%, rgba(241,90,41,.5) 56%); display: inline; padding: 3px 7px; text-transform: uppercase; font-family: "montserrat", sans-serif; margin-bottom: 25px; margin-top:40px}
h4{color: #FBB040; background-image: linear-gradient(to bottom, rgba(196,154,108,0) 52%, rgba(196,154,108,.5) 52%); display: inline; padding: 3px 7px; text-transform: uppercase; font-family: "montserrat", sans-serif; margin-bottom: 25px; margin-top:40px}
h5{color: #754c29; text-transform: uppercase; font-family: "montserrat", sans-serif; margin-bottom: 25px;}
a{text-decoration:none; transition: all 0.5s ease; background-image:linear-gradient(to bottom, rgba(58,136,182,0) 50%, rgba(58,136,182,0) 50%)}


.logo{min-height: 100px;}
.main-wrapper{margin-left: 0px; padding: 0; overflow-x:hidden}



.avanta-button a{border: 2px solid #00467F; padding: 10px 25px; text-transform: uppercase; font-family: "montserrat", sans-serif; font-weight: 500; font-style: normal; display: inline-block; color:#00467F; letter-spacing: .8px; margin: 30px auto;}
.avanta-button a:hover{background: #00467F; color:#fff}
.avanta-button span{border: 1px solid #00467F; padding: 10px 25px; color:#00467F}
.avanta-button span:hover{background: #00467F; color:#fff}
.avanta-button-dark{padding:30px 0; text-transform: uppercase; font-family: "montserrat", sans-serif; text-align:center}
.avanta-button-dark a{border: 1px solid #00467F; padding: 10px 25px; background:#00467F; color:#fff}
.avanta-button-dark a:hover{background:#fff ; color:#00467F}
.primary-avanta-button{border: 1px solid #00467F; padding: 10px 25px; background:#00467F; color:#fff; text-transform: uppercase; transition: all 0.5s ease;}
.primary-avanta-button:hover{background:#fff ; color:#00467F}

/*** navigation ***/
.mobile-nav{display: block}
.navbar-brand img{width: 150px}
.main-side-navigation{height: 100%; width: 0px; position: fixed; z-index: 1; top: 0; background-color: #fff; overflow-x: hidden; padding-top: 60px; box-shadow: -12px 0px 50px -10px #000;}
.main-side-navigation img{width:200px;position: absolute; left: 50%; transform: translateX(-50%);}
.main-side-navigation ul{padding-top:80px; list-style: none; padding-left: 25px; font-weight: 700; font-size: 18px; text-transform: uppercase;}
.main-side-navigation ul li{margin-bottom: 15px}
.main-side-navigation ul a{color:#000; line-height: 23px; font-family: "montserrat", sans-serif; font-weight: 600; font-style: normal}
.main-side-navigation ul a:hover{background-image: linear-gradient(to bottom, rgba(58,136,182,0) 50%, rgba(58,136,182,.5) 50%); display: inline-block; text-decoration:none}
.main-side-navigation ul .active{background-image: linear-gradient(to bottom, rgba(58,136,182,0) 50%, rgba(58,136,182,.5) 50%); display: inline-block; text-decoration:none}

/** banners **/
.page-banner{margin-bottom:30px}

/*** title ***/
.subpage-title{text-align: center}

/**subpage**/
.subpage-intro{text-align: center}
.homepagecontent-wrapper,.pagecontent-wrapper{margin: 0}
.homepagecontent-wrapper.pagecontent-wrapper p{font-size: 18px;}

/**home page **/
.page-banner{height:300px}
.about-avanta-homepage{text-align:center; padding: 0 70px;}
.about-avanta-homepage span{font-weight: 700}
.communities-homepage{background: #ebf3f8; padding: 30px 30px 0 30px; text-align: center; margin: 0px;}
.image-overlay{background: rgba(0,0,0,.5); height: 350px; position: relative; margin-bottom: 30px;}
.image-overlay p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-transform: uppercase; font-family: "montserrat", sans-serif; font-size: 1.5em; color:#fff}
.workwithus-homepage{padding: 30px 30px; text-align: center; margin-bottom: 30px;}


/** about **/
.team-showcase{margin-bottom: 20px;}
.team-showcase img{width:100%}
.team-showcase p{color:#754c29; text-transform: uppercase; font-weight: 700; font-size: 1.2em; line-height: 20px; margin-top: 15px;}
.team-showcase span{font-weight: 400; font-size: .8em;}
.invesco-image{width:70%; margin-bottom: 80px;}
.about-image{width:100%}
.staff-details{max-width: 1200px!important;}
.staff-details-content{margin: 100px 50px 0;}
.staff-details-image img{max-width: 85%;}
.staff-details-title{position: relative; min-height: 200px}
.staff-details-name{position: absolute;  vertical-align: bottom; bottom: 0px; width: 100%; font-size: 3em; text-transform: uppercase; font-weight: 600; line-height: 30px; color: #8DC63F; margin: 0; padding-bottom: 30px; margin-top: 20px;}
.staff-details-location{/**position: relative; bottom: 0;**/ width: 100%; font-size: .5em; text-transform: uppercase; font-weight: 100; color: #006838; font-family: "montserrat", sans-serif; font-weight: 400; font-style: normal; margin: 0; line-height: 0px}
.staff-details-description{margin-top: 25px;}
.bio-image{z-index: 99999; position: relative}
.fancybox-content{border: none !important;}

/*** community ***/
.community-avendale img{width:85%; margin-bottom: 20px;}
.communities p{color: #00467F; font-weight:700; font-size:1.2em; line-height: 20px; margin-top: 15px; font-family: "montserrat", sans-serif;}
.communities span{font-weight: 400; font-size: .9em}
.community-colony{position: relative}
.community-colony img{width:100%}
.community-colony p{position: absolute; top: 40px; text-align: center; background-color: rgba(0,0,0,.5); width: 100%; padding: 15px; color: #fff; text-transform: uppercase; font-weight:400; font-size: 1em}
.community-boards{border: 1px solid #99cfdb; padding: 20px; color: #00467f; font-family: "montserrat", sans-serif;}
.boards-name{font-weight: 700; font-size: 1.5em;}
.boards-location{font-size: 1.2em;}
.boards-homes{font-weight: 700; font-size: 1.2em;}
.community-build{text-align:center}
.live-in-a-community{background: #ebf3f8; padding: 30px 30px 0; margin: 40px 0; }
.map-area{overflow: visible!important; width: 100%; height: 250px; text-align: left;}
.map-marker{text-align:left;}
.ammapDescriptionWindow{background: rgba(0,70,127,.5)}
.amcharts-chart-div a{ color: #ebf3f8 !important;}
.banner-pop-up-image{height: 340px; position: absolute; width: 100%; overflow: hidden; left: 0; top: 0;}
.banner-pop-up-image img{width:100%}
.community-details{max-width: 1200px!important;}
.community-details-content{margin: 100px 50px 0;}
.community-details-image img{max-width: 85%; position: relative; z-index: 99999;}
.community-details-title{position: relative; vertical-align: bottom; min-height: 240px}
.community-details-name{position: absolute; vertical-align: bottom; bottom: 0px; width: 100%; font-size: 2.4em; text-transform: uppercase; font-weight: 600; line-height: 40px; color: #00467f; margin: 0;}
.community-details-location{/**position: relative; bottom: 0;**/ width: 100%; font-size: .9em; text-transform: uppercase; font-weight: 100; color: #3988b6; margin: 0;}
.community-details-link a{font-size: .7em; color: #2989b9;}
.community-details-link a:hover{color: #00467F }
.community-details-description{margin-top: 25px;}
.communities-gallery-thumbnail{width: 100%; margin-bottom: 30px; opacity: .8; transition: all 0.5s ease;}
.communities-gallery-thumbnail:hover{opacity: 1.0}
.communitiespage-learnmore{padding: 0 70px}
.communitiespage-gallery{padding: 0 70px}
.communitiespage-intro{padding: 0 70px}

/*** work with us ***/
.step-process:nth-child(1){margin-top:50px}
.step-process{margin-bottom: 50px}
.step-number{color: #8DC63F; opacity: .5; font-weight: 700; font-family: "montserrat", sans-serif; position: relative}
.step-number p{position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); font-size: 122px !important;}
.step-description{font-size: 1em; padding: 0 25px;}
.step-description span{color:#00467F; font-weight: 700; font-family: "montserrat", sans-serif; text-transform: uppercase; font-size: 1.2em;}
.terence-form-link{color:#00467F; font-family: "montserrat", sans-serif;}
.process-mobile{display: block}
.process-desktop{display:none}
.process-mobile .step-number{text-align: center}
.process-mobile .step-number p{position:relative; margin:0}
.process-mobile .step-description{padding: 0 15}
.terence-form-wrapper{display:none; overflow  : hidden; transition: height .5s ease;}
.terence-form-wrapper.active{display:block}
.partnering-step{color:#00467F; font-weight: 700; font-family: "montserrat", sans-serif; text-transform: uppercase; font-size: 1.2em;}
.partnering-step span{color: #8DC63F; opacity: .5; font-size: 1.4em;}

/*** press ***/
.card-title{background-image: none; font-family: "open-sans", sans-serif; font-weight: 700; padding:0;  margin:0 0 5px 0; text-transform: capitalize !important}
.card-title a{color: #00467F; text-decoration: none}
.card-text{margin-bottom: 0 !important; padding-bottom: 0px !important;}

/*** press detail ***/
.news-detail-header{background-image: none; font-family: "open-sans", sans-serif; font-weight: 700; padding:0; color: #00467F; margin:0}
.news-breadcrumbs a{color: rgb(58,136,182)}

/*** contact ***/
.contact-information{color: #00467F; font-size: 1.3em; font-family: "montserrat", sans-serif;}
.contact-information span{font-weight:700}
.contact-form{box-shadow: #000 0 0 50px -28px; padding: 60px; margin-top: 50px;}
.contact-form .form-label{text-transform: uppercase; font-family: "montserrat", sans-serif;}
.red-ast{color: #DB4141}


.footer-links a{color: #000}

.scroll-top{display: block; position: fixed; bottom: 50px; right: 50px; background: rgb(255, 255, 255); padding: 16px; text-transform: capitalize; box-shadow: 0px 0px 16px -13px #000; display: none; cursor: pointer}
.scroll-top p{margin: 0;}

/** footer author **/
.footer-author{background:#0C0C0C}
.footer-author .credit{padding:10px 0; color:#FFF; font-size:.8em; margin:0; text-align:right; margin-right:25px;}
.footer-author .credit img{width:180px; filter:grayscale(1); transition:.5s ease-in-out;}
.footer-author .credit img:hover, .footer-author .credit img:active{filter:grayscale(0);}

.fancybox-content {height: 680px; padding: 0; margin: 0; overflow: scroll;}

@media(max-width:576px){

}

@media(min-width:576px){
	.image-overlay p{font-size: 2em;}
	.map-area{height: 550px}
}

@media(min-width:768px){
	.partnering-step{font-size: 2em;}
	.main-wrapper{margin-left: 250px}
	.main-side-navigation{width: 250px}
	.mobile-nav{display: none}
	.pagecontent-wrapper{margin: 0 40px;}
	/**.community-details-location{position: absolute; bottom: 0; }**/
	/**.staff-details-name{position: absolute; bottom: 56px; }**/
	/**.staff-details-location{position: absolute; bottom: 0; }**/
	.page-banner {height: 550px;}
	.footer-site-logo img{max-width: 350px;}
}

@media(min-width:992px){
	.step-number{font-size: 8em;}
	.pagecontent-wrapper{margin: 0 40px;}
	.step-number{font-size: 10em;}
	.process-mobile{display: none}
	.process-desktop{display:block}
	
}

@media(min-width:1200px){
	
	.footer-site{text-align: left!important}
	.pagecontent-wrapper{margin: 0 70px;}
	
}