/*  site styles 501 */




/*  located at /site501/includes/styles-native.html */



body, html  { 
	background: #fff;
	color: #222;
	font-family: Open Sans, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
}
* {
  box-sizing: border-box;
}
.contentback {
	background: #FFFFFF;
	padding: 0 0 20px 0;
}
h1, h2, h3, h4, h5, h6 { font-weight:600; line-height:1em !important }
hr {
    border: 0 !important;
    height: 1px !important;
    background: rgba(0,0,0,0.4) !important;
}

a:active, a:link, a:visited  { color: #b80300; text-decoration: none; }
.logotext {
	font-family: Open Sans, Helvetica, sans-serif;
}
.text {
	font-family: Open Sans, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
}
.tablecellcollapsesmall { display:table-cell; width: 250px; vertical-align:top; font-size:0.8rem }
/* START CHROMESTYLE */
.chromestyle{
	font-family: Open Sans, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: px;
	letter-spacing: .07rem;
	width: auto;
	line-height: 40px;
	height: 40px;
	display: inline-block;
	margin: 0;
	-webkit-font-smoothing:subpixel-antialiased;
}
.chromestyle ul {
	width: 100%;
	 padding: 0; 
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li {
	color: #000;
	display:inline-block;
}
.chromestyle ul li a {
	padding: 0 10px 0 10px;	
	margin: 0;
	text-decoration: none;
	color: #000;
	height: auto;
	display: inline-block;
	height: 40px;
}
.chromestyle ul li a:hover {
	color: #b80300;
	background: #fff;
}
.chromestyle hover{
	color: #b80300;
	background: #fff;
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv {
	position:absolute;
	margin: 0;
	margin-top: -1px;
	padding: 6px 8px 8px 9px;
	top: 0;
	font-family: Open Sans, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: ;
	letter-spacing: .07rem;
	z-index:100;
	min-width: 100px;
	width: auto;
	height: auto;
	text-align: left;
	visibility: hidden;
	background: #fff;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	z-index:100;
}
.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 3px;
	padding: 0 12px 0 8px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	color: #000;
	background: transparent;
	border-radius: 6px;
	margin: 5px 0 5px 0;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	text-decoration: none;
	color: #b80300;
	background: #fff;
}
/* END Styles for Drop Down Menu */

.headlarge {
	color: #fff;
	font-size: 13px;
	font-family: Open Sans, Helvetica, sans-serif;
	letter-spacing: 0.1rem;
	font-weight: ;
	line-height: normal;
	width: auto;
}
.logotextellipsis {
	box-sizing: border-box;
	max-width: calc(100vw - 70px);
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	word-break: break-all; 
	color: #fff;
}
.topNavPlacement {
	position:fixed; top:0; left:0; width:100%; z-index:200;
}
.topHeader {
	width: 100%; background-color: #524636; height: 90px;
}
.topHeaderBlock {
	display: block; margin: 0 auto; width:100%; max-width: 1000px;
}
.topHeaderBlockLeftCol50 {
	display: table-cell; width:50%;
}
.topHeaderBlockLeftColAuto {
	display: table-cell; width:auto; margin:0; padding:0;
}
.topHeaderInset {
	display: table-cell;  width:100vw; margin: 0 auto; padding: 0; height: 90px; text-align: left; vertical-align: middle; padding: 0 10px 0 10px; font-size: 1.5rem; color: #fff; font-weight: 300;
	background-image: url('/users/MelGolden2282/images/MelGolden2282biglogo.png'); background-repeat: no-repeat; background-size: contain; background-position: left center; 
}

#mobilePullDown { display: none; }
.topHeaderMobileContainer, .topHeaderMobileContainerRow { display: none; }
.topleftlogo {
	height: 110px;
	text-align: left;
	vertical-align: middle;
	padding-left: 0 !important;
}
.topleftlogo a {
	color: #111 !important;
}
.topleftlogo img {
	max-height: 110px !important; width:auto !important;
}
.topcenterlogo {
	height: 110px;
	width:auto !important;
	text-align: center;
	vertical-align: middle;
	font-size: 2.0rem;
}
.topcenterlogo a {
	color: #111;
}
.topcenterlogo img {
	max-height:110px;
	width:auto;
}

.navTable { width: 100%;  background-color: #fff; }
.navTableLinks {
	width: auto; max-width: 1000px; margin: 0 auto; height: auto; text-align: left; vertical-align: middle; font-size: 16px; font-weight: ;
}
.headerMenuBar { display: none; }
.header {
	font-size: 20px;
	font-weight: 600;
}

#wrapper {
	postion:relative;
	display:block;
	min-height: calc(100vh - 200px);
	margin:0;
	padding:0;
}


#footer {
	background-color: #524636;
	color: #fff;
	width:100%;
	height:200px;
	margin:0;
	padding:0;
}

.footerEncloser {  
	background: #eee; color:#111; height: 220px; font-family: Open Sans, sans-serif; position:relative; font-size:0.9rem;
}
.footerEncloser a {  
	color: #111;
}
.footertel { color: #111; display:table; margin-top: 8px; }
.footertel a { color: #111; font-weight: 600; }
.footertelrow { display:table-row; }
.footertelcell { display:table-cell; }
.footeremail, .footeremail a { color: #111; font-weight: 600; padding-top:7px; }
.footercopyright {display:block; margin-top: 12px}

.poweredByLTG {
	font-size: 0.8rem;
	color:#111;
	padding-top:1px;
	position: absolute;
	right: 12px;
	bottom: 10px;
	z-index:10;
}
.poweredBygooletranslatePresent {
	bottom: 40px;
}
.poweredByLTG a {
	color:#111 important;
}

.footerequalhousingrealtor { background-image: url(/artcommon/equalhousing-realtor.png); background-size: contain; height: 36px; width: 68px; margin-top: 10px; background-repeat:no-repeat; display:inline-block; }

.push { height:220px; }

.entry_author_image  { max-width:100px; }

.maincontentContainer {
	min-height: 100px; padding-top:5px;
}
.LTGsearchContainer {
	width: 100%; max-width:1000px; margin: 0 auto; padding: 0 0 15px 0;
}
.gototop {
	display: none;
}
#homeimage {
	background-image: none;
}
.poweredByLTG {
	font-size: 0.85rem;
	padding-top:1px;
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index:10;
}
.padtopsite501 {
	padding-top:20px;
}
.site501topminus20 {
	margin-top: -20px !important;
}

.embed-container {
	position      : relative;
	width         : 100%;
	height        : 0;
	padding-bottom: 60%;
}
.embed-container * {
	width         : 100%;
}


.embed-container iframe {
	position: absolute;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
}


<!-- 
.blogPostThumb {
	display:inline-block;
	width: calc(33.33% - 12px);
	height:auto;
	box-sizing:border-box;
	vertical-align: top;
	margin: 22px 4px 2px 4px;
	text-align:center;
}
.blogPostImageThumb {
	width:100%;
	height:100%;
	margin:0 0 4px 0;
	background-color: #ddd;
	background-size: cover;
	background-position: center;		
	position: relative;
}	
.blogPostImageThumb img {
	width:100%;
	height:auto;
}
.blogPostThumbText {
	position: absolute;
	width:100%;
	padding: 0;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+38&0+0,0.43+38 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.43) 38%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.43) 38%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.43) 38%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6e000000',GradientType=0 ); /* IE6-9 */
	height: 40%;
}
.blogPostThumbTextInset {
	position: absolute;
	width:100%;
	bottom: 0;
	font-size: 15px;
	line-height: 19px;
	font-weight: 600;
	padding: 5px 5px 8px 5px;
	color: #fff;
}
.blogPostThumbTextInset a {
	color: #fff;
}
.blogCredit {
	font-size: 15px;
}
 -->

