/* Custom CSS for SLCAgents */

@charset "utf-8";
/* CSS Document */

body {
    font-family: "Open Sans",sans-serif;
    line-height: 1.5;
    word-wrap: break-word;
	color: #868686;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans Condensed",sans-serif;
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.1;
}


h1, h2 {
	color: #59c;
}


a {
    color: #428bca;
}

a:hover, a:focus {
    color: #2a6496;
}

.centerText {
	text-align:center;
}

/********************************************/
/**          Format the header             **/
/********************************************/


/* Nav Bar */

.container > .navbar-header {
	margin-left:0px;
	margin-right:0px;
}

.mainNav {
    background-color: rgba(60, 60, 60, 0.8);
}

.mainNav a {
    display: block;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}

.mainNav li {
    font-size: 13px;
    text-transform: uppercase;
}

.mainNav li:hover {
    background-color: #59c;
	color: #fff;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #59c;
    color: #fff;
    text-decoration: none;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background-color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #59c;
}

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

.navbar-toggle {
    color: #2a363b;
    font-size: 25px;
	background-color:#F3F3F3;
	float:left;
	margin-bottom:2px;
	margin-top:2px;
	padding: 0px 6px;
}

.navbar-toggle:hover {
	background-color:#999;
}

.navbar-brand {
	margin:auto;
}

/* Background */

.site-header::after {
    /* background: url("http://realestateblog.slcagents.com/wp-content/plugins/lake-eastlake.jpg") no-repeat fixed center top rgba(0, 0, 0, 0); */
	background: url("../graphics/downtown-slc.jpg") no-repeat fixed center top rgba(0, 0, 0, 0);	
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
}

.site-header {
	border-bottom: 5px solid #59c;
    background-color: #3c3c3c;
    margin-bottom: 2em;
    position: relative;
}

.site-branding {
    background-color: rgba(60, 60, 60, 0.8);
    margin: 140px auto 90px;
    max-width: 50em;
    padding: 10px;
	text-align:center;
	position: relative;
    z-index: 1;
}

.site-title {
    font-size: 3em;
    font-weight: 900;
    margin: 0;
    padding-bottom: 15px;	
}

.site-title a {
	color: #fff;
}

.site-title a:hover {
    color: #59c;
	text-decoration:none;
}

.site-title a, .site-description a {
    text-shadow: 0 0 1px #000;
}


.site-description {
	font-weight: 900;
    color: #b9b9b9;
    font-family: "Open Sans",sans-serif;
    font-size: 1.5em;
    margin: 0;
}

/**************************************/
/*               Footer               */
/**************************************/

.topFooter {
	padding-top: 30px;
}

.topFooter,.footer {
    background-color: #3c3c3c;
}

.topFooter a,.footer a {
	color: #fff;
	font-weight: 600;
}

.footer-title {
	border-bottom: 3px solid #59c0f7;
    color: #59c0f7;
    margin: 0.5em 0 0.5em;
    padding-bottom: 0.5em;
}

.copyright {
    border-top: 1px solid #494949;
    padding: 30px 0;
}

.contact-info {
	color: #fff;
}

.contact-info a {
	color: #aaa;
}

/*******************************/
/*          Forms              */
/*******************************/

.defaultForm {
   -moz-box-shadow:    0 0 10px 2px #59c;
   -webkit-box-shadow: 0 0 10px 2px #59c;
   box-shadow:         0 0 10px 2px #59c;
   margin: 2em;
   padding: 1em;
}

.defaultForm input, .defaultForm textarea, .defaultForm select {
	margin-bottom:0.5em;
}

.defaultForm textarea:focus, .defaultForm input:focus, .defaultForm select:focus{
   -moz-box-shadow:    0 0 5px 2px #59c;
   -webkit-box-shadow: 0 0 5px 2px #59c;
   box-shadow:         0 0 5px 2px #59c;
}

.defaultForm .fieldlabel{
	text-align:left;
}

.defaultForm .btn {
	margin-top:0.5em;
}

/*******************************/
/*          Main Page          */
/*******************************/

/* Format the MLS search box */

.search-form {
	width:100%;
	max-width:400px;
	padding: 1em;	
	background-color: #d5eaff;
	border-top: 3px groove #0099cc;
	border-bottom: 1px groove #0099cc;	
	margin: 1em auto;
}

