@charset "UTF-8";
/* MASTER CSS Document */


.no-padding-right {
	padding-right:0px;
}

.no-padding-left {
	padding-left:0px;
}

body, p, h1, h2, h3, h4, h5 { 
	font-family: 'Open Sans', sans-serif; 
	color: #8a8f91;
}

p { 
	color: #8a8f91;
    font-size: 14px;
	font-weight:400;
}

h1, h2, h3, h4, h5 { 
	color:#42474a;
	font-weight:600;
}

ul{
	color:#42474a;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 14px;
}

a {
	color:#42474a;
	transition: color 300ms ; 
}

a:hover, a:active {
	color: #869096;
}



.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



/* NAV Header FIXED */
#fixed-wrapper {
	position:fixed;
	top:0;
	z-index:9999;
	width: 100%;
}

/* Responsive NAV */


.tab-bar {
    background-color: #eeeeee;
    color: #959595;
    height: 85px;
    border-bottom: 4px solid #959595;
}


.tab-bar .menu-icon{
	background-color:#959595;
	margin-top:3px;
}


.left, .right {
	padding: 15px;
}

.inner-wrap .dealer-name {
	padding:5px 15px 15px 15px;
	background:#fff;
	min-height:40px;
}

.inner-wrap .dealer-name h1{
	font-size: 18px;
	margin-top:10px;
}

/* Secondary Responsive Nav Tabs*/

.inner-wrap #navHdr-wrapper-mobile {
	background:#959595; 
	min-height: 60px; 
	color: #fff;
	padding:0px;
}

.inner-wrap .navTab, .inner-wrap .navLast {
	display: inline-block; 
	margin: 0px; 
	padding: 0px;
}

.inner-wrap .navTab a, .inner-wrap .navLast a {
	display: block; 
	height: 60px; 
	padding: 17px 20px 0px 20px; 
	margin: 0px; 
	color: #ffffff; 
	transition: background-color 300ms;
}

.inner-wrap .navTab a { 
	border-right: 1px solid #fff;
}

.inner-wrap .navTab a:hover, .inner-wrap .navLast a:hover {
	background-color: #42474a ;
}




/* Dealer Social */

a.socialBtn { 
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
	width: 30px; 
	height: 30px; 
	border: 1px solid #d2d3d4; 
	padding:3px 0 0 6px;
	line-height: .5 !important; 
	margin-top: 3px; 
	display:inline-block; 
	background-color: #fff;
}

a.socialBtn i {
	font-size: 1.4em; 
	color: #a1a3a6; 
	transition: color 300ms ;
}

a.socialBtn i:hover { 
	color: #61686c;
}


/* Featured Flag */

.flag {
	background-color: #42474a;
	text-transform: uppercase;
	position: absolute;
	max-height: 24px;
	margin-top: 15px;
}

.flag p, .article-copy .flag p {
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 12px;
	padding:3px 20px 0px 20px;
}


/* Universal Button */

.button {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size: 14px;
	padding: 8px 12px 9px 12px;
	background-color: #42474a;
	width:100%;
}

.button:hover {
	background-color: #869096;

}

#footerBlock .button {
	background-color: #869096 ;
	transition: opacity 300ms ;
}

#footerBlock .button:hover {
	opacity: .75;
}


/* Page Content */

/* Main Slider 1 MOBILE VIEW */

#slider-wrapper-mobile {
	background:#ffffff; 
	color: #8a8f91;
	margin-top:30px;
	min-height: 371px;
}

#slider-wrapper-mobile .sliderBG{
	background-color:#eeeeee; 
	min-height: 50px;
	padding: 30px; 
	margin:-30px 0px 0px 0px;
} 

#slider-wrapper-mobile .arrows {
	position: relative;
	z-index: 99;

}

#slider-wrapper-mobile .btnLeft {
	position: absolute;
	top: 125px;
	left: 40px;
}


#slider-wrapper-mobile .btnRight {
	position: absolute;
	top: 125px;
	right: 40px;
}


#slider-wrapper-mobile .arrows button, .arrows .button {
	background-color:transparent;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 46px; 
	height: 46px; 
	color:#717475;
	line-height: .5 !important; 
	padding:13px 0 0 0;
	font-size:2em;

}