.rightLister {
	background-color: #ddd;
	font-size: 14px;
	color: #111;
	text-align:left;
	padding: 10px;
}
.rightLister a {
	color:#111;
}
.rightLister ul {
	list-style-type: none;
	margin: 8px;
	padding: 5px;
}
.rightLister ul li {
	list-style-type: none;
	margin: 8px;
	padding: 5px;
	border-bottom: 1px solid #bbb;
}

.author-bio {
	width: 100%;
	max-width: 600px;
	min-height: 130px;
	padding: 15px;
	border: 1px solid #eeeeee; /* #fffaf6 */
	background-color: #fafafa; /* #fffbf8 */
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	position:relative;	
	margin:0 auto;
	font-size: 0.8rem;
	}
	
	.author-bio img {
		float: left;
		height: 75px;
		margin-right: 20px;
		margin-bottom: 3px;
		/*border: 2px solid #333333;*/
		border-radius:50%;

		}
	
.bio {
	width: 100%;
	font-weight: bold;
	text-align: right;
	}	
.buttonRed {
	padding: 8px 10px 8px 10px; background-color:#991a1d; border-radius:6px; font-size: 1.3rem; color:#fff; width:auto; display:inline-block; font-weight:bold; letter-spacing: 0.05rem;
}
.buttonRed a {
	color:#fff !important;
}
.buttonRedSmall {
	padding: 6px 8px 6px 8px; background-color:#991a1d; border-radius:4px; font-size: 1.0rem; color:#fff; width:auto; display:inline-block; font-weight:bold; letter-spacing: 0.05rem;
}
.buttonRedSmall a {
	color:#fff !important;
}

