@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

body {
	background-image:url('../siteart/white_carbon.png');
	background-color:#dadde2;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
}

.center { 
  display: block; 
  margin-left: auto; 
  margin-right: auto;
  padding:10px 0;
}

#wrap {
	max-width:1000px;
	margin:0 auto;
	margin-top:50px;
	background-color:#fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#wrap.inv-wrap {
    max-width: 1400px;
}

.inv-wrap #header {
    max-width:1000px;
    
}
.break {
    flex-basis: 100%;
    height: 0;
    width:0;
        
}

#header {
    background-image:url('../siteart/home-page2.gif');
    background-repeat:no-repeat;
    background-size: cover;
    width:100%;
    margin:0 auto;
    border:7px #fff solid;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding:20px;
}

#header img {
	max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
}

#numbers {
	padding: 0 20px 20px 0;
    align-self: flex-end;
}

#numbers h2 a {
	font-size:30px;
    color:#fff!important;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#numbers h2 a:hover {
    opacity: 0.9;
}

#nav {
    position: relative;
}


#nav ul {
	width:226px;
	border: 7px #fff solid;
	border-top:0;
	background:#1a3f6c;
	padding:10px 10px 45px 10px;
    box-sizing: border-box;
}

#nav li {
	list-style:none;
	font-size:14px;
	padding:12px 10px;
	border-bottom:1px #fff solid;
}

#nav .last {
	border-bottom:0;
}

#nav a:link { color:#fff; text-decoration:none;}
#nav a:visited { color:#fff; text-decoration:none;}
#nav a:hover { color:#ecdc4f; text-decoration:none;}
#nav a:active { color:#fff; text-decoration:none;}


#menu-button{display: none;}
nav.mobile { display:none;}

.flex-cont-1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#content {
	background:#fbfcfc;
	overflow:hidden;
	padding:7px;
    width:calc(100% - 226px);
    box-sizing: border-box;
}

#content p{
	font-size:12px;
	color:#1a3f6c;
    width:55%;
	padding:25px 0 0 10px;
    box-sizing: border-box;
}


#content .texas {
    width:45%;
	padding-left:15px;
    box-sizing: border-box;
}
#content .texas img {
	max-width: 100%;
    height: auto;
    display: block;
}


#content .contact_info  {
	width:200px;
}
.map-cont-1 {
    width:calc(100% - 210px);
    height: 380px;
}
.pics {
    max-width: 100%;
    height: auto;
    display: block;
}

#lower_content {
	width:100%;
	padding:10px;
    box-sizing: border-box;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-img-cont-1 {
    width:70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:20px 0;
}
.about-img-cont-1 img {
    max-width: 100%;
    width: 47%;
    height: auto;
    display: block;
    border: solid 4px #fff;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1), 5px 5px 10px 2px rgba(0,0,0,0.5);
    margin: 10px auto;
}

.links-cont-1 {
    width:25%;
}

.orchard {
	background: url(../siteart/button.gif) no-repeat 0 0;
	display:block;
	width: 100%;
    max-width: 155px;
	height:25px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	padding:7px 0 0 16px;
    margin:10px auto;
}

.orchard:hover {
	background-position:0 -32px;
	color:#fff;
}
.img-link {
    display: block;
    margin:40px auto 10px auto;
}
.img-link img {
    max-width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    padding:10px;
    box-sizing: border-box;
    margin:0 auto;
}
.img-link img:hover {
    opacity: 0.9;
}


#inventory a{
	padding-left:7px;
	color:#1a3f6c;
	text-decoration:none;
	font-size:12px;	
}

#inventory a:hover {
	text-decoration:underline;
}

/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling {
    width:100%;
    height:92px;
}

/*============
     Inventory Pg
=============*/


.container-inv {
    width:calc(100% - 226px);
    background: #fff;
    color: #000;
    margin: auto;
    padding:10px;
    box-sizing: border-box;
}

.list-content .list-title .list-listings-count {
    color: #1a3f6c !important;
}

.list-content .list-top-section .listing-option-bar .list-listings-count {
    color: #1a3f6c !important;
}

.faceted-search-content .selected-facets-container .selected-facet {
    background-color: #1a3f6c !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {
    background-color: #1a3f6c !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover {
    background-color: #000 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {
    color: #1a3f6c !important;
}

.DetailParentElement {
    background: #fff;
    color: #000;
    padding: 20px;
}

.detail-content .search-results {
    color: #1a3f6c !important;
}

.detail-content .detail-main-body .main-detail-data .detail-price {
    color: #1a3f6c !important;
}

.detail-content .detail-main-body .main-detail-data .offer-btn {
    background-color: #1a3f6c !important;
}

.detail-content .detail-main-body .main-detail-data .offer-btn:hover {
    background-color: #000 !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
    color: #1a3f6c !important;
    border-color: #1a3f6c !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn:hover {
    color: #000!important;
    border-color: #000!important;
}

.detail-content .detail-additional-data .data-row .data-label {
    background-color: #1A3F6C!important;
}

.list-content .list-listing-mobile .price-container .price {
    color: #1a3f6c !important;
}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call {
    color: #1a3f6c !important;
    border-color: #1a3f6c !important;
}

.list-content .list-listing-mobile .view-listing-details-link {
    background-color: #1a3f6c !important;
}

