@charset "utf-8";

/* CSS Document */



/* <!-- --------------- Honda template 15 Footer --------------- --> */

#footer {

	width: 100%;

	font-family: 'Louis-Regular', 'Durant-Regular', Arial, sans-serif;

	background-color: #e1e1e1;

	border-top: 1px solid #e1e1e1;

	border-bottom: 1px solid #e1e1e1;

}



/* --- FOOTER NAV --- */

.footer_nav {

	margin: 0.5% 0 0 0;

	width: 100%;

	background-color: #ffffff;

}



.footer_nav:after {

	display:block;

	content: '';

	clear:both;

}



.footer_nav .nav_item {

	margin: 1% 0;

	width: 12%;

	float: left;

	text-align: center;

	text-transform: uppercase;

	font-size: 1.2em;

}



.footer_nav_dropdown {

	display: none;

}



#footer .parent a {

	color: #000000;

}



/* --- FOOTER MIDDLE --- */

.footer_middle {

	margin: 0.5% 0 0 0;

	/*background-color: #1a1a1a;*/

	color: #ffffff;

	background-color: #002b6f;

}



.footer_middle:after {

	display:block;

	content:'';

	clear:both;	

}



.footer_address_phone {

	margin: 2% 0 0 2%;

	width: 15%;

	float: left;

}



.footer_address_phone .footer_title {

	display: block;

	font-size: 1.2em;

    font-weight: normal;

/*	text-transform: uppercase;*/

}



.footer_address_phone .footer_address {

	margin: 5% 0 0 0;

	display: block;

	line-height: 1.2em;

	text-transform: uppercase;

}



.footer_address_phone .footer_phones {

	margin: 5% 0 0 0;

	display: block;

	line-height: 1.2em;

	text-transform: uppercase;

}



.footer_address_phone .footer_phones a {

	text-decoration:none;

	color:#ffffff;

}



.footer_hours_col {

	margin: 1% 0 0 2%;

	width: 15%;

	float: left;

}



.footer_hours_col .footer_768 {

	display: block;

}



#footer .footer_hours_col .footer_col {

	padding: 0;

	width: 100%;

	border: none;

	list-style-type: none;

}



.footer_hours_col .footer_col .nav_item {

	margin-top: 5%;

	text-transform: uppercase;

	font-size: 1.4em;

	font-weight: bold;

}



.footer_hours_col .footer_col .nav_item .subnav {

	margin-top: 3.5%;

	font-size: 0.85em;

	font-weight: normal;

}



.footer_hours_col .footer_col .nav_item .sub_item {

	line-height: 1.2em;

}

#footer .hrs_day {
	
    text-transform: uppercase;
	
}

#footer .hrs {

    text-transform: uppercase;

}

.footer_seo_text {

	margin: 2% 2% 2% 4%;

	padding: 0 1% 0 0;

	width: 26%;

	height: 10em;

	float: right;

	box-sizing: border-box;

	overflow-y: scroll;

	line-height: 1.3em;

}



.footer_hours_dropdown {

	display: none;

}



/* --- FOOTER BOTTOM --- */

.footer_bottom {

	margin: 0.5% 0 40px 0;

	width: 100%;

	background-color: #ffffff;

}



.footer_bottom:after {

	display:block;

	content:'';

	clear:both;	

}



.footer_bottom_left {

	margin: 1.5% 0 0 2%;

	width: 40%;

	float: left;

	text-align: left;

}



.footer_bottom_left a {

	margin-right: 1%;

	color: #000000;

	text-decoration: none;

	/*text-transform: uppercase;*/

	font-weight: bold;

}



.footer_dep_logo {

	margin: 1.0% 0;

	width: 16%;

	float: left;

	text-align: center;

}



.footer_dep_logo img {

	width: 60%;

	max-width: 244px;

}



.footer_bottom_right {

	margin: 1.5% 2% 0 0;

	width: 40%;

	float: right;

	text-align: right;

	/*text-transform: uppercase;*/

	font-weight: bold;
	color:#000000;
}



.footer_seo_text h1 {

	font-size: 1.15em;

}



.footer_seo_text h2 {

	font-size: 1em;

}



.footer_seo_text h3 {

	font-size: .9em;

}

@-webkit-keyframes fadeIn {

	from { opacity: 0; }

	to { opacity: 1; }

}  

@keyframes fadeIn {

	from { opacity: 0; }

	to { opacity: 1; }

}





/* ------ Responsive Media Query - file.css ------ */

/* Smaller than 2000px */

@media only screen and (max-width : 2000px) {

	#footer {

		font-size: 0.7em;

	}

	

	.footer_address_phone .footer_address {

		line-height: 1.5em;

	}

	

	.footer_address_phone .footer_phones {

		line-height: 1.5em;

	}

	

	.footer_hours_col .footer_col .nav_item .sub_item {

		line-height: 1.5em;

	}

	

	.footer_seo_text {

		margin: 1.2% 2% 1.2% 4%;

		height: 12em;

		line-height: 1.5em;

	}

}



/* Smaller than 1350px */

@media only screen and (max-width : 1350px) {

	#footer {

		font-size: 0.6em;

	}

	

	.footer_hours_col {

		margin: 1% 0 0 1%;

	    width: 16%;

	}

}





/* Smaller than 1025px */

@media only screen and (max-width : 1025px) {

  .footer_address_phone .footer_phones {

    font-size: 0.9em;

}

}