.testimonial {
	padding: 12px !important;
	line-height: 1.5rem !important;
	text-align: left !important;
	margin-top:35px !important
}
.testimonial i.fa-quote-left {
	opacity: 0.6;
}

.yoursTruly {
	padding: 12px !important;
	line-height: 1.5rem !important;
	text-align: right !important;
}
.socialIcons {
	display:inline-block;
	margin: 6px;
}
.socialIcons img {
	width:26px;
	height:26px;
}

@media screen and (max-width: 1024px) {
	.chromestyle { font-size: 1.0em; letter-spacing: .05rem; }
	.dropmenudiv { font-size: 1.0em !important; }
}
@media screen and (max-width: 900px) {
	.chromestyle{ font-size: 0.85em; }
	.navTableLinks{ font-size: 0.85em; }
}
	.dropmenudiv { font-size: 0.9em !important; }
}
@media screen and (max-width: 810px) {
	.chromestyle ul li a { padding: 0 5px 0 5px !important;	}
	.dropmenudiv { font-size: 0.8em !important; }
}
@media screen and (max-width: 810px) {
	.chromestyle ul li a { padding: 0 5px 0 5px;	}
}
@media screen and (max-width: 767px) {
	.topHeader { display: none; } 
	.topHeaderMobileContainer { display: table; width:100%;  background-color: #524636; max-height: 50px; padding: 0 0 0 10px; margin: 0; }
	.topHeaderMobileContainerRow { display: table-row; }
	.topHeaderMobile { display: table-cell; color: #fff; height: 50px; width: calc(100vw - 50px);  vertical-align: middle;}
	.topHeaderMobile a { color: #fff; }
	.topHeaderMobileBars { display: table-cell; height:50px; width: 50px; vertical-align: middle; text-align: right; color: #fff; padding-right: 12px; font-size: 22px; }
	.topHeaderInset {  display: none; min-height: 30px; background-image: none; }
	.headlarge { font-size: 18px !important; height: 50px; line-height: 50px; padding: 0; }
	.navTable { display: none; }
	#mobilePullDown { display: block !important; }
	.maincontentContainer { padding-top:50px; }
	.site501topminus20 { margin-top: -50px !important; }
	body, html  { font-size: 0.9rem !important; }
}
@media screen and (max-width: 640px) {
	.gototop {
		display: block; position:fixed; right:0; bottom: 0; width:auto; height:auto; background: rgba(255,255,255,0.8); padding: 8px; color:#222; z-index:1001; border-top-left-radius: 6px;
	}
	.gototop a { color: #222; }
	.tablecellcollapsesmall { clear:both; width:100% !important; display:block !important; }
}
@media screen and (max-width: 414px) {
	.header { font-size: 16px;}
	.LTGsearchContainer { padding: 0 0 15px 0;}
	.blogPostThumb { width:100% !important; }
}
@media screen and (max-width: 375px) {
	
}

/*  user styles MelGolden2282 */

/*  located at /site501/users-styles/MelGolden2282-styles-native.html */



body, html { 
	font-family: Roboto, sans-serif;
	font-weight:400;
	font-size: 16px;
}
.topNavPlacement {
	position:relative; padding:0; margin:0; width:100%;
}
.topHeader {
	width: 100%; background-color: #fff; height: 110px; z-index:0;
}
.topleftlogo {
	height: 110px; width:390px !important; text-align: right;  vertical-align: middle;
}
.topleftlogo img {
	height: 110px !important; width:370px !important;
}
.topHeaderAddress {
	display:table; width:100%; max-width:1000px; margin:0 auto; font-size: 16px; color:#000; font-weight:600; text-align:center; padding: 14px 0 14px 0;
}
.navTableLinks {
	text-align: right;
}
.overflow { height: 110px; overflow:auto; }
.rightcell { padding: 15px }
.poweredByLTG {
	color: #eee; font-size: 0.8em; letter-spacing:0.04rem;
}
.poweredByLTG a {
	color: #eee;
}
.contentSpan { padding:30px 20px 20px 20px; }
.maincontentContainer {
	min-height: 100px; padding-top:20px; max-width:1000px !important; margin:0 auto; line-height:1.5rem;
}
.contentback {
	line-height: 1.5rem;
}
.hometexter {
	max-width:700px; margin-top:-45px; font-size: 1.0rem;
}
.hometexterrightcell { vertical-align:middle }
.chromestyle {
	text-transform: uppercase;
	letter-spacing: 0.12rem;
	font-family: Roboto Condensed; sans-serif; font-weight:700;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
}
.chromestyle ul li a {
	padding: 5px 6px 4px 5px;	
	height: auto !important;
	line-height:auto !important;
}
.dropmenudiv {
	font-family: Roboto Condensed; sans-serif; font-weight:700;
	font-size: 16px;
	text-transform:uppercase;
	box-shadow: 0 4px 4px rgba(0,0,0,0.3);
}
.homebuttons {  
	font-size:1.0rem; font-weight:400; font-family: Roboto Condensed; background:#000; color:#fff; display:inline-block; margin:8px; padding: 12px; letter-spacing: 0.11rem;
}
.homebuttons a {  
	color:#fff;
}
.touterheader { font-size: 3.0rem; font-weight:300; margin:0 auto; display:block; text-align:center; margin: 24px 0 16px 0; line-height: 3.1rem; font-family:Roboto Condensed; sans-serif; font-weight:700; }
.holder { display:inline-block; padding: 34px 22px 34px 22px; border: 1px dashed grey; margin: 8px }
.toutheader { font-size: 3.8rem; padding-bottom:6px; font-family:Roboto Condensed; sans-serif; font-weight:700; color:#a80f24 }
.toutdescription { font-size: 1.3rem; padding-bottom:6px; font-family:Roboto Condensed; sans-serif; font-weight:400; }
.blogPageMain { background: transparent }
.blogPageTitle { color: #000 }
.blogPageCreditDate { color: #777 }

@media screen and (max-width: 1094px) {
	.chromestyle {
		letter-spacing: 0.1rem; font-size: 15px;
	}
	.dropmenudiv {
		font-size: 15px;
	}
}
@media screen and (max-width: 972px) {
	.topHeaderAddress { font-size: 14px; }
}
@media screen and (max-width: 864px) {
	.topHeaderAddress { font-size: 13px; }
}
@media screen and (max-width: 768px) {
	.homebuttons {  margin:8px 0 8px 0; }
}
@media screen and (max-width: 767px) {
	.topHeader { display: none; } 
	.topHeaderMobileContainer { display: table; width:100%;  background-color: #524636; max-height: 70px; padding: 0 0 0 10px; margin: 0; }
	.headlarge { height: 90px !important; }
	.headlarge img { height: 90px; width;auto; }
	.topHeaderMobileBars { height:90px; width: 50px; vertical-align:middle; font-size:20px; }
	.topHeaderMobile { display: table-cell; color: #fff; height: 50px; width: calc(100vw - 50px);  vertical-align: middle;}
	.topHeaderMobile a { color: #fff; }
	.topHeaderMobileBars { display: table-cell; vertical-align: middle; text-align: right; color: #fff; padding-right: 12px; font-size: 36px; }
	.topHeaderAddress { display:none;}
	.topHeaderInset { height: 80px; width:auto; }
	.topHeaderInset img { height: 80px; width:auto; }
}
@media screen and (max-width: 736px) {
	.overflow { height: auto}
	.rightcell { margin-bottom: 45px }
	.poweredByLTG {
		display: block; position: relative; margin-top: 10px; right: 0; bottom: 0;
	}
	.contentSpan { padding-top:4px; }
}
@media screen and (max-width: 480px) {
	.hometexter {
		margin-top:10px; font-size: 0.9rem;
	}
	.hometexterrightcell { vertical-align:top }
	.headlarge { height: 80px !important; }
	.headlarge img { height: 70px; width;auto; }
	.topHeaderMobileBars { height:80px; width: 40px; vertical-align:middle; font-size:26px; }
}
@media screen and (max-width: 375px) {
	.maincontentContainer {
		padding:10px;
		width:auto;
	}
	.maincontentContainer img {
		width:auto;
		max-width:100%;
	}
	.headlarge img { height: 80px; width;auto; }
	.topHeaderMobileBars { height:80px; width: 40px; vertical-align:middle; font-size:26px; }
	body, html  { font-size: 0.95rem !important; }
}