.list-content .list-listing-mobile .view-listing-details-link:hover {
    background-color: #000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .detail-price, .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title, .compare-listings-container .compare-container .compare-price {
    color: #1a3f6c !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .mobile-breadcrumb, .contact-options a, .fin-calc-mobile > a {
    background-color: #1a3f6c !important;
}
 
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile:hover, .contact-options a:hover, .fin-calc-mobile > a:hover {
    background-color: #000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    background-color: #1a3f6c !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile:hover {
    background-color: #000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile {
    background-color: #1a3f6c !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile:hover {
    background-color: #000!important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
    background-color: #1a3f6c !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background-color: #1a3f6c !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn:hover {
    background-color: #000 !important;
}

.button {
    background-color: #1a3f6c !important;
}

.button:hover {
    background-color: #000 !important;
}

.detail-content-mobile .accordion-container .form-bottom .captcha-and-submit .mobile-close {
    border-color: #1a3f6c !important;
    color: #1a3f6c !important;
}

.detail-content-mobile .accordion-container .form-bottom .captcha-and-submit .mobile-close:hover {
    color: #fff !important;
    background-color: #1a3f6c !important;
}

.faceted-search-content .mobile-done-button-container .mobile-done-button {
    background-color: #1a3f6c !important;
}

.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {
    background-color: #000 !important;
}


/*==========
    Footer
==========*/
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#ababaa;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#ababaa;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#ababaa;}

.divfooter {max-width:450px; text-align:center; margin:0 auto; padding-top:15px;}





/*========================== 
	  Responsive styles 
============================*/
@media screen and (max-width: 1400px)  {
    .inv-wrap #content {
      width: 100%;
    }
    .inv-wrap #nav {
        width:100%;
    }
    .inv-wrap #nav ul {
      width: 100%;
      border: none;
      border-top: 0;
      background: #1a3f6c;
      padding:10px;
      box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }
    .inv-wrap #nav li {
      font-size: 1.2vw;
      padding: 12px 0px;
      border-bottom: 0px #fff solid;
    }
    .container-inv {
        width:100%;
    }
}



@media screen and (max-width: 850px)  {
    
    #content {
      width: 100%;
    }
    .about-img-cont-1, .links-cont-1 {
      width: 100%;
    }
    #content p {
      width: 100%;
      padding: 25px 10px 25px 10px;
    }
    #content .texas {
      width: 100%;
      padding: 15px;
        margin:0 auto;
    }
    #content .texas img {
        margin:0 auto;
    }
    .about-img-cont-1 img {
      width: 42%;
    }
    .map-cont-1 {
        width:100%;
    }

	/*==============================
		Mobile Nav Styles			
	================================*/	

    
	#nav{display:none;}
    
	#menu-button{ 
		width: 100%;
		display: block;
		font-size: 24px;
		position: relative;
		line-height:60px; 
		z-index: 400; /* needs to be lower than nav.mobile, adjust as needed */
		background: #1a3f6c;
	}
		#menu-button a{
			 color:#fff;
			 text-decoration: none;
			 padding:0 0 0 .8em; 
			 font-weight:normal;
		  }
	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #1a3f6c;
		z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
		overflow:auto;
	}
	/* MENU HEADER SOCIAL MEDIA */
		nav.mobile .social-media {
			position: relative;
			text-decoration: none;
			display: inline-block;
			font-size:16px;
			word-spacing:13px;
			padding:0 0 0 15px;
			color: #ccc !important;
		}

		nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
		nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}

	/* MENU HEADER STYLES */
	nav.mobile .mobile_top {
		position: relative;
		display:block;
		padding: 0;
		margin:15px 0 10px 0;
		color: #999;
		font-size: 18px;
		font-weight: 400;
	}

	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {
		position: absolute;
		padding: 3px 8px 3px;
		font-family: Arial, sans-serif;
		font-size:24px;
		font-weight: bold;
		line-height: 1;
		background: #222;
		color: #999;
		text-decoration: none;
		top:-4px;
		right:13px;
	}
	nav.mobile .menu-toggle:hover { /* Menu close button on hoveer */
		color: #fff;
	}

	/* MENU LIST STYLE */
	nav.mobile ul {
		list-style: none;
		font-weight: 300;
		margin:0;
		padding:0;
	}
	nav.mobile ul li {
		border-top: 1px solid #fff;
		position:relative;
	}
    nav.mobile ul li:last-child {
		border-bottom: 1px solid #fff;
	}

	/* FIRST LEVEL */
	nav.mobile ul li a {
		position: relative;
		display: block;
		font-size:15px;
		padding: 10px;
		color: #fff;
		text-decoration: none;
		border-left:4px #333 solid;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {
		background:rgba(45,45,45,0.5); 
		color: #fff; 
		border-left:4px #1a3f6c solid; /* border highlight - Change to fit match site colors */
	}

	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {
		background: #444;
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		border-left:4px #444 solid;
		color: #ccc;
		text-decoration: none;
	}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}

	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {
		background: #555;
		position: relative;
		display: block;
		padding: 10px 10px 10px 25px;
		color: #ccc;
		text-decoration: none;
		border-left:4px #555 solid;
	}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}

	nav.mobile ul li .click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
		position:absolute;
		display:block;
		cursor:pointer;
		z-index: 12399994;
		top:0;
		right:0;
		width:auto;
		height:auto;
		padding: 17px 20px;
		color:#fff;

	}
	.nav-footer {color:#1a3f6c; position:relative; text-align:center; font-size:14px; line-height:16px; padding:15px 0;}

	/* FONT AWESOME ICONS */
	nav.mobile ul li a i{
		width:25px;
		padding:8px 3px;
		margin:0 6px 0 0;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}


	nav.mobile ul li .fa-chevron-down {color:#999;}
    
    .grid figure{width: 49%;}
}