/* ==========================================================================
   Add custom css here
   ========================================================================== */
   
   
@import url(https://fonts.googleapis.com/css?family=Tauri);


/* Or

font-family: 'PT Sans', sans-serif;
font-family: 'Fjalla One', sans-serif;

*/

html body.page div.wrapper div.container div.row div.span6 ul.thumbnails li.span3 div.thumbnail {
	
	border: none;
	box-shadow: none;
}

html body.page div.wrapper div.container div.row div#modal5.modal  {
	
	width:800px;
}

html body.page div.wrapper div.container div.row div.span6 ul.thumbnails li.span3 div.thumbnail h3 {
	
	
	font-size:15px;
	white-space: nowrap;
}
   
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
	height: 100px; /* .push must be the same height as .footer;   changed from 100px to 80px and then back to 100px by jSeger on 8/11/2016 */
}   

footer {
	
	background-color: #00355f;
	padding-top: .8em;
	
}
   

body {
    font-family: 'Tauri', sans-serif;
	background-color: #80a3cd;
	background-image: url(/wp-content/themes/lux24/img/bknd.png);
	background-repeat: no-repeat;
	background-position: 65% -1%;
}

.homejump {
	
	display: block;
	position:absolute;
	bottom:10px;
	right:30px;
	width:90%;
	z-index: 9999;
}

.homejump h2 {
	margin-bottom:20px;
}


img.circle {
	float:right;
	display:inline-block;
	margin-top:-0px;
	margin-right:-20px;

	border:none!important;
	
	
}


.nowrap {
	
	white-space: nowrap;
}

h1 {
	
	font-weight: normal;
	text-align: right;
	color:#fff;
	text-transform: capitalize;
	letter-spacing: -1px;
}

h2 {

     background-color: #00355f;
     border: #fff solid 1px; 
     color:#fff;
     padding-left:10px;
	 padding-right: 10px;
     font-weight: normal;
   
	
	
}


h3 {
    color:#fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
   
	
	
}


.big {

color:#00355f;
font-size:248%;
text-align: right;
margin-bottom:30px;
	
}

.bigger {

color:#fff;
font-size:400%;
text-align: right;
margin-bottom:-5px;
	
}

.huge {

color: rgba(255,255,255, .5);
font-size:750%;
text-align: right;
margin-bottom:20px;

	
	
}


.home div.container div.row div.span6 div.row-fluid div.span8 h2 {
	
	margin-top:0px;
}

.page div.container div.row div.span6 h2 {
	
	margin-top:0px;
}






navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #fff;
    
}

navbar-inverse .brand, .navbar-inverse .nav > li > a:hover {
    color: #ffde00;
    
}


.nav > li.current_page_item a {
	
	 color: #ffde00;
}





.navbar-inverse .navbar-inner {
    background-color: #00355f;
    background-image: none;
    border-bottom: #fff solid 1px;
}


.navbar .nav {
  
    float: right;
   
}


.brand {
	
	position:absolute;
	top:0px;
	left:0px;
	z-index: 999;
	display:block;
}


.container img {
	
	 border: #fff solid 1px;
	 vertical-align: inherit;
}


div#myCarousel {
	position:relative;
}

div#myCarousel.carousel div.carousel-inner div.item img {
	
	 border: inherit;
}

div#myCarousel.carousel div.carousel-inner {
	
	 border: #fff solid 1px;
}



.form-horizontal .control-label {
 
    padding-top: 15px;
 
}
   
     
.thumbnails {
	padding-left:88px;
} 




 html body.page-id-6971 div.wrapper div.container div.row div.span6 ul.thumbnails {
	 padding-left:0px;
	 
 }
 
 /* default WordPress gallery - customization by J Seger of Highline Design Alliance - October 2015 */
 .gallery-caption {
    padding: 9px;
}
.wp-caption-text {
	font-size: 1.1em;  /* changed from 10px */
    line-height: 1em;   /* changed from 14px */
	color: #ffffff;  /* set font to white */
	font-weight: 500;  /* increase weight of font */
}
 
 /* foo gallery customization by J Seger - Highline Design Alliance October 2015 */
 
.foogallery-simple_portfolio .bf-item > h4 {
    border-bottom: none;  /* changed from 3px solid #333333; */
    margin: 0;
    padding: 5px 0;
}

.foogallery-simple_portfolio h4 {
    font-size: 1.1em;  /* changed from 18px */
    line-height: 1em;   /* changed from 20px */
	text-align: center;
	color: #ffffff;
	font-weight: 500;  /* decrease weight of font */
}

/* css for Interactive Map page */
.map-menu {
	margin-top: 10.2em;
}

.map-menu-item {
	background-color: #00355f;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 10px 4px;
	clear: both;
	margin-bottom: 5px;
}

.clearBoth {
	clear: both;
}

.map-menu-item h2 {
	font-weight: normal;
	margin: 0;
	border: none;
	font-size: 2em;
    line-height: 1.5em;
}

.map-menu-item img {
	float: right;
	background-color: #ffffff;
}

.map-menu-item a {
	float: left;
}

.map-menu .activeMap {
	background-color: #fff;
    border: 1px solid #00355f;
    color: #00355f;
    font-weight: normal;
    padding: 5px 10px 4px;
}

.map-menu .activeMap h2 {
	background-color: #fff;
    border: none;
    color: #00355f;
    font-weight: normal;
    padding: 0;
}
.map-section {
	margin-top: 2em;
	padding-left: 3%;
}

.mapp-layout {
	border: 4px solid #00355f;
	margin-bottom: 1.5em;
}



/* css for Contact Us page */

#FSContact1 {
	float: right;  /* move form over to right side of left half of page - span6*/
	width: 300px;  /* reduce width of form */
}
/*  add new ul for fair housing logo and social links in footer - jseger HDA 11-3-2015 */
/* css to format ul */

#social-links {
    list-style: outside none none;  /*also use on Contact Us page */
	margin-left: 0px;
}

.wrapper #social-links {
	margin-left: 20%;   /* move social links to the right, but only on Contact Us page - main area, not in the footer */
}

#social-links li {   /*also use on Contact Us page */
    display: inline-block;
	*display: inline;
  /* IE7 inline-block hack */
    margin-right: 1em;
}

.social-link img {
	border: none;   /* remove default white border for images in main container from social icons - only affects Contact Us page, not footer */
}

footer div.container {
	
	color:#fff;
	font-size: 80%;
	
	

	
}


footer div.container div.row-fluid div.span4 p {
	padding-top:5px;
	}



footer div.container div.row-fluid div img {
	
	border:inherit;
	vertical-align: top;
}





@media (max-width: 1102px) {
  .brand {
   width: 30%;
  }
}

@media (max-width: 800px) {
 footer div.container p {
	
	white-space: inherit!important;
	
	

}
}



@media (max-width: 767px) {
.thumbnails {
	padding-left:0px;
}   


}





@media (max-width: 640px) {
  .brand {
   width: 55%;
  }
}

@media (max-width: 360px) {
  .brand {
   width: 65%;
  }
}