#slider-wrapper-mobile .arrows .button-group > li button, .arrows .button-group > li .button {
    border: 2px solid #717475; 
}

#slider-wrapper-mobile .slider-copy h1 {
	font-size: 26px;
}

#slider-wrapper-mobile .slider-copy p {
	color: #42474a;
	font-size: 16px;
}

#slider-wrapper-mobile .flag {
	margin-left:15px;
}


/* Main Body */

#content-wrapper {
	background:#fff; 
}

.main-title h1 {
	color: #42474a;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 24px;
	margin-top:30px;
}

.archives .dropdown {
	margin:30px 0 0 0 ;

}

.content-row {
	margin-top:30px;
}

.article, .sidebar, .article-copy {
	margin-bottom:30px;
}

.article-copy {
	background-color:#eeeeee; 
	padding:23px 30px 10px 30px;
	min-height: 100px;
}

.article-copy h2{
	font-size: 20px;
	margin-top: 0px;
}


.article .icon-left .columns, .sidebar .article-copy .columns {
	padding: 0px;
}

.article .icon-left i {
	font-size: 4em; 
	color: #a1a3a6; 
	line-height: 1.3 !important; 
}


/* Post Content Styles */

.post-title h1, .related-posts h1 {
	font-weight:300;
	font-size: 30px;
	margin:0;
	padding:0;
}

.post-title h2 {
	color: #42474a;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 20px;
	text-transform: uppercase;
	margin:0;
	padding:0;
}

.post-info p{
	margin-bottom: 0px;
}

.post-info a.socialBtn { 
	margin-top:-20px; 

}

.post-content {
	margin-bottom:15px;
}

.post-content img {
	padding:10px 15px 10px 0;
}


/* Sidebar */

.sidebar .article-copy a.socialBtn { 
	width: 40px; 
	height: 40px; 
	padding:6px 0 0 9px;
	line-height: .5 !important; 
	margin:-10px 10px 15px 0; 
}

.sidebar .article-copy a.socialBtn i {
	font-size: 1.8em; 
}

.sidebar .article-copy .sidebar-image {
	padding:10px 0px;
}

.article-copy h3{
	font-size: 20px;
	margin-top: 0px;
}
 
.article-copy ul{
	margin-top: 0px;
	list-style-image: url('../img/example-theme-bullet.png');
}

.article-copy ul li{
	border-top: 1px solid #d6d8d9; 
	padding:5px 0px;
}

.sidebar .location {
	margin-top:-5px;
}

.sidebar .location h2 {
	margin:0px;
}


.sidebar .special-offers {
	padding:10px 10px 0px 10px;
	float: left;
	width:100%;
}

.sidebar .special-offers strong{
	color:#42474a;
}



/* Main Newsletter */

#newsletter-wrapper {
	background:#eeeeee;
	min-height: 60px; 
	padding:30px;
	margin-top: 30px;
}

#newsletter-wrapper h2{
	font-size: 24px;

}

#newsletter-wrapper p{
	font-size: 18px;
	margin-top: -10px;;
}




/* FOOTER */
#footerBlock {
	background-color:#42474a;
	color:#8a8f91;
	padding: 45px 0px 30px 0px;
}

#footerBlock p {
	font-weight: 300;
}

#footerBlock .contactBlock {
	border-right: 1px #8a8f91 solid; 
	border-left: 1px #8a8f91 solid;
}

.contactBlock h2 {
	color:#8a8f91;
	margin-top: 0px; 
	padding-top: 0px; 
	text-transform: uppercase;
	font-size: 24px;

}

.contactBlock p {
	font-weight: 300;
	margin-top: -10px; 
	padding-top: 0px; 
}

ul.ftrLinks li {
	list-style: none;
	background: url('../img/example-theme-bullet.png') left center no-repeat;
}

ul.ftrLinks li a, ul.ftrLinks li a:active {
	color:#8a8f91;
	font-size: 14px; 
	font-weight: 400; 
	padding-left: 15px; 
	display: block; 
	margin-bottom: 5px;
	transition: opacity 300ms ; 
}

.contactDetails a {
	color:#8a8f91;
	transition: opacity 300ms ;
}

