/* LIST REALTY CSS */

/*
	header ex: https://codepen.io/bootstrapped/pen/KwYGwq (not using)
			yes: https://bootsnipp.com/snippets/featured/responsive-navbar-brand-centered

	Colors:
		* List Dark Gray: #555656
		* List Blue: #0089cd;
*/
/*****************************************************************\
SITE CSS
\*****************************************************************/
.list-img-bg {
    position: relative;
    width:600px;
    height:400px;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    background-size:cover;	
    max-width:100%;
}

span#my-name {
	margin-top:5px;
	text-align:center;
	display:block;
	color:#ccc;
	font-size:12px;
	font-style:italic;	
}

.fav-listing {
	position:relative;
	margin-top:30px;
	margin-left:5px;
	color:#ccc;
	cursor:pointer;
	cursor:hand;

}

.fav-listing:hover {
	color:#0089cd;
}

.fav-on {
	color:#ec1c5b;!important;
}

.blue {
	color:#0089cd;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
}

h1 {
	color:#555656;
	font-size:46px;
	font-weight:lighter;
	margin-top:40px;
	margin-bottom:20px;
	position:relative;
}

h2 {
	font-weight: lighter;
	margin-top:30px;
}

h3 {
	text-transform: uppercase;
	font-size:18px;
}

div#protobar {
	background-color:#555 !important;
	color:#fff;
	padding:10px;
	width:100%;
	font-size:12px;
	margin-bottom:50px;
}

p.body {

}

/*********** NEW HEADER **************/
.navbar-nav {
	width: 100%;
	text-align: center;
}

.navbar-nav > li {
  float: none;
  display: inline-block;
  margin-left:40px; 
  margin-right:40px;
}

.navbar-nav a {

}
/*********** END HEADER **************/


/*********************** WEBFONT CODE *********************************/
.normal {
	font-weight: normal;
	font-style: normal;
}

.light {
	font-weight: normal;
	font-style: normal;
}

/* Additional view UI */
#ui-realestate-tools {
	margin-top:150px;
	margin-bottom:50px;
}

a.re-tool {
	text-decoration: none !important;
	margin-bottom:100px;
	display:block;
}

a.re-tool svg {
	margin-bottom:15px;
	color: #555656 !important;
	text-decoration: none !important;
}

#tool-mortgage-calc {
	color:#555656 !important;
	font-weight: bold;
}

#tool-home-value {
	color:#555656 !important;
	font-weight: bold;
}

#tool-join-team {
	color:#555656 !important;
	font-weight: bold;
}

/*********************************************\
			GENERAL STYLES
\*********************************************/
.form-group {
	position:relative;
}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group input[type=phone],
textarea.form-control {
	padding:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	font-size:14px;
}

textarea.form-control {
	padding-top:20px;	
}

.form-group svg {
	position:absolute;
	top:10px;
	left:10px;
	opacity:0.5;
}

.form-group i.fa {
	position:absolute;
	top:10px;
	left:10px;
	opacity:0.5;
}
/* typically has icon inline with form control text */ 
.form-group > .form-control {
	padding-left:30px !important;
}

header a {
	font-weight: normal;
}

/* @TODO: Style these */
a {

}

a:hover {
	color:#0089cd;
}


p {
	line-height: 1.7em;
	margin-top:30px;
	margin-bottom:50px;
}

#subhero {
	min-height:50vh;
}

#subhero h1 {
	font-size:50px;
}

#hero-search {
	margin-bottom:150px;
}

#hero-search h1 {

}

form#frmMlsSearch {
	border:1px solid #d9d9d9;
	padding:50px;
	margin-bottom:50px;
}


.btn-primary {
	border-radius:2px;
	background-color:#0089cd !important;
	color:#fff !important;

/*

	background: -webkit-linear-gradient(#72afb6 0%, #72afb6 100%);
	background: -o-linear-gradient(#72afb6 0%, #72afb6 100%);
	background: linear-gradient(#72afb6 0%, #72afb6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*/
/*	margin:5px 15px 0px 0px !important;*/
	box-shadow: none; /*inset 0 0 0 1px rgba(0,166,233,0.7) !important;*/
   -webkit-transition: .3s;
    transition: .3s;
	border:1px solid #0089cd;
}

