/*  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: 16px;
	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: 16px;
	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: 12px;
	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: #fff;
	display:inline-block;
}
.chromestyle ul li a {
	padding: 0 10px 0 10px;	
	margin: 0;
	text-decoration: none;
	color: #fff;
	height: auto;
	display: inline-block;
	height: 40px;
}
.chromestyle ul li a:hover {
	color: #ffffff;
	background: #991b1e;
}
.chromestyle hover{
	color: #ffffff;
	background: #991b1e;
}
/* ######### 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: 12px;
	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: 10px;
	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: #fff; 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: #444; font-weight: 300;
	background-image: url('/users/KathyShipley2281/images/KathyShipley2281biglogo.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: #dc202e; }
.navTableLinks {
	width: auto; max-width: 1000px; margin: 0 auto; height: auto; text-align: left; vertical-align: middle; font-size: 12px; 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: #fff;
	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: #fff; 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 KathyShipley2281 */

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



body, html  { 
	font-weight: 400;
	line-height: 1.5rem;
}
label {
  color: #555;
  cursor: pointer;
  display: block;
  font-size: 0.8rem !important;
  line-height: normal;
  font-weight: bold;
  margin: 0.7rem 0.25rem 0.05rem auto	!important;
  text-align: left;	
  width: 100%;
} 
.homeimagetext {
	font-size: 28px; line-height: auto; top:20px; position: relative; font-family: 'Cinzel', sans-serif; letter-spacing: 0.08rem
}
#homeimage {
	background-repeat: no-repeat; background-position: center bottom; background-size: cover;  min-height: 250px; position: relative;
}
#homeText {
	z-index: 10; position: relative; width:100%; max-width:1000px; padding: 10px 10px 0 10px; margin: -0 auto 0 auto; 
}
.homesearch {
	position: absolute; bottom: 20px;)
}
.hometablecellno600 { display: table-cell; }
.hometablecellrightleft { text-align: right }
.logoHeader { font-family: 'Yellowtail', serif; font-size: 2.8rem; line-height: 3.0rem; }
.logoHeader a { color: #222 }
.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;
}

.searchForms {
	font-size: 16px ;
	line-height: auto;
	font-family: Titillium Web, sans-serif !important;
	color: #222;
	padding-right: 10px;
	padding-left: 10px;
}
.searchForms input,  .searchForms input[type=text],  .searchForms input[type=textarea] {
    font-family: Titillium Web, sans-serif
}
.searchForms select {
    font-family: Titillium Web, sans-serif
}
.mobileDetailTopLeftPrice {
	font-size: 1.6rem;
}
.mobileBedsBaths {
	font-size: 1.0rem;
}
.mobileDetailAddress {
	font-size: 1.2rem;
}
.detailHouseStatus {
	font-size: 0.8rem;
}
.overflow { height: 150px; overflow:auto; }
.rightcell { padding: 15px }
.poweredByLTG {
	color:#fff;
	right: 10px;
	bottom: 9px;
	font-size: 0.8em;
}
.poweredByLTG a {
	color:#fff;
}
.topNavPlacement {
	position:relative; top:0; left:0; width:100%; z-index:200;
}
.topHeader { 
	width: 100%; height: 100px; max-height:100px; max-width: 1100px; margin:0 auto;
}
.topHeaderBlock {
	display: table; margin: 0 auto; padding: 0 10px 0 10px; width:100%; max-width: 100% !important; max-height: 100px !important;
}
.navTableLinks {
	text-align: center; max-width: 1100px;
}
.topHeaderMobile {text-align:left !important;}
}
.topHeaderMobile, .topHeaderMobile a {color: #fff;}
.topHeaderMobileBars { color: #fff; }
.chromestyle {
	text-transform:none;
	letter-spacing: 0.02rem;
	font-weight: 600;
	font-size: 17px; 
}
.dropmenudiv a{
	text-transform: none;
	font-weight: 400;
}
.maincontentContainer {
	min-height: 100px; padding-top:0;
}
#wrapper {
	min-height:100%;
	min-height: calc(100vh - 217px);
	position:relative;
}
.width100pcmax1000 {
	width: 100%; max-width: 1000px !important;
}
hr {  border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc); }
.tablebox { width:200px; margin:8px; box-shadow: 1px 1px 5px rgba(0,0,0,0.4); padding:10px 10px 5px 10px; float:left; font-size:0.75rem;  }
ul { list-style-type: disc;
		margin: 5px 20px 20px 20px;
		padding: 0;
	}
.contentholder { font-size:0.8rem; } .contentholder img { margin-bottom:6px; }

.bottomFooter { background-color: #004c9a; height: 200px; color:#eee; font-size: 0.95rem; }
.bottomFooter a { color:#fff; }

@media screen and (max-width: 1045px) {
	.chromestyle{ font-size: 15px; letter-spacing: .05rem; }
}

@media screen and (max-width: 984px) {
	.chromestyle{ font-size: 14px; letter-spacing: .04rem; }
	.navTableLinks{ font-size: 0.85em; }
}
@media screen and (max-width: 900px) {
	.chromestyle{ font-size: 12px; }
}
@media screen and (max-width: 860px) {
	.navTableLinks{ font-size: 0.75em; }
}
@media screen and (max-width: 840px) {
	.chromestyle{ font-size: 12px; letter-spacing: .02rem; }
}
@media screen and (max-width: 810px) {
	.chromestyle ul li a { padding: 0 5px 0 5px;	}
}
@media screen and (max-width: 768px) {
	.homeimagetext { font-size: 24px;   }
	.logoHeader { font-size: 2.5rem; line-height: 2.5rem; }
}
@media screen and (max-width: 767px) {
	.maincontentContainer { padding-top:0px; }
}
@media screen and (max-width: 736px) {
	.blogPostThumb {
		width: calc(50% - 13px);
	}
	.overflow { height: auto}
	.rightcell { margin-bottom: 45px }
	.poweredByLTG {
		display: block; position: relative; margin-top: 20px; right: 0; bottom: 0;
	}
	#homeText { padding: 5px 10px 0 10px; margin: 0 auto 0 auto; }
	.homesearch { bottom: 10px }
}
@media screen and (max-width: 600px) {
	html, body { background: #fff }
	.hometablecellno600 { display: none; }
	.hometablecellrightleft { text-align: left }
}
@media screen and (max-width: 512px) {
	#homeimage  { height: 60%; height: calc(100vh - 500px); min-height: 320px; }
	.homeimagetext { font-size: 21px;  }
	.blogPostThumbTextInset {
		font-size: 11px;
		line-height: 14px;
	}
	.blogCredit {
		font-size: 11px;
	}
	.logoHeader { font-size: 1.5rem; }
}
@media screen and (max-width: 375px) {
	#homeimage  { height: 50%; height: calc(100vh - 450px); }
	.logoHeader { font-size: 1.35rem; }
}
@media screen and (max-width: 320px) {
	.homeimagetext { font-size: 21px;  }
	#homeimage  { height: 50%; height: calc(100vh - 550px); }
	.logoHeader { font-size: 1.15rem; }
}/* customCSS from pages located in pages field customCSS */