@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Source+Sans+Pro:600,400,300');

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* FONTS

font-family: 'Abril Fatface', cursive;
font-family: 'Source Sans Pro', sans-serif;

==========================================================================

COLORS

White - rgb(232,235,228);
Teal - rgb(85,141,143);
Gold - rgb(215,156,87);
Brown - rgb(54,54,54);
Purple - rgb(95,70,75);
Text/Gray - rgb(109,110,113);

*/


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Global Styles */

html, body{
	font-size:16px;
	padding:0;
	margin:0;
	overflow-x:hidden;
	background:rgb(245,245,245);
}

#main{
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
}

.content-wrapper{
	position:relative;
	margin-left:270px;
	height:100vh;
}

/*.container-fluid{
	padding:0 !important;
}*/

/* No Padding */
.np{
	margin-right:0;
	margin-left:0;
}

/* Extra Padding */
.ep{
	padding-right:35px;
	padding-left:35px;
}

p{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	color:rgb(109,110,113);
	line-height:23px;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

hr{
	border-top:1px solid rgb(232,235,228);
}

h1{
	font-family:'Abril Fatface', cursive;
	font-size:40px;
	line-height:44px;
	color:rgb(85,141,143);
	margin-bottom:12px;
}

h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:24px;
	color:rgb(215,156,87);
	text-transform:uppercase;
	margin-top:10px;
}

h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:20px;
	color:rgb(215,156,87);
	text-transform:uppercase;
	margin-top: 15px;
    margin-bottom: 5px;
}

h4{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	color:rgb(109,110,113);
	text-transform:uppercase;
	display:inline-block;
	margin-right:20px;
}

h5{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	color:rgb(85,141,143);
	text-transform:uppercase;
}


.btn-gold-o{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	display:inline-block;
	padding:10px 25px;
	border:solid 1px rgb(215,156,87);
	color:rgb(215,156,87);
}

.btn-gold-o:hover, .btn-gold-o:focus, .btn-gold-o.active{
	color:rgb(95,70,75);
	border:solid 1px rgb(95,70,75);
	text-decoration:none;
}

.center{
	text-align:center;
}

.lines-bkrd{
	background:url(../img/lines-bkrd.png);
}

/* Sidebar Styles */

.sidebar-main{
	position:fixed;
	top:0;
	width:270px;
	background-color:rgb(85,141,143);
	height:100vh;
}

.sidebar-nav{
	margin:50px 20px 0 20px;
	text-align:center;
	position:relative;
}

i.menu{
	font-size:60px;
	display:inline-block;
	margin-bottom:15px;
	margin-top:10px;
}

.sidebar-nav a{
	color:rgb(232,235,228);
	font-family: 'Source Sans Pro', sans-serif;
	font-size:20px;
	letter-spacing:1px;
	line-height:24px;
	text-transform:uppercase;
	font-weight:300;
}

.sidebar-nav a:hover{
	color:rgb(46,87,89);
	text-decoration:none;
}

.sidebar-logo{
	margin:50px 0 30px 0;
}

.sidebar-logo img{
	display:block;
	margin:0 auto;
}

.sidebar-footer{
	border-top:10px solid rgb(215,156,87);
	background-color:rgb(54,54,54);
	color:rgb(232,235,228);
	position:fixed;
	width:270px;
	bottom:0;
	padding:15px 0 10px 0;
}

.sidebar-footer p, .mobile-footer p{
	font-family:'Source Sans Pro', sans-serif;
	font-size:13px;
	line-height:16px;
	color:rgb(232,235,228);
	text-align:center;
}

a.footer-link{
	color:rgb(215,156,87);
}

a.footer-link:hover{
	color:rgb(232,235,228);
	text-decoration:underline;
}

/* ==========================================================================
   Homepage styles
   ========================================================================== */

/* Slider */

.slick-slide img{
	width:100%;
}

.slide{
	max-height:800px;
	overflow:hidden;
}

.hero-slider .slider-nav {
    transition: all 0.5s;
}

.hero-slider .slider-nav i{
    color: rgb(232,235,228);
    font-size: 44px;
    cursor: pointer;
	z-index:10;
	opacity:1;
}

.hero-slider .slider-nav i:hover{
	opacity:0.6;
}

i.icon-circle-arrow-left{
	position:absolute;
	bottom:40px;
	left:10px;
}

i.icon-circle-arrow-right{
	position:absolute;
	bottom:40px;
	right:10px;
}

.slide-info-bar{
	position:absolute;
    background-color:rgba(54,54,54,0.8);
    bottom: 0;
    width: 100%;
    height: 35px;
	padding-right:30px;
}

p.slide-text{
	color:rgb(232,235,228);
	text-transform:uppercase;
	font-size:16px;
	margin:7px 0 0 0;
	text-align:right;
}

/* General Page Styles */

.home-logo-col{
	padding:90px 0 0 40px;
}

.home-bio-col{
	padding:50px;
}

img.logo-home{
	display:block;
	margin:0 auto;
}

/* ==========================================================================
   Community page styles
   ========================================================================== */

.interior-section{
	padding:30px;
}

.gold-bottom{
	border-bottom:10px solid rgb(215,156,87);
}

.gold-top{
	border-top:10px solid rgb(215,156,87);
}

.community-thumb-section{
	padding: 40px 20px 40px 35px;
	margin-left:-15px;
}

.title{
	text-align:center;
}

.title p{
	font-weight:600;
	margin-top:0;
}

.thumb-outer{
	margin-bottom:30px;
}

.thumb{
	cursor:pointer;
	height:300px;
	width:300px;
	position:relative;
	display:block;
	margin:0 auto;
	overflow:hidden;
}