/* Smaller than 960px */

@media only screen and (max-width : 960px) {

	#footer {

		font-size: 0.5em;

	}

	

	.footer_address_phone .footer_phones {

		font-size: 0.9em;

	}

}



/* Smaller than 768px */

@media only screen and (max-width : 768px) {

	#footer {

		font-size: 0.9em;

	}

	

	/* --- FOOTER NAV --- */

	.footer_nav {

		margin: 1% 0 0 0;

	}

	

	.footer_nav .nav_item {

		margin: 0.5% 0;

	}

	

	.footer_nav_dropdown {

		padding: 1.3em;

		width: 100%;

		display: block;

		background-color: #ffffff;

		box-sizing: border-box;

		color: #000000;

	}

	

	.footer_nav_dropdown:hover {

		cursor: pointer;

	}

	

	#footer .parent a,

	#nav_group_1_footer a {

		color: #ffffff;

		font-size: 0.8em;

	}

	

	.footer_nav #nav_group_1_footer {

		padding: 1% 0;

		width: 100%;

		float: left;

		display: none;

		background-color: #414042;

	}

	

	.footer_nav #nav_group_1_footer.footer_show {

		display: block;

		-webkit-animation: fadeIn 1s;

		animation: fadeIn 1s;

	}

	

	.footer_nav_dropdown img {

		width: 100%;

		max-width: 20px;

		float: right;

	}

	

	.footer_nav .nav_item {

		width: 100%;

	}

	

	



	/* --- FOOTER MIDDLE --- */

	.footer_middle {

		margin: 1% 0 0 0;

		background-color: transparent;

	}

	

	.footer_address_phone {

		margin: 0;

		padding: 1em 0 1em 1em;

		width: 39.5%;

		float: left;

		background-color: #414042;

		box-sizing: border-box;

		font-size: 0.94em;

	}

	

	.footer_hours {

		width: 59.5%;

		float: right;

	}

	

	.footer_hours_col {

		margin: 0;

		width: 100%;

	}

	

	.footer_hours_col .footer_768 {

		padding: 0 1em 1em 1em;

		width: 100%;

		display: none;

		float: left;

		background-color: #414042;

		box-sizing: border-box;

	}

	

	.footer_hours_col .footer_768.footer_show {

		display: block;

		-webkit-animation: fadeIn 1s;

		animation: fadeIn 1s;

	}

	

	.footer_hours_col .footer_col .nav_item {

		visibility: hidden;

	}

	

	.footer_hours_col .footer_col .subnav {

		visibility: visible;

	}

	

	.footer_hours_col .footer_col .nav_item,

	.footer_hours_col .footer_col .nav_item .subnav {

		margin-top: 0;

	}

	

	.footer_hours_dropdown {

		margin: 2.5% 0 0 0;

		padding: 1.3em;

		display: block;

		background-color: #ffffff;

		color: #000000;

	}

	

	.footer_hours_dropdown:hover {

		cursor: pointer;

	}

	

	.footer_hours_col:first-child .footer_hours_dropdown {

		margin: 0;

	}

	

	.arrow_down {

		display: none;

	}

	

	.footer_hours_dropdown img {

		width: 100%;

		max-width: 20px;

		float: right;

	}

	

	.footer_seo_text_wrapper {

		margin: 1% 0 0 0;

		width: 100%;

		float: left;

		clear: left;

		background-color: #414042;

		box-sizing: border-box;

	}

	

	.footer_seo_text {

		margin: 4% 2%;

		width: 96%;

		font-size: 0.8em;

	}

	

	/* --- FOOTER BOTTOM --- */

	.footer_bottom {

		margin-top: 1%;

		font-size: 0.9em;

	}

	

	.footer_bottom_left {

		margin: 3% 0 0 3%;

	}

	

	.footer_dep_logo {

		margin-top: 3%; 

		width: 55%;

		float: right;

		text-align: right;

	}

	

	.footer_dep_logo img {

    	width: 75%;

	}

	

	.footer_bottom_right {

		margin: 3% 0 3% 3%;

		float: left;

		clear: left;

		text-align: left;

	}

	

}



/* Smaller than 500px */

@media only screen and (max-width : 500px) {

	/* --- FOOTER NAV --- */

	.footer_nav {

		margin: 3% 0 0 0;

	}

	

	.footer_middle {

		margin: 3% 0 0 0;

	}

	

	.footer_address_phone {

		padding: 2em 0;

		width: 100%;

		text-align: center;

	}

	

	.footer_hours {

		margin: 3% 0 0 0;

		width: 100%;

	}

	

	.footer_seo_text_wrapper {

		margin: 3% 0 0 0;

	}

	

	.footer_seo_text {

		margin: 8%;

		width: 86%;

		height: 12em;

	}

	

	.footer_bottom_left {

		margin: 4% 0 0 0;

		width: 100%;

		text-align: center;

	}

	

	.footer_dep_logo {

		width: 100%;

		text-align: center;

	}

	

	.footer_bottom {

		margin-top: 3%;

		font-size: 0.8em;

	}

	

	.footer_bottom_right {

		margin: 4% 15%;

		width: 70%;

		text-align: center;

	}



}



ul.cities a,

ul.seo_site_makes_models a {

	color: white !important;

}

 /*********************CUSTOM CSS********************/ 
 
 #footer .cities li {
    width: 49%;    
}