.reloPopout {
	max-width:200px;
	padding: 1em;	
	background-color: #d5eaff;
	border-top: 3px groove #0099cc;
	border-bottom: 1px groove #0099cc;	
	margin: 0 auto 1em;
	float:right;
	font-weight:bold;
}

.search-form h2 {
	border-bottom:#868686 thin solid;
	font-size: 18px;
	color: #868686;
	margin-top:0px;
}

.search-form label span {
	float:left;
	margin-right: 1em;
	text-align: right;
	width: 120px;	
	display:inline-block;
}

.fpOptions{
	margin: auto;
	max-width:611px;
}

.condo-devs img{
	float: right;
	margin:5px;
}

.condo-devs h3{
	margin-top: 0px;
}

.condo-devs .condo-container{
    background: none repeat scroll 0 0 #eee;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
	padding:5px;
	min-height:147px;
	margin-bottom:1em;
}

/* This code is used to display the link icon when we hover over an image link */
.entry-thumb {
    background-color: #59c;
	position: relative;	
}

.thumb-icon {
	display: table;
	width: 150px;
	position: absolute;
	font-size: 50px;
	color: #3C3C3C;
	top: 21px;
	right: 5px;
	text-align: center;
	opacity: 0;
	-webkit-transition: 0.3s all 0.2s;
	transition: 0.3s all 0.2s;
}

.entry-thumb:hover img {
	opacity: 0.3;	
}

.entry-thumb img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	display: table;
}
.entry-thumb a:hover > .thumb-icon {
	z-index: 999;
	opacity: 1;
}

/*************************************************/
/*          Condo Developments Pages             */
/*************************************************/

.labels {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color: #FFF;
}

#condoDevDetail h2 {
	font-size: 24px;
	color: inherit;
}

.condoMap {
	width: 100%;
	height: 300px;
	max-height: 100%;
	margin-bottom:2em;
}

.condoLocationsMap {
	width: 100%;
	height: 500px;
	max-height: 100%;
	margin-bottom:2em;
}

#condosList ul{
	list-style:none;
}

/* make the prop pics centered - make parent div text-align center and pic divs inline block */		

#propPics {
	text-align:center;
}
		
#propPics div  { 
	margin:auto; 
	display:inline-block;
	width: 232px;
}


#propPics a.polaroid {	 		
	-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block; 
	background: #fff; 
	padding: 10px; 
	margin:5px; 
	-moz-box-shadow: #ccc 5px 5px 20px; 
	-webkit-box-shadow: #ccc 5px 5px 20px; 
	box-shadow: #ccc 5px 5px 20px;
	margin-bottom:1em; 
	border:#CCC thin solid;
}

#propPics a.polaroid img { 
	width: 200px; 
}

#propPics a.polaroid:hover { 
	-moz-box-shadow: #666 5px 5px 20px; 
	-webkit-box-shadow: #666 5px 5px 20px; 
	box-shadow: #666 5px 5px 20px;
}

/*************************************************/
/*          Relocation Package             */
/*************************************************/

.reloPackBtn img{
	margin: auto;
}

/*************************************************/
/*          Tips / Advice             */
/*************************************************/

#tips li{
	margin-bottom: 0.5em;
}

/*************************************************/
/*          Sold Condos             */
/*************************************************/


.condoTitle {
	font-weight:700;
	font-size:1.5em;
	background-color: #59c;
	color: #fff;
}

.soldPropPic {
	max-width: 280px;
}

.sold {
	color: #C03;
}


@media (min-width: 768px) {
	.search-form {
		float:right;
		margin: 0 0 1em 1em;
	}
		
	
}

@media (max-width: 767px) {

}

@media (min-width: 992px) {		
	.fpOptions{
		margin: 0;
		max-width: 100%;
	}	
}

@media screen and (max-width: 991px) {
	
/* Make the navbar collapse into mobile mode */
 	
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
	.navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.mainNav {
		background-color: #3C3C3C;
	}
	
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    	padding: 5px 15px 5px 25px;
	}
	
	.dropdown-menu {
	    min-width: 751px;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
	#reloForm .fieldlabel{
		text-align:right;
	}
}

@media (min-width: 1200px) {

}

/* Fix for google captcha not being responsive */ 

@media screen and (max-height: 650px){ #rc-imageselect, .g-recaptcha { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }