@charset "utf-8";

/* CSS Document */



/* MAZDA F1v1 TEMPLATE *****************************************************/

.footer_wrapper {

	width: 100%;

	background-color: #000000;

	color: #ffffff;

	letter-spacing: 1.5px;

	font-size: 0.8em;
	padding-bottom: 6em!important;

}



.footer_wrapper .inner_content {

	width: 90%;

}



.footer_logo {

	padding: 4% 0 2%;

	width: 100%;

	display: block;

	border-bottom: 1px solid #404040;

}



.footer_logo_make_logo {

	padding-right: 30px;

	width: 24%;

	max-height: 67px;

	max-width: 90px;

	border-right: 1px solid #737373;

	float: left;

	box-sizing: border-box;

}



.footer_logo_site_logo {

	/* padding-left: 46px; */

	width: 76%;

	max-height: 55px;
	/* width:100%; */

	max-width: 155px;

	float: left;

	box-sizing: border-box;

	text-align: center;

}



/* FOOTER QUICK LINKS */

.footer_links {

	clear: both;

}



.footer_quick_links_column {

	width: 25%;

	float: left;

}



.footer_quick_links_column .footer_quick_links_header {

	margin: 0 0 1.5em 0;

	text-transform: uppercase;

	font-size: 16px;
	
	font-weight: bold;
	
}



.footer_quick_links_column .footer_quick_links_link {

	margin: 0 0 1em 0;

	display: block;

	font-size: 12px;

	font-weight: normal;

	letter-spacing: 1.5px;

	color: #808080;

	text-decoration: none;

	text-transform: uppercase;

}



.footer_quick_links_arrow {

	display: none;

}



/* FOOTER SOCIAL */

.footer_social {

	padding: 2em 0;

	width: 100%;

	clear: both;

	display: inline-block;

	border-bottom: 1px solid #737373;

}



.footer_social a {

	margin-right: 0.5%;

}



.footer_socials {

	width: 3.5%;

}



.footer_socials_icon {

	fill: #999999;

}



/* FOOTER TEXT */

.footer_text {

	margin: 2em 0 4em;

	color: #808080;

	line-height: 1.25em;

	font-size: 0.9em;

}



.footer_text a {

	color: #808080;

	text-decoration: none;

}



/*.footer_text h1 {

	margin-top: 1%;

	color: #808080;

	line-height: 1.25em;

	font-size: 1em;

}*/

.footer_text  h2 {

	margin-top: 1%;

	color: #808080;

	line-height: 1.25em;

	font-size: 1em;

}

.footer_text h3 {

	margin-top: 1%;

	color: #808080;

	line-height: 1.25em;

	font-size: .9em;

}



/* FOOTER BOTTOM */

.footer_bottom {

	padding: 53px 0;

	background-color: #000000;

	color: #808080;

}



.footer_bottom a {

	color: #808080;

	text-decoration: none;

	text-transform: uppercase;

}



.footer_bottom .footer_bottom_right a img {

	margin: 6% 0;

	width: 70%;

	float: right;

}

.footer_bottom_left {
  width: 33%;
  font-size: 0.8em;
}

.footer_bottom_center {
  width: 33%;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: center;
}

.footer_bottom_right {
  width: 33%;
  font-size: 0.8em;
  text-align: center;
}

.footer_bottom_right a {

	text-transform: none;
	font-weight: bold;
}





/* RESPONSIVE MEDIA QUERIES *******************************************************/

/* Smaller than 1350px ****************** */

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

	.footer_links {

		font-size: 0.75em;

	}

	

	.footer_logo_make_logo {

		width: 12%;

	}

	

	.footer_logo_site_logo {

		width: 28%;

	}

}



/* Smaller than 768px ******************** */

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

	.footer_wrapper {

		padding: 3% 0;

	}

	

	.footer_logo {

		display: none;

	}

	

	.footer_links {

		/*font-size: 0.9em;*/

	}

	

	.footer_quick_links_column {

		width: 100%;

		float: none;

		border-bottom: 1px solid #808080;

	}

	

	.footer_quick_links_arrow {

		margin: 3% 0;

		display: block;

		cursor: pointer;

		font-size: 1.75em;

	}

	

	.footer_quick_links_arrow img {

		float: right;

	}

	

	.footer_quick_links_dropdown.open {

		display: block;

	}

	

	.footer_quick_links_header,

	.footer_quick_links_dropdown.closed {

		display: none;

	}

	

	.footer_social {

		text-align: center;

	}

	

	.footer_bottom {

		text-align: center;

	}

	

	.footer_bottom_left,

	.footer_bottom_right,

	.footer_bottom_right a {

		margin: 4% 0;

		width: 100%;

	}

	

	.footer_bottom .footer_bottom_right a img {

		width: 40%;

		float: none;

	}



	.footer_socials {

		width: 10%;

	}

}



/* Smaller than 584px *************************************** */

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

	.footer_wrapper {

		padding: 5% 0 0 0;

	}
	
	.footer_bottom_center {
	  width: 100%;
	}

}



/* Smaller than 500px ************************************** */

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

	.footer_socials {

		width: 15%;

	}
	
	.footer_bottom_left {
	  font-size: 0.7em;
	}
	
	.footer_bottom_center {
	  font-size: 0.7em;
	}


}