.thumb img{
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

.thumb .caption{
	background-color:rgba(54,54,54,0.8);
	position:absolute;
	z-index:100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left:0;
}

.thumb .fade-caption{
	opacity:0;
	width:300px;
	height:300px;
	text-align:center;
    padding:100px 0 0 0;
}

.thumb:hover .fade-caption{
	opacity:1;
}

.caption p{
	color:rgb(232,235,228);
}

a.thumb-link{
	color:rgb(215,156,87);
}

a.thumb-link:hover, a.thumb-link:focus{
	color:rgb(232,235,228);
	text-decoration:none;
}

img.past-thumb{
	display:block;
	margin:0 auto;
}

hr.past-line{
	margin:5px 20px;
	border-top:1px solid rgb(54,54,54);
}

/* ==========================================================================
   Fee Development page styles
   ========================================================================== */

.fee-development-section{
	padding:40px 35px 40px 35px;
}

table#table-fee, #table-consulting{
    font-size:16px;
	font-family: 'Source Sans Pro', sans-serif;
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}

#table-fee td, #table-fee th{
    border:1px solid rgb(232,235,228);
    text-align:left;
    padding:9px;
}

#table-consulting td, #table-consulting th{
    border:1px solid rgb(232,235,228);
    text-align:left;
    padding:9px;
}

#table-fee tr:nth-child(even){
	background-color: rgba(232,235,228,0.5);
}

#table-consulting tr:nth-child(even){
	background-color: rgba(232,235,228,0.5);
}

#table-fee th{
    padding-top:11px;
    padding-bottom:11px;
	text-transform:uppercase;
    background-color:rgb(95,70,75);
    color:rgb(232,235,228);
}

#table-consulting th{
    padding-top:11px;
    padding-bottom:11px;
	text-transform:uppercase;
    background-color:rgb(54,54,54);
    color:rgb(232,235,228);
}

/* ==========================================================================
   Location page styles
   ========================================================================== */

#map_canvas{
	display:block;
	width:100%;
	height:800px;
}

#map-container{
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
}

.key-number{
	font-family: 'Abril Fatface', cursive;
	color:rgb(85,141,143);
}

/* ==========================================================================
   About page styles
   ========================================================================== */

.about-hero{
	max-height:800px;
	overflow:hidden;
}

p.job-title{
	font-size:16px;
	font-weight:600;
	margin-bottom:5px;
}

.team{
	margin-bottom:20px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* View Full Nav Bar */
@media (max-height: 750px){
.sidebar-main {
    position: absolute;
    height: 100%;
}

.sidebar-nav{
	min-height:600px;
	overflow-y:scroll;
}

.content-wrapper{
	min-height:750px;
	overflow-y:scroll;
}

}

@media (min-width: 1200px){
.mobile-footer{
	display:none !important;
}

.mobile-header{
	display:none !important;
}

}

@media (max-width: 1199px){
	
.mobile-footer{
	display:none !important;
}

.mobile-header{
	display:none !important;
}

} /* End Media Query 1199px */

@media (max-width: 992px){
.home-logo-col{
	padding:90px 0 0 0;
}

.home-bio-col{
	padding:30px;
}

} /* End Media Query 992px */

@media (max-width: 768px){	
.sidebar-main{
	display:none;
}

.content-wrapper{
	position:relative;
	margin-left:0;
	height:auto;
}

.mobile-footer{
	display:block !important;
	border-top:10px solid rgb(215,156,87);
	background-color:rgb(54,54,54);
	color:rgb(232,235,228);
	width:100%;
	padding:15px 0 10px 0;
}

.mobile-header{
	display:block !important;
	background-color:rgb(85,141,143);
	padding:20px;
}

i.icon-btn{
	font-size:40px;
	color:rgb(232,235,228);
}

a.mobile-menu-button{
	float:right;
	display:block;
	margin-top:10px;
	margin-right:-15px;
}

a.mobile-menu-button i:hover{
	color:rgb(46,87,89);
}

i.menu{
	font-size:24px;
	display:inline-block;
	margin:0;
	vertical-align:middle;
}

ul#mobile-nav{
	list-style:none;
	padding:0;
	top:10px;
	background:rgb(85,141,143);
	font-family: 'Source Sans Pro', sans-serif;
	text-transform:uppercase;
	font-size:16px;
	line-height:20px;
	text-align:center;
	position:relative;
	right:0;
	width:100%;
	z-index:100;
	margin-bottom:0;
}

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

ul#mobile-nav li a{
	display:block;
	padding:15px;
	color:rgb(232,235,228);
	border-top:1px solid rgb(232,235,228);
	text-decoration:none;
	transition:all 0.15s ease-in-out;
	-webkit-transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out;
	-ms-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
}

ul#mobile-nav li:first-child a{
	border-top:none;
}

ul#mobile-nav li a:hover{
	color:rgb(46,87,89);
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.hero-slider .slider-nav i{
    font-size: 30px;
}

.slide-info-bar{
	padding-right:0;
}

p.slide-text{
	text-align:center;
}

.home-logo-col{
	padding:40px 0 0 0;
}

.fee-development-section{
	padding:40px 20px;
	margin-right:20px;
	overflow-x:scroll;
}

#map_canvas{
	height:500px;
}

} /* End Media Query 768px */

@media (max-width: 479px){
	
.thumb{
	height:260px;
	width:260px;
}

.thumb .fade-caption{
	width:260px;
	height:260px;
    padding:65px 0 0 0;
}

#map_canvas{
	height:400px;
}

h4{
	font-size:16px;
	margin:5px 15px 5px 0;
}


} /* End Media Query 479px */

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}