/*******************************************************************************************\
/* Header Styles */
/*******************************************************************************************/

/* NAVIGATION BAR */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color:transparent !important;
}

.navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    margin-top:20px; /* adjust this */
    width: 120px;
    text-align: center;
    background-color: transparent;
}

.navbar>.container .navbar-brand-centered, 
.navbar>.container-fluid .navbar-brand-centered {
    margin-left: -80px; /* Adjust this per the size of the logo to get the centering right */
    margin-left: -120px;  /* -80, 120) */
}

.navbar-collapse {
	margin-top:30px !important;
}

.navbar-default {
	background-color:#fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color:transparent;
}

.navbar-default .navbar-nav > li.active > a {
	background-color:transparent; !important;
	color:#0089cd !important;
}

.navbar-default .navbar-nav > li > a {

	/*text-transform: uppercase;*/
	font-weight:normal;
	font-size:18px;
}

.navbar-default .navbar-nav li:hover > a {
	color:#0089cd;
/*	border-bottom: 3px double #73afb6 !important;*/
}

#logo-navbar-middle {
	position:relative;
	z-index:1;
	margin-top:30px;
	margin-bottom:60px;
	max-width:100% !important;
}

header button.navbar-toggle {
	position:relative;
	z-index:10;
}

#main-navigation {
	min-height:125px;
	border:none;
}

/* END NAVIGATION BAR */


/* End Header Styles */


/* BEGIN FOOTER STYLES */
footer {
	margin-top:200px;
	background-color:#555656;
	color:#fff;
	border-top:1px solid #d9d9d9;
	padding-top:60px;
	padding-bottom:60px;
	font-size:13px;
}

footer .df-dialog {
	color:#555656;
	font-weight: normal;
}

#footer-disclaimer {
	font-size:10px;
	color:#999;	
}

footer .df-dialog p {
	margin-top:10px;
	margin-bottom:20px;
}

footer #socialIcons {
	position:relative;
	left:-15px;
}

footer #socialIcons a .fa {
	font-size:36px;
	color:#fff;
	display:inline-block;
	margin:0px 0px 0px 12px;
}

footer #socialIcons a:hover .fa {
	color:#73afb6 !important;
}

footer a {
	font-size:13px;
	color:#ccc !important;
}

footer a.adv {
	text-transform: none;
	color:#444 !important;
}


#footer-logo {
	position:relative;
	top:-75px;
}


footer ul {
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
}

footer ul li {
	padding-left:0px;
	margin-left:0px;
}


#logo-container {
	position:relative;
	margin-bottom:30px;
}

img#logo-header {
	display:block;
	height:auto;
	margin-top:5px;
	margin-bottom:15px;
	background:transparent;
}


/*
#logo-tagline {
	font-weight: lighter;
	font-size:18px;
	position:absolute;
	top:88px;
}

#logo-tagline > span {
	position:relative;
	left:15px;
}
*/

html[data-module="customer"] img#logo-header {
	margin-top:20px;
}



/* End Footer Location Map on Some Subpages */

/* END FOOTER STYLES */
/***********************************************************************\
							SUBPAGES
\***********************************************************************/
/* HOMEPAGE */
html#home #containerListings {
	display:none;
}

html#home div#listings {
	margin-bottom:50px;
	padding:15px;
}

html#home .mls-listing {
	padding-top:20px;
	padding-bottom:20px;
	border:1px solid #ccc;
	margin-bottom:20px;
}

html#home .img-listing  {
	max-height:300px;
}

html#home a.list-addr {
	display:block;
	margin-top:30px;
	font-weight: bold;
	font-size:24px;
}

html#home a.list-price {
	color:#0089cd !important;
	font-size:33px;
	margin-top:15px;
	display:block;
	font-weight:bold;
}

html#home p.overview {
	margin-top:20px;
	font-size:16px;
}

html#home button#btnLoadMore {
	margin-bottom:50px;
}

html#home #selSortPrice {
	margin-bottom:15px;
}

/*
html#home #hero {
	background-position:bottom;
	background-image:url(/assets/img/photobook/home-hero.jpg);
	min-height:684px;
}
*/

/* SIGNIN */
html#signin .signin-footnote {
	font-size:11px;
	color:#96979;
}

