@font-face {
    font-family: 'AcuraBespokeRegular';
    font-style: normal;
    font-weight: 400;
    /*src: url(https://www.acura.com/Areas/AcuraPlatform/fonts/acura_bespoke-regular.woff) format('woff');*/
	src: url(https://ahmcontent.s3.amazonaws.com/_AHM_SFMC/OnDemand_Tires_LP/fonts/acura_bespoke-regular.woff) format('woff');
	
}

@font-face {
    font-family: 'AcuraBespokeBold';
    font-style: normal;
    font-weight: 700;
    src: url(https://www.acura.com/Areas/AcuraPlatform/fonts/acura_bespoke-bold-webfont.woff) format('woff');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  line-height: 1.6; /* Default line-height */
  text-align: center;
}


/* ======================== START OF ACURA STYLES ========================== */
body { 
  color:#000;
  font-family: 'AcuraBespokeRegular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {color: #000; }
a:hover {color: #666; }

h1, h2, h3 {font-family: "AcuraBespokeRegular", Helvetica, Arial, sans-serif;font-size: 24px !important;}

.legal {font-size:12px;line-height:18px;}

.top_banner {
  padding:16px 12px;
  text-align: center;
}

.top_banner img {
   margin:0px auto;
}

/* START OF HEADER */
header #header-logo {width:130px;height:auto;}

header {background-color:#000;padding:10px;}

 
.hero_module {
	background: #ffffff url("https://ahmcontent.s3.amazonaws.com/_AHM_SFMC/OnDemand_Tires_LP/images/ACURA/acura_tires_hero_img.png") no-repeat center center;
	position: relative;
	z-index: 2;
	background-size: cover;
	height:400px;
}

/* START OF FORM STYLES */

.form-container {
	background: #fff 0% 0% no-repeat padding-box;
	border: 0px solid #999;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0px;
	margin-top:-60px;
	position: relative;
	z-index: 99;
	padding: 0 24px;
	
}

.form-container form {
	margin:24px 0 24px 0;
}

.form-container input[name*="search_field"] {
	padding: 0px 0px 0px 12px;
	font-size:16px;
	width: 212px;
	height: 40px;
	background: #fff 0% 0% no-repeat padding-box;
	border: 1px solid #999;
	border-radius: 0px;
	opacity: 1;
	}

.form-container input[name*="search_field"]:focus {
    outline:1px solid #E6231E;
	}

.form-container input[value*="Search"] {
	color: #fff;
	padding: 0px 0px;
	border:0px;
	text-transform: uppercase;
	font-size:16px;
	font-weight: 700;
	width: 120px;
	height: 40px;
	background: #E6231E 0% 0% no-repeat padding-box;
	border-radius: 0px;
	opacity: 1;
	margin:0 0 0 16px;
	}

.form-container input[value*="Search"]:hover {
	background-color:#fff;
	border:2px solid #E6231E;
	color: #E6231E;
}

/* For Chrome, Safari, Edge, and Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
/* For Firefox */
input[type="number"] {
   -moz-appearance: textfield;
}

input::placeholder { /* Standard syntax */
  font-size: 16px; padding: 0px; color: #999;
}

input::-webkit-input-placeholder { /* Chrome, Safari, Opera */
  font-size: 16px; padding: 0px; color: #999;
}

input::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px; padding: 0px; color: #999;
}

input:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px; padding: 0px; color: #999;
}

input:focus::placeholder {
        color: transparent;
      }
/* END OF FORM STYLES */

/* START OF FORM RESULTS */
.form-container .form_results {
  margin:12px 0 0px 0 ;
  padding: 24px 0px;
  border:2px solid #ccc;
  border-width:0 0 2px 0;
}

#search-results-headline {margin:30px 0px 24px 0;}

.ellipse {
  	line-height: 32px;
  	border-radius: 50%;
  	text-align: center;
	width: 30px;
	height: 30px;
	background: #007CC0;
	color:#fff;
 	display: inline-block;
}

.ellipse {
background: #A1ABB2;
}

.dealer-name {
	text-align: left;
	font-size:18px;
	color:#00324E;
	font-family: 'AcuraBespokeRegular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dealer-address {
	text-align: left;
	font-size:16px;
	color:#999;
}

.distance-from-zip  {
	font-family: 'AcuraBespokeRegular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 600;
}

.shop-tire-center-button {
	padding: 8px 24px 6px;
	border-radius: 0px;
	background-color: #fff;
	border: 1px solid #E6231E;
	color: #000;
	text-decoration: none;
	font-weight: 600;
	
}
.shop-tire-center-button:hover {
	background-color: #E6231E;
	color: #fff;
}

/* ================ START OF TAB/PILL STYLES ================ */

section.tab {margin:12px auto 0 auto;}

.jumbotron .tabs  {
	background-color: #fff;
	border: 0px solid #999;
	box-shadow: 0px 0px 0px #00000029;
	border-radius: 0px !important;
	position: relative;
	z-index: 1;
	padding:24px;
	margin: 12px auto 0 auto;
	text-align:center;
}

#pills-tab {
    border: 0px solid red;
	text-align: center;
	margin: 0px auto 42px auto;
	width: 400px;
}

#pills-tab .nav-item {
    border:0px solid red;
    text-align: center;
	color: #666666;
	font-size:16px;
	font-weight: 900;
}

.nav-link.active::after {background-color:transparent;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000000;
    background-color: #fff;
	text-decoration: underline;
	text-decoration-color: #E6231E;
	text-underline-offset: 0.8em;
	text-decoration-thickness: 2px;
}

.nav-link {
	color: #666666;
}

.nav-link:hover {
	color: #000000;
}

.nav-pills .show>.nav-link:hover {
	color: #000000;
}

.video_youtube, .iframe-poster {
	width: 600px;
	aspect-ratio: 16 / 9;

	}

.video_youtube_containter {position: relative;margin:0 auto 24px auto;}
.video_youtube_containter .iframe-poster {
	top: 0px; 
	z-index: 99;
	position: absolute;
	cursor: pointer;
}


.jumbotron .container.pill-benefits {
  border:0px solid red;	
  box-shadow: 0px 0px 0px #00000029;
  border-radius: 0px !important;
  width:100%;
  max-width: 100%;
  padding:0px;
  margin:0px auto;
}


img.tire-road-hazard-program {
	border:0px solid red;
	width:100%;
	height: auto;
	min-width: 200px;
}


div.pill-benefits li {
	text-align:left;
	font-size:16px;
	line-height: 21px;
	margin:0 0 8px 0;
	list-style-image: url(https://ahmcontent.s3.amazonaws.com/_AHM_SFMC/OnDemand_Tires_LP/images/ACURA/acura_check_mark.svg);
}

/* END OF TAB/PILL STYLES */

/* START OF FOOTER */
footer {background-color:#000;padding:24px;}

footer #footer-logo {width:130px;height:auto;margin:0 0 24px 0;}

.icon_social {
	display:inline;
	width:28px;
	margin:8px;
}

.icon_social:nth-last-child {margin-right:0px;}

.text-footer, .text-footer .legal {
	font-size:12px;
	font-weight: 200;
	color:#fff;	
	line-height: 14px;
	padding:0 26px 0 24px;
}
/* END OF FOOTER */

/* ======================== END OF ACURA STYLES ========================== */