/*  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: 18px;
	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: #ad1f22; text-decoration: none; }
.logotext {
	font-family: Open Sans, Helvetica, sans-serif;
}
.text {
	font-family: Open Sans, Helvetica, sans-serif;
	font-size: 18px;
	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: #880a20;
	display:inline-block;
}
.chromestyle ul li a {
	padding: 0 10px 0 10px;	
	margin: 0;
	text-decoration: none;
	color: #880a20;
	height: auto;
	display: inline-block;
	height: 40px;
}
.chromestyle ul li a:hover {
	color: #000;
	background: #eee;
}
.chromestyle hover{
	color: #000;
	background: #eee;
}
/* ######### 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: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#991b1e+19,c72427+100 */
background: #991b1e; /* Old browsers */
background: -moz-linear-gradient(top, #991b1e 19%, #c72427 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #991b1e 19%,#c72427 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #991b1e 19%,#c72427 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991b1e', endColorstr='#c72427',GradientType=0 ); /* IE6-9 */;
	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: #fff;
	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: #333;
	background: #eee;
}
/* END Styles for Drop Down Menu */

.headlarge {
	color: #444;
	font-size: 48px;
	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: #444;
}
.topNavPlacement {
	position:fixed; top:0; left:0; width:100%; z-index:200;
}
.topHeader {
	width: 100%; background-color: #b10031; height: 70px;
}
.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: 70px; text-align: left; vertical-align: middle; padding: 0 10px 0 10px; font-size: 1.5rem; color: #444; font-weight: 300;
	
}

#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: #b10031;
	color: #444;
	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: #b10031; max-height: 50px; padding: 0 0 0 10px; margin: 0; }
	.topHeaderMobileContainerRow { display: table-row; }
	.topHeaderMobile { display: table-cell; color: #444; height: 50px; width: calc(100vw - 50px);  vertical-align: middle;}
	.topHeaderMobile a { color: #444; }
	.topHeaderMobileBars { display: table-cell; height:50px; width: 50px; vertical-align: middle; text-align: right; color: #444; 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 LizzieConroy2287 */

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



body, html { 
	font-family: Open Sans, sans-serif;
	font-weight:400;
	font-size: 18px;
	background-color:#fff;
	line-height:1.5rem;
	 }
.topHeader {
	display:table; width:100%; max-width:1000px; margin:0 auto; text-align:center; height: 120px;
}
.logoHeaderChesterbrook {
	display:table-cell; vertical-align:middle; font-size: 50px; font-weight:400; line-height:56px; letter-spacing: 0.3rem; color: #880a20;
}
.logoHeaderChesterbrook a {
	color: #880a20; 
	text-shadow: 0 3px 4px rgba(0,0,0,0.0);
}
.logoHeaderChesterbrook a:hover {
	text-shadow: 0 3px 4px rgba(0,0,0,0.3);
}
.headlarge {
	font-family: Open Sans, sans-serif;
	font-weight:400;
	font-size: 48px;
}
.navTable {
	background:#fff;
}
.navTableLinks {
	text-align: center; max-width: 1300px; width:100%;
}
.overflow { height: 120px; overflow:auto; }
.rightcell { padding: 15px }
.poweredByLTG {
	color: #ddd; font-size: 0.8em; letter-spacing:0.04rem;
}
.poweredByLTG a {
	color: #ddd;
}
.topNavPlacement {
	position:relative; width:100%;
}
.contentSpan { padding-top:20px; }
.contentback {
	line-height: 1.5rem;
}
.maincontentContainer {
	padding-left:15px; padding-right:15px; padding-top:10px;
}
.hometexter {
	max-width:700px; margin-top:-45px; font-size: 1.0rem;
}
.hometexterrightcell { vertical-align:middle }
.chromestyle{
	text-transform: uppercase;
	height: 70px !important;
	line-height: 70px !important;
	font-size: 18px;
}
.chromestyle ul li {
	height: 70px !important;
}
.chromestyle ul li a {
	height: 70px !important;
	color: #880a20;
}
.chromestyle ul li a:hover {
	color: #000;
	background: transparent;
	border-bottom:1px solid #000;
}
.chromestyle hover{
	background: transparent;
}
.midtopLeft { display:table-cell; width:auto; vertical-align:middle; text-align:center; padding:12px; color:#999;}
.midtopLeft a { color:#999;}
.midtopRight { display:table-cell; width:auto; vertical-align:middle; text-align:center; border-left: 2px solid #880a20; color:#999; font-weight:300; }
.socialIcons { display:inline-block; margin:0 10px 0 10px; font-size: 1.7rem }
.MenuBarrer { display:none; }
.blogPageTitle, .blogPageCreditDate { color:#111; line-height: 1.1em; }
.blogPageMain { background: transparent; }
.blogrowmain { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,f4f4f4+44,f4f4f4+44 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 44%, #f4f4f4 44%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 44%,#f4f4f4 44%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#f4f4f4 44%,#f4f4f4 44%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
@media screen and (max-width: 1200px) {
	.midtopRight { display:none }
	.chromestyle { font-size: 16px; }
}
@media screen and (max-width: 980px) {
	.chromestyle { font-size: 14px; }
}
@media screen and (max-width: 890px) {
	.chromestyle { font-size: 13px; }
}
@media screen and (max-width: 835px) {
	.logoHeaderChesterbrook { font-size: 45px; line-height:51px; }
	.topHeader { height: 110px; }
	.chromestyle { font-size: 13px; }
}
@media screen and (max-width: 767px) {
		.topHeaderMobileBars { display: inline-block; height:auto; vertical-align: middle; text-align: right; color: #444; padding-right: 12px; font-size: 22px; }
		.topHeaderMobileBarsMenu { display: inline-block; vertical-align: middle !important; text-align: left; color: #444; font-size: 12px; letter-spacing: 0.1rem; padding:0 !important; }
		.MenuBarrer { display:block; }
}
@media screen and (max-width: 736px) {
	.overflow { height: auto}
	.rightcell { margin-bottom: 45px }
	.poweredByLTG {
		display: block; position: relative; margin-top: 10px;
	}
	.contentSpan { padding-top:10px; }
}
@media screen and (max-width: 615px) {
	.logoHeaderChesterbrook { font-size: 40px; line-height:46px; }
}
@media screen and (max-width: 590px) {
	.logoHeaderChesterbrook { font-size: 32px; line-height:38px; }
	.topHeader { height: 90px; }
}
@media screen and (max-width: 480px) {
	.hometexter { margin-top:10px; font-size: 0.9rem; }
	.hometexterrightcell { vertical-align:top }
	.logoHeaderChesterbrook { font-size: 25px; line-height:33px; }
	.topHeader { height: 80px; }
}
@media screen and (max-width: 375px) {
	.logoHeaderChesterbrook { font-size: 22px; line-height:27px; }
	.topHeader { height: 60px; }
}
@media screen and (max-width: 320px) {
	.logoHeaderChesterbrook { font-size: 18px; line-height:23px; }
}
/* customCSS from pages located in pages field customCSS */