ul.ftrLinks li a:hover, .contactDetails a:hover { 
	opacity: 0.5;
}


.contactBlock .txtfield {
	margin-bottom:6px;
	padding-right:6px;

}



/* Footer Bottom */

#footer-wrapper {
	background:#eeeeee;
	padding:25px 0px 9px 0px;
	min-height:175px;
}

#footer-wrapper p {
	color:#42474a;
	padding:0px;
	font-size: 12px;
}



/* Footer CTA Bottom */

.ftrDesktop {
	position:fixed; 
	bottom:0px; 
	right:0px; 
	width:100%; 
	height: 99px; 
	padding-top: 0px;
	z-index:1000;
}

.ftrDesktop .contactBtn-wrapper {
	background: #42474a; 
	width: 65%; 
	display:block; 
	float: left; 
	padding:33px 15px 25px 25px;

}

.ftrDesktop a.grayBtn {
	background-color: #959595; 
	color: #fff; 
	font-size: 12px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	border: 1px solid #fff; 
	display: block; 
	padding: 5px 25px 2px 18px; 
	margin-bottom: 4px; 
	width: 135px; 
	float: right;
	margin-right:20px;
	transition: opacity 300ms ;
}

.ftrDesktop a.grayBtn:hover {
	opacity: .75;
}

.ftrDesktop a.grayBtn i {
	font-size: 1.7em; 
	margin-top:3px;
	vertical-align: middle;
	padding-right:7px;
}

.ftrDesktop .socialBtn-wrapper {
	background-color: #959595;
	width: 35%; 
	display:block; 
	float: left; 
	padding: 30px 25px 29px 25px; 
}

.ftrDesktop .socialBtn-wrapper a.socialBtn { 
	width: 40px; 
	height: 40px; 
	padding:6px 0 0 9px;
	line-height: .5 !important; 
	margin-right: 15px;
}

.ftrDesktop .socialBtn-wrapper a.socialBtn i {
	font-size: 1.8em; 
	color:#42474a;
	transition: color 300ms ;
}

.ftrDesktop .socialBtn-wrapper a.socialBtn i:hover {
	color:#959595;
}


/* Footer CTA Right */

.ftrDesktop-right {
	position:fixed; 
	right: 0; 
    top: 20%; 
	z-index:1000;
}

.ftrDesktop-right .contactBtn-wrapper { 
	width: 125px;
	float:right; 

}

.ftrDesktop-right a.grayBtn {
	background: #42474a; 
	color: #fff; 
	font-size: 14px;  
	border-top: 2px solid #fff; 
	border-left: 2px solid #fff; 
	display: block; 
	padding: 15px 0px 20px 13px; 
	width: 125px; 
	text-align: center;
	transition: background-color 300ms ;
}

.ftrDesktop-right a.grayBtn:last-child {
	border-bottom: 2px solid #fff; 
}

.ftrDesktop-right a.grayBtn:hover {
	background-color: #959595;
}

.ftrDesktop-right a.grayBtn i {
	font-size: 2.5em; 
	margin-top:3px;
	vertical-align: middle;
	padding-right:7px;
}


/* Footer CTA MOBILE */

.ftrMobile{
	position:fixed; 
	bottom:0px; 
	right:0px; 
	width:100%; 
	height: 60px; 
	padding-top: 0px;
	z-index:1000;
	background-color: #42474a;
	transition: background-color 300ms ;
}

.ftrMobile .mobile-copy p {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 15px;
}

.ftrMobile:hover {
	background-color: #959595;
}









/* MEDIA QUERIES */


@media only screen and (max-width: 640px) {

	.archives .dropdown {
		margin:15px 0 0 0 ;

	}

	.related-articles .article-copy h2 {
		margin-top: 20px;
	}

	#footerBlock .contactBlock {
		border-right: none;
	}




}


@media only screen and (max-width: 1025px) {

	.post-info a.socialBtn { 
		margin-top:10px; 

	}

	.sidebar .article-copy a.socialBtn { 
		margin:-10px 5px 15px 0; 
	}

	#footerBlock .contactBlock {
		border-left: none;
	}

	#footer-wrapper {
		min-height:130px;
	}




}