html#signin a#forgot_pwd {
	float:right;
	font-size:14px;
}

/**********************************************************************/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.navbar-nav > li {
	  float: none;
	  display: inline-block;
	  margin-left:20px; 
	  margin-right:20px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	/* THE FOLLOWING CODE FORCES THE COLLAPSE OF THE NAV INTO HAMBURGER MENU AT THIS BREAKPOINT */
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }



	/* END CODEBLOCK */
}

#my-name {
	display:none !important;
}

.sign-up-on {}

@media only screen and (min-width: 480px) {
	#logo-navbar-middle {
		position:relative;
		left:93px;
	}

	.sign-up-on {
		position:relative;
		top:23px;

	}

	#my-name {
		display:block !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	body {

	}

	form#frmMlsSearch .form-control {
		margin-bottom:10px;
	}

	form#frmMlsSearch button[type=submit] {
		margin-bottom:0px;
		position:relative;
		top:-5px;
	}

	h1 {
		font-size:24px !important;
	}

	.navbar-nav > li {
	  float: none;
	  display: inline-block;
	  margin-left:10px; 
	  margin-right:10px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	h1 {
		font-size:21px !important;
	}

	.list-img-bg {
	    margin-bottom:30px;
    	background-size:contain;
    	height:auto;
    	min-height:225px;
    	min-width:100%;
	}

	.navbar-nav > li {
	  float: none;
	  display: block;
	  margin-left:20px; 
	  margin-right:20px;
	}

	span#my-name {
		margin-top:5px;
		text-align:left;
		display:block;
		color:#ccc;
		font-size:12px;
		font-style:italic;	
	}

	#hero-search h1 {
		font-size:36px;
		margin-top:20px;
	}

	form#frmMlsSearch {
		margin-bottom:50px;
		border:1px solid #d9d9d9;
		padding:15px;
	}

	form#frmMlsSearch .form-control {
		margin-bottom:10px;
	}

	form#frmMlsSearch button[type=submit] {
		margin-bottom:0px;
		position:relative;
		top:-5px;
	}

	/* Header adjustments */
	header ul.navbar-nav:first-child li:first-child {
		margin-top:40px;
	}

	header ul.navbar-nav > li {
		border-bottom:1px solid #f0f0f0;
	}

	header button.navbar-toggle {
		top:15px;
	}

	/* End header adjustments */

	#hero h1 {
		font-size:50px !important;
	}


	#subhero h1 {
		font-size:36px;
	}


	#hero p {
		font-size:24px;
	}

	.heading-3 p {
		margin-top:10px;
		line-height:33px;
	}

	html#home p.today-we-have {
		width:95% !important;
	}

	html[data-module="customer"] img#logo-header {
		max-width:120px;
	}


	html[data-module="customer"] header .dropdown {
		position:relative;
		top:-90px;
	}

	html#home a.list-price {
		text-align:center !important;
		margin-bottom:30px;
	}

	html#home p.overview {
		text-align:center;
	}

	html#home .fav-listing {
		margin:auto !important;
		display:block;
	}

	html#listingview h1 {
		font-size:36px;
	}

	html#listingview a#AskAgent {
		margin-bottom:20px;
	}

	#logo-navbar-middle {
		max-width:250px !important;
	}

	a.re-tool svg {
		font-size:42px !important;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	#logo-navbar-middle {
		max-width:250px !important;
	}

	span#my-name {
		margin-top:5px;
		text-align:left;
		display:block;
		color:#ccc;
		font-size:12px;
		font-style:italic;	
	}

	html[data-module="customer"] img#logo-header {
		max-width:100px;
	}


	.list-img-bg {
	    margin-bottom:30px;
	}

	form#frmMlsSearch {
		margin-bottom:50px;
		border:1px solid #d9d9d9;
		padding:10px;
	}

	form#frmMlsSearch .form-control {
		margin-bottom:10px;
	}

	form#frmMlsSearch button[type=submit] {
		margin-bottom:0px;
		position:relative;
		top:-5px;
	}

	body {
		border:1px solid black;
	}
}

/* df-dialog code */
.df-crud-dialog {
	display:none;
}

/*  Fix for non-scrollable body of dialog */
/*
.modal-body {
	max-height:70vh !important;
	overflow-y:auto !important;
}
*/