/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {font-family: 'Rubik', sans-serif; text-decoration:none; color: #242122; /* "BLACK" */}
a:hover {font-family: 'Rubik', sans-serif; text-decoration:none;}




/*--- ELEMENT STYLES ---*/

h1 {
	font-family: 'Rubik', sans-serif;
	font-size: 56px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	vertical-align: middle;
}
h2 {
	font-family: 'Rubik', sans-serif;
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

img { max-width: 100%; }

.iconclass { padding: 0 12px; }

/*--- BUTTONS (BTNS) ---*/
a.btnclass {
	display:flex;
	padding: 12px;
	font-family: 'Rubik', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: center;
}
span.btn-span-light {
	font-family: 'Rubik', sans-serif;
	font-size: 24px;
	font-weight:500;
	letter-spacing: 1px;
}
a.btngreen-horizontal {
	color: #242122; /* "BLACK" */
	background-color: #019e47; /* GREEN */
	border-top: 2px solid #242122; /* "BLACK" */
	border-right: 1px solid #242122; /* "BLACK" */
	border-bottom: 2px solid #242122; /* "BLACK" */
	border-left: 1px solid #242122; /* "BLACK" */
}
a.btngreen-horizontal:hover { color: #000; background-color:#009040; /* HOVER GREEN */ }
a.btngreen-vertical {
	color: #242122; /* "BLACK" */
	background-color: #019e47; /* GREEN */
	border-top: 1px solid #242122; /* "BLACK" */
	border-right: 2px solid #242122; /* "BLACK" */
	border-bottom: 1px solid #242122; /* "BLACK" */
	border-left: 2px solid #242122; /* "BLACK" */
}
a.btngreen-vertical:hover { color: #000; background-color: #009040; /* HOVER GREEN */ }
.inv-btns-vertical a:first-of-type { border-top: 2px solid #242122; /* "BLACK" */ }
.inv-btns-vertical a:last-of-type { border-bottom: 2px solid #242122; /* "BLACK" */ }

a.a-hover-black:hover { color: #000; font-weight: 500; }

/*--- HEADER STYLES ARE IN MENU.CSS ------------------*/

/*---BODY--------------------------------*/

span.heading-span-light {
	font-family: 'Rubik', sans-serif;
	font-style: italic;
	font-weight: 400;
	vertical-align: middle;
	padding: 0 42px 0 0;
}

div.homepage-inv-btns {
	display: flex;
	justify-content:center;
	width:100%;
	font-family: 'Rubik', sans-serif;
}
div.homepage-inv-btns a {
	display:block;
	width: 25%; 
	padding: 20px 0;
	font-family: 'Rubik', sans-serif;
}

span.p-span-em { font-family: 'Rubik', sans-serif; font-weight: 600; }
span.p-span-em:hover { font-family: 'Rubik', sans-serif; color: #000; }

.content-50 { display:flex; justify-content: space-between; }
.content-50 > div:first-of-type { width:45%; padding: 25px; font-family: 'Rubik', sans-serif; }
.content-50 > div:last-of-type { width:50%; padding: 50px 20px 20px 20px; font-family: 'Rubik', sans-serif; }

.content-70-30 {
	display:flex;
	justify-content: space-between;
	padding: 40px 5%;
}
.content-70-30 div:first-of-type { width: 65%; font-family: 'Rubik', sans-serif; }
.content-70-30 div:last-of-type { width: 30%; font-family: 'Rubik', sans-serif; }

/*--- DEFAULT.htm ---*/

div.homepage-content-50 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 5%;
	font-family: 'Rubik', sans-serif;
}
div.homepage-content-50 p {
	font-family: 'Rubik', sans-serif;
	width: 45%;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.6;
}
div.homepage-content-50 iframe { width: 50%; }

/*--- HERO ---*/
.hero { 
	background-image: url("/siteart/hero.png");
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 600px;
}
.hero h1 { 
	display: flex;
	align-items: center;
	margin: 4%;
	padding: 0 0 0 145px;
	color: #242122; /* "BLACK" */
	font-size: 60px;
}
h1 span.heading-span-light { font-size: 30px; }
hr.hero-hr { 
	position: absolute;
	left: 50%;
	height: 120px; 
	width: 5px; 
	margin: 12px; 
	background-color: #242122; /* "BLACK" */ 
	border: none; 
}

/*--- INVENTORYLAYOUT.htm ---*/

.invpage-inv-btns { display:flex; justify-content: space-between; padding: 20px 5%; font-family: 'Rubik', sans-serif; }
.invpage-inv-btns a { display:block;  width: 24%; font-size: 24px; font-weight: 600; font-family: 'Rubik', sans-serif!important; }
.invpage-inv-btns a.btngreen-horizontal { border: 1px solid #242122; /* "BLACK" */ }

/*--- CONTACT.htm ---*/
.contact-right-form-div { background-color: #babec0; /* LIGHT GRAY */ font-family: 'Rubik', sans-serif; }

/*--- THANKYOU.htm ---*/
.thankyou-content a.btnclass {
	display:block;
	padding: 12px;
	font-family: 'Rubik', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: center;
}
.thankyou-content span.btn-span-light {
	font-size: 16px;
	font-weight:500;
	letter-spacing: 1px;
}

/*--------FORM STYLES--------------------*/

form {
	display:flex;
	flex-direction: column;
	align-items: center;
	font-family: 'Rubik', sans-serif;
}
.form-h2 { font-family: 'Rubik', sans-serif; text-align: center; padding: 12px; }
.form-p { font-family: 'Rubik', sans-serif; padding: 0 22px; text-align: center; }
form label { font-family: 'Rubik', sans-serif; padding: 24px 10px 2px 10px; }
form input { display: flex; margin: 0 auto; width: 50%; align-items: flex-start; }
form #Message { margin: 0 auto; width: 98%; height: 200px; }
form button[type="submit"] {
	width: 180px;
	height: 50px;
	background-color: #242122; /* "BLACK" */
	color: #019e47; /* GREEN */
	font-family: 'Rubik', sans-serif;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	justify-content: center;
	border: 1px solid #242122; /* "BLACK" */
	display: flex;
	align-items: center;
}
form button[type="submit"]:hover { background-color: #019e47; /* GREEN */ color: #000; }

/*-------- FOOTER STYLES ----------------*/
div.footer {
	background-color: #313233; /* DARK GRAY */
	display: flex;
	justify-content: space-between;
	padding: 20px 10%;
	font-family: 'Rubik', sans-serif!important;
}
div.footer a { color: #fff; font-family: 'Rubik', sans-serif!important; line-height: 1.6; letter-spacing: 1px; font-size: 16px; }
div.footer a:hover { color:#DDDDDD; /* HOVER GRAY */ font-weight: 600; }
div.footer .footer-nav {
	display: flex;
	flex-direction: column;
	align-items: left;
	width:33.333333%;
	font-family: 'Rubik', sans-serif!important;
	text-transform: uppercase;
	font-weight: 500;
}
div.footer .footer-logo {
	display: flex;
	align-items: center;
	max-width: 300px;
	width:33.333333%;
}
div.footer .footer-right-links-div {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	width:33.333333%;
	font-family: 'Rubik', sans-serif!important;
}
div.footer .footer-right-links-div a { padding: 6px 0; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


a.view-listing-details-link.des-view-listingDetails { 
	background-color: #019e47!important; /* GREEN */
	color: #000!important;
}
a.view-listing-details-link.des-view-listingDetails:hover { 
	background-color: #005928!important; /* INV HOVER GREEN */
	color: #fff!important;
}

.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButtonBase-root.dealer-contact__button.shfarmsindianacomhdev-olpfvm { 
	background-color: #019e47!important; /* GREEN */
	color: #000!important;
}
.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButtonBase-root.dealer-contact__button.shfarmsindianacomhdev-olpfvm:hover { 
	background-color: #005928!important; /* INV HOVER GREEN */
	color: #fff!important;
}


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1200px) {
	.hero { height:400px; }
	.hero h1 { font-size: 48px; }
	h1 span.heading-span-light { font-size: 20px; }
	a.btnclass { font-size: 28px; }
	span.btn-span-light { font-size: 18px; }
	.invpage-inv-btns a { font-size: 18px; }
	div.footer a { font-size: 14px; }
}

@media only screen and (max-width: 1000px) {
	hr.hero-hr { height: 100px; }
	a.btnclass { font-size: 22px; }
	span.btn-span-light { font-size: 14px; }
	.invpage-inv-btns a { font-size: 16px; }
	.content-50 { display:flex; flex-direction: column; align-items: center; padding: 20px 5%; }
	.content-50 > div:first-of-type { padding: 10px 0; width: 100%; }
	.content-50 > div:last-of-type { padding: 10px 0; width: 100%; }
	form #Message { margin: 0 auto; width: 80%; height: 100px; }
	div.footer { display:flex; flex-direction: column; align-items: center; }
	div.footer .footer-nav { width: 100%; align-items: center; padding: 10px 0; }
	div.footer .footer-logo { width: 100%; max-width: 300px; padding: 10px 0; }
	div.footer .footer-right-links-div { width: 100%; align-items: center; padding: 10px 0; }
}

@media only screen and (max-width: 800px) {
	.hero { height: 300px; }
	.hero h1 { font-size: 32px; padding: 0 0 0 77px;}
	h1 span.heading-span-light { font-size: 18px; }
	hr.hero-hr { height: 60px; width: 4px; }
	.invpage-inv-btns { display:flex; flex-wrap: wrap; padding: 12px 5%; }
	.invpage-inv-btns a { display:block; width: 49%; font-size: 20px; margin: 5px 0; }
	span.btn-span-light { font-size: 16px; }
	a.btngreen-horizontal { border: 1px solid #242122; /* "BLACK" */ }
	div.homepage-inv-btns { display: flex; flex-direction: column; align-items: center; }
	div.homepage-inv-btns a { display:block; width: 80%; padding: 6px 0; margin: 2px 0; }
	div.homepage-inv-btns a:first-of-type { display:block; width: 80%; padding: 10px 0; margin: -38px 0 2px 0; }
	div.homepage-content-50 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 2%;
		padding: 25px 0;
	}
	div.homepage-content-50 p {
		width: 75%;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 1.6;
		padding: 0 0 20px 0;
	}
	div.homepage-content-50 iframe { width: 80%; }
}


@media only screen and (max-width: 600px) {
	form input { display: flex; margin: 0 auto; width: 65%; align-items: flex-start; }
	.invpage-inv-btns a { font-size: 12px; }
}

@media only screen and (max-width: 475px) {
	.hero { height: 200px; }
	.hero h1 { 
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 4%;
		padding: 0;
		font-size: 26px;
		text-align: center;
	}
	h1 span.heading-span-light { 
		align-items: center; 
		text-align:center; 
		font-size: 16px; 
		padding: 0; 
	}
	hr.hero-hr { display: none; }
	.invpage-inv-btns a { margin: 3px 0; }
}