/* Reset the Font size to default of 16px */
html{
/* font-size: 16px; */
}
/* Reset Font size */
#vp {
width: 100%;
height: 5px;
background-color: green;
position: fixed;
left: 0;
top: 0;
z-index: 100; }
@media (min-width: 576px) {
#vp {
background-color: red; } }
@media (min-width: 768px) {
#vp {
background-color: blue; } }
@media (min-width: 992px) {
#vp {
background-color: purple; } }
@media (min-width: 1200px) {
#vp {
background-color: yellow; } }
body.acura-owners {
background: none !important;
min-width: 0;
overflow-x: hidden;
font-family: "AvenirNext-Medium";
font-size: 1rem; }
body.acura-owners hr {
height: 2px; }
body.acura-owners #page {
/* width: 100% !important; */
}
body.acura-owners #page .btn {
border: 2px solid #F30000;
color: #000000;
padding: 0.7rem 2.5rem;
font-family: "AvenirNext-Bold";
border-radius: 0;
position: relative; }
body.acura-owners #page .btn .over {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
background-color: #F30000;
transition: all 0.3s; }
body.acura-owners #page .btn .btn-label {
z-index: 100;
position: relative;
transition: all 0.3s; }
body.acura-owners #page .btn:hover .btn-label {
color: #ffffff; }
body.acura-owners #page .btn:hover .over {
width: 100%; }
body.acura-owners #page .row.display-flex {
display: flex;
flex-wrap: wrap; }
body.acura-owners #page .row.display-flex > [class*='col-'] {
display: flex;
flex-direction: column; }
body.acura-owners #svg-icons {
display: none; }
body.acura-owners .row:before, body.acura-owners .row:after {
display: none !important; }
body.acura-owners .font-weight-bold {
font-weight: bold; }
.row:before, .row:after {
display: none !important; }
body.acura-owners:not(#home) #page {
padding: 90px 0 0 0; }
body#vehicle-specs.acura-owners #page #main {
padding: 0 1rem; }
body#vehicle-features-detail.acura-owners #page {
padding: 120px 0 0 0; }
.no-scroll {
overflow-y: hidden; }
#acura-owners-header {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: black;
height: 70px;
padding: 0 0 0 2rem;
font-family: "AvenirNext-Medium";
z-index: 200; }
#acura-owners-header .row {
flex-wrap: wrap;
border-top: 0; }
#acura-owners-header .nav-container {
width: 100%;
height: 70px;
padding-left: 2rem;
background-color: #000000;
position: absolute;
left: 0;
top: 0;
z-index: 2; }
#acura-owners-header .nav-container .logo-container {
width: 50%;
position: absolute;
display: inline-block;
left: 50%; }
#acura-owners-header .nav-container .logo-container svg.acura-logo {
width: 65px;
height: 65px;
/* margin-left: -32px; */
}
#acura-owners-header .nav-container .logo-container .logo-tagline {
position: absolute;
left: auto;
right: 1rem;
top: 18px;
color: #ffffff;
/* font-size: 1rem; */
/* padding: 0.35rem 0 0.35rem 0.8rem; */
padding: 0.35em 0 0.35em 0.8em;
border-left: 1px solid rgba(255, 255, 255, 0.3);
/* padding-top: .6rem; */
padding-top: .6em;
}
#acura-owners-header .nav-container nav ul {
list-style: none;
padding-left: 0;
height: 70px; }
#acura-owners-header .nav-container nav ul li {
display: inline-block;
padding: 22px 10px 0 10px;
transition: all 0.3s;
height: 70px;
margin-left: -4px;
cursor: pointer; }
#acura-owners-header .nav-container nav ul li:hover a {
color: #cdcdcd; }
#acura-owners-header .nav-container nav ul li a {
color: #ffffff;
transition: all 0.3s;
padding: 25px 0; }
#acura-owners-header .nav-container nav ul li a:hover {
text-decoration: none; }
#acura-owners-header .nav-container nav ul li svg.arrow-solid-down {
width: 12px;
height: 12px;
fill: #F30000;
margin-left: 0.35rem; }
#acura-owners-header .nav-container nav ul li svg.search {
width: 25px;
height: 25px;
fill: #F30000;
margin-left: 0.25rem;
position: relative;
top: 8px; }
#acura-owners-header .nav-container nav ul li svg.x-close-cir {
width: 25px;
height: 25px;
fill: #F30000;
margin-left: 0.25rem;
position: relative;
top: 8px;
display: none; }
#acura-owners-header .nav-container nav ul li svg.map-pin {
width: 20px;
height: 20px;
fill: #F30000;
margin-right: 0.3rem;
position: relative;
top: 4px; }
#acura-owners-header .nav-container nav ul li.active {
background-color: #ffffff; }
#acura-owners-header .nav-container nav ul li.active a {
color: #000000; }
#acura-owners-header .nav-container nav ul li.active2 {
background-color: #f2f2f2; }
#acura-owners-header .nav-container nav ul li.active2 a {
color: #000000; }
#acura-owners-header .nav-container nav.primary {
text-transform: uppercase;
display: none;
position: absolute;
left: 22%;
top: 0;
background-color: #000000;
height: 3em;
}
#acura-owners-header .nav-container nav.primary ul li {
padding: 24px 20px 0 20px; }
#acura-owners-header .nav-container nav.secondary {
display: none;
position: absolute;
right: 0px;
top: -7px; }
#acura-owners-header .nav-container .mobile-nav-icon {
position: absolute;
width: 40px;
height: 40px;
left: 18px;
top: 18px;
outline: 0px dashed white;
cursor: pointer;
display: block;
overflow: hidden; }
#acura-owners-header .nav-container .mobile-nav-icon .menu-icon-container {
position: relative;
left: 0;
top: 0;
width: 80px;
height: 40px;
outline: 0px dashed red; }
#acura-owners-header .nav-container .mobile-nav-icon .menu-icon-container .menu-icon {
color: #ffffff;
font-family: "AvenirNext-Medium";
/* font-size: 0.7rem; */
font-size: 0.7em;
width: 40px;
height: 40px;
float: left; }
#acura-owners-header .nav-container .mobile-nav-icon .menu-icon-container .menu-icon .menu-bar {
width: 34px;
height: 3px;
background-color: #ffffff;
margin-top: 6px; }
#acura-owners-header .nav-container .mobile-nav-icon .menu-icon-container .x-close-icon {
width: 40px;
height: 40px;
outline: 0px dashed orange;
float: left; }
#acura-owners-header .nav-container .mobile-nav-icon .menu-icon-container .x-close-icon .close-no-circle {
width: 18px;
height: 18px;
fill: #ffffff;
position: relative;
left: 10px;
top: 10px; }
#acura-owners-header .tint {
width: 100vw;
height: 0;
position: fixed;
left: 0;
top: 0;
display: none; }
#acura-owners-header .tint.active {
background-color: rgba(0, 0, 0, 0.75); }
#acura-owners-header .header-flyout {
position: absolute;
left: 0;
top: -400px;
width: 100%;
min-height: 340px;
background: #F3F3F3;
display: none;
z-index: 1; }
#acura-owners-header .header-flyout.shop {
min-height: 240px; }
#acura-owners-header .header-flyout .panel-left,
#acura-owners-header .header-flyout .panel-right {
float: left;
width: 50%;
min-height: 340px;
/* padding-top: 3em; */
/* height: 25em; */
}
#acura-owners-header .header-flyout .panel-left, #acura-owners-header .header-flyout.shop {
background-color: #ffffff; }
#acura-owners-header .header-flyout .panel-left .cards, #acura-owners-header .header-flyout.shop .cards {
max-width: 80%;
/* padding: 2rem 0; */
padding: 2em 0;
}
#acura-owners-header .header-flyout .panel-left .cards .row > div, #acura-owners-header .header-flyout.shop .cards .row > div {
padding: 0; }
#acura-owners-header .header-flyout .panel-left .cards .row > div a .card, #acura-owners-header .header-flyout.shop .cards .row > div a .card {
background-color: #ffffff;
color: #4a4a4a;
margin: 4px;
border: 1px solid #e7e7e7;
border-radius: 0;
text-align: center;
/* padding: 2rem 0; */
padding: 2em 0;
/*
padding-left: 5em;
padding-right: 5em;
padding-top: 2em;
padding-bottom: 2em; */
transition: all 0.2s; }
#acura-owners-header .header-flyout .panel-left .cards .row > div a .card svg.icon, #acura-owners-header .header-flyout.shop .cards .row > div a .card svg.icon {
/* width: 3.5rem;
height: 3.5rem; */
width: 3.5em;
height: 3.5em;
fill: #696969;
/* margin-bottom: 1rem; */
margin-bottom: 1em;
transition: all 0.3s;
position: relative; }
#acura-owners-header .header-flyout .panel-left .cards .row > div a .card svg.recalls-icon, #acura-owners-header .header-flyout.shop .cards .row > div a .card svg.recalls-icon {
/* width: 4.5rem;
height: 3.5rem; */
width: 4.5em;
height: 3.5em;
}
#acura-owners-header .header-flyout .panel-left .cards .row > div a .card .link-ext-icon, #acura-owners-header .header-flyout.shop .cards .row > div a .card .link-ext-icon {
width: 12px;
height: 12px;
fill: #696969; }
#acura-owners-header .header-flyout .panel-left .cards .row > div a .card .card-label, #acura-owners-header .header-flyout.shop .cards .row > div a .card .card-label {
color: #696969;
font-family: "AvenirNext-Bold";
text-align: center; }
#acura-owners-header .header-flyout .panel-left .cards .row > div a:hover, #acura-owners-header .header-flyout.shop .cards .row > div a:hover {
text-decoration: none; }
#acura-owners-header .header-flyout .panel-left .cards .row > div a:hover .card, #acura-owners-header .header-flyout.shop .cards .row > div a:hover .card {
border: 1px solid #7f7f7f; }
#acura-owners-header .header-flyout .panel-left .cards .row > div a:hover .card svg.icon, #acura-owners-header .header-flyout.shop .cards .row > div a:hover .card svg.icon {
fill: #000000; }
#acura-owners-header .header-flyout.shop .cards {
max-width: 60%; }
#acura-owners-header .header-flyout .panel-right {
background-color: #f3f3f3; }
#acura-owners-header .header-flyout .panel-right ul.flyout-list {
list-style: none;
padding-left: 0;
width: 40%;
/* margin-top: 2.5rem; */
margin-top: 2.5em;
float: left; }
#acura-owners-header .header-flyout .panel-right ul.flyout-list li {
/* margin: 0 0 0.75rem 0; */
margin: 0 0 0.75em 0;
}
#acura-owners-header .header-flyout .panel-right ul.flyout-list li:first-child {
/* margin-bottom: 1.5rem; */
margin-bottom: 1.5em;
/* font-size: 1.15rem; */
font-size: 1.15em;
font-family: "AvenirNext-Bold";
}
#acura-owners-header .header-flyout .panel-right ul.flyout-list li a {
color: #7f7f7f;
transition: all 0.3s; }
#acura-owners-header .header-flyout .panel-right ul.flyout-list li a .link-ext-icon {
fill: #7f7f7f;
width: 12px;
height: 12px;
transition: all 0.3s; }
#acura-owners-header .header-flyout .panel-right ul.flyout-list li a:hover {
text-decoration: none;
color: #F30000; }
#acura-owners-header .header-flyout .panel-right ul.flyout-list li a:hover .link-ext-icon {
fill: #F30000; }
#acura-owners-header .header-flyout .panel-right ul.flyout-list:first-child {
margin-left: 10%; }
#acura-owners-header .header-flyout .X,
#acura-owners-header .header-flyout .x-my-account {
width: 20px;
height: 20px;
position: absolute;
right: 25px;
top: 25px;
cursor: pointer;
transition: all 0.3s; }
#acura-owners-header .header-flyout .X:hover,
#acura-owners-header .header-flyout .x-my-account:hover {
fill: #F30000; }
#acura-owners-header .information-bar {
width: 100%;
height: 50px;
background-color: #ffffff;
position: absolute;
left: 0;
top: 70px;
z-index: 0;
-webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.35);
box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.35); }
#acura-owners-header .information-bar .exclamation-container {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
z-index: 1;
background-color: #ffffff; }
#acura-owners-header .information-bar .exclamation-container .exclamation-icon {
width: 20px;
height: 20px;
fill: #F30000;
margin-left: 16px;
margin-top: 14px; }
#acura-owners-header .information-bar .information-bar-nav {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 50px;
background-color: #ffffff;
z-index: 1;
/* font-size: 0.85rem; */
font-size: 0.85em;
font-family: "AvenirNext-Medium"; }
#acura-owners-header .information-bar .information-bar-nav .info-status {
border: 0px solid red;
text-align: center;
margin-top: 16px; }
#acura-owners-header .information-bar .information-bar-nav .chevron-left,
#acura-owners-header .information-bar .information-bar-nav .chevron-right {
width: 16px;
height: 16px;
border: 0px solid blue;
fill: red; }
#acura-owners-header .information-bar .swiper-wrapper {
padding-left: 55px;
padding-right: 55px; }
#acura-owners-header .information-bar .swiper-slide {
border: 0px solid red;
padding: 0;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; }
#acura-owners-header .information-bar .swiper-slide a {
color: #000000;
padding: 10px 0;
padding-right: 40%;
width: 92%;
margin-top: -3px; }
#acura-owners-header .information-bar .swiper-slide a:hover {
text-decoration: none; }
#acura-owners-header .information-bar .swiper-slide a h3 {
font-size: 0.85em;
display: inline;
margin: 0;
font-family: "AvenirNext-Bold";
display: none; }
#acura-owners-header .information-bar .swiper-slide a span {
/* font-size: 0.85rem; */
font-size: 0.85em;
font-family: "AvenirNext-Medium";
line-height: 18px;
display: inline-block; }
#acura-owners-header .information-bar .swiper-button-next,
#acura-owners-header .information-bar .swiper-button-prev {
width: 16px;
height: 16px;
border: 0px dashed red;
top: 0;
margin-top: 16px;
transition: all 0.5s; }
#acura-owners-header .information-bar .swiper-button-next.swiper-button-disabled,
#acura-owners-header .information-bar .swiper-button-prev.swiper-button-disabled {
opacity: 0; }
#acura-owners-header .information-bar .swiper-button-prev,
#acura-owners-header .information-bar .swiper-container-rtl .swiper-button-next {
background-image: none;
left: 10px;
right: auto; }
#acura-owners-header .information-bar .swiper-button-next, #acura-owners-header .information-bar .swiper-container-rtl .swiper-button-prev {
background-image: none;
right: 10px;
left: auto; }
#acura-owners-header .header-flyout.search {
top: -70px;
background-color: #f2f2f2;
min-height: 0;
height: 70px;
opacity: 0;
z-index: 50;
-webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.35);
box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.35); }
#acura-owners-header .header-flyout.search .search-tip-point {
transform: rotate(45deg);
width: 20px;
height: 20px;
background-color: #f2f2f2;
position: absolute;
right: 28px;
top: -10px; }
#acura-owners-header .header-flyout.search #form-global-search {
position: absolute;
top: 10px;
left: auto;
width: 100%;
padding: 0 25px; }
#acura-owners-header .header-flyout.search #form-global-search #input-global-search {
width: 95%;
height: 50px;
border: 0;
outline: 0;
background-color: #f2f2f2 !important;
font-family: "AvenirNext-Light";
font-size: 1.5rem; }
#acura-owners-header .header-flyout.search #form-global-search svg.search {
fill: #F30000;
width: 25px;
height: 25px;
position: absolute;
top: 8px;
right: 24px; }
#acura-owners-header .header-flyout.my-account {
top: -300px;
position: absolute;
left: auto;
right: 0;
width: 45%;
background-color: #f2f2f2;
min-height: 0;
opacity: 1; }
#acura-owners-header .header-flyout.my-account ul.flyout-list {
list-style: none;
padding-left: 0;
width: 40%;
margin: 3.5rem 0 5rem 0;
float: left; }
#acura-owners-header .header-flyout.my-account ul.flyout-list li {
margin: 0 0 0.5rem 0; }
#acura-owners-header .header-flyout.my-account ul.flyout-list li a {
color: #7f7f7f;
transition: all 0.3s; }
#acura-owners-header .header-flyout.my-account ul.flyout-list li a .link-ext-icon {
fill: #7f7f7f;
width: 12px;
height: 12px;
transition: all 0.3s; }
#acura-owners-header .header-flyout.my-account ul.flyout-list li a:hover {
text-decoration: none;
color: #F30000; }
#acura-owners-header .header-flyout.my-account ul.flyout-list li a:hover .link-ext-icon {
fill: #F30000; }
#acura-owners-header .header-flyout.my-account ul.flyout-list:first-of-type {
margin-left: 10%; }
#acura-owners-header .header-flyout.my-account .my-account-logout {
text-align: center;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #e0e0e0;
color: #000000;
text-transform: uppercase;
padding: 0.85rem 0;
font-family: "AvenirNext-Bold";
transition: all 0.2s; }
#acura-owners-header .header-flyout.my-account .my-account-logout:hover {
text-decoration: none;
background-color: #F30000;
color: #ffffff; }
#acura-owners-header .mobile-nav {
width: 100vw;
height: 100vh;
position: absolute;
left: -100vw;
top: 0;
background-color: #ffffff; }
#acura-owners-header .mobile-nav .mobile-nav-container {
position: absolute;
left: 0;
top: 70px;
width: 100vw;
height: 90%;
height: calc(100vh - 70px);
border: 0px solid red;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
font-family: "AvenirNext-Medium"; }
@media (min-width: 992px) {
#acura-owners-header .nav-container .logo-container {
width: 200px;
left: 1rem; }
#acura-owners-header .nav-container .logo-container svg.acura-logo {
width: 65px;
height: 65px;
margin-left: 0; }
#acura-owners-header .nav-container .logo-container .logo-tagline {
left: 80px;
top: 18px; }
#acura-owners-header .nav-container nav.primary {
display: inline-block; }
#acura-owners-header .nav-container nav.secondary {
display: inline-block; }
#acura-owners-header .nav-container .mobile-nav-icon {
display: none; }
#acura-owners-header .tint {
display: block; }
#acura-owners-header .header-flyout {
display: inline-block; }
#acura-owners-header .information-bar .exclamation-container {
width: 70px; }
#acura-owners-header .information-bar .exclamation-container .exclamation-icon {
margin-left: 38px; }
#acura-owners-header .information-bar .swiper-slide a {
width: 98%;
padding: 0 16px;
padding-right: 10%; }
#acura-owners-header .information-bar .swiper-slide a h3 {
display: inline; } }
@media (min-width: 1200px) {
#acura-owners-header .nav-container nav ul li {
padding: 22px 25px 0 25px; }
#acura-owners-header .nav-container nav.primary {
display: inline-block; }
#acura-owners-header .nav-container nav.secondary {
display: inline-block; }
#acura-owners-header .header-flyout {
display: inline-block; } }
/*
Mobile Navigation
----------------------------------*/
.mobile-nav {
display: block; }
.mobile-nav .mobile-nav-container {
margin: 0;
padding: 0; }
.mobile-nav .mobile-nav-container .mobile-search {
width: 100%w;
height: 50px;
outline: 0;
background-color: #f2f2f2 !important;
font-family: "AvenirNext-Light";
font-size: 1.5rem; }
.mobile-nav .mobile-nav-container .mobile-search input {
background-color: #f2f2f2 !important;
font-family: "AvenirNext-Light";
/* font-size: 1.25rem; */
font-size: 1.25em;
border: 0;
outline: 0;
width: 88%;
padding: 12px 0 0 20px; }
.mobile-nav .mobile-nav-container .mobile-search svg.search {
fill: #F30000;
width: 25px;
height: 25px;
margin-top: 10px;
position: absolute;
right: 1rem;
top: 4px; }
.mobile-nav .mobile-nav-container .accordion-container {
position: relative;
width: 100%;
margin: 0 auto;
border: 0px solid red; }
.mobile-nav .mobile-nav-container .accordion-container .item {
border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.mobile-nav .mobile-nav-container .accordion-container .item .arrow-solid-down {
fill: #F30000;
width: 12px;
height: 12px;
position: absolute;
right: 30px;
top: 24px; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-name {
position: relative;
padding: 20px 25px;
background-color: #ffffff;
color: #696969;
/*
font-size: 1.05rem;
line-height: 1.25rem; */
font-size: 1.05em;
line-height: 1.25em;
cursor: pointer;
font-family: "AvenirNext-Medium"; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content {
height: 0;
overflow: hidden;
padding: 0;
/* font-size: 1rem; */
font-size: 1em;
font-weight: 600; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .cards {
margin-bottom: 20px; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .cards .card {
transition: all 0.3s; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .cards .card svg {
transition: all 0.3s; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .cards .card:hover {
border: 1px solid black; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .cards .card:hover svg {
fill: #000000; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content p {
padding-top: 1rem;
padding-left: 10px; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .col-6,
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .col-12 {
margin-bottom: 10px; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .card {
border-radius: 0;
padding: 20px 0;
height: 100%;
text-align: center;
margin: 5px; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .card a {
position: relative;
color: #696969;
padding: 0 0.5rem; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .card a:hover {
text-decoration: none; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .card svg {
width: 50px;
height: 50px;
fill: grey;
position: relative;
margin-bottom: 15px; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .card svg.link-ext-icon {
width: 14px;
height: 14px;
margin-bottom: 0; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content ul.flyout-list {
list-style-type: none;
padding: 20px 50px;
background-color: #f2f2f2;
margin-bottom: 0; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content ul.flyout-list li {
margin: 1rem 0; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content ul.flyout-list li a {
color: #696969; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content ul.flyout-list li a svg {
width: 12px;
height: 12px;
margin-left: 6px;
fill: #696969; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content ul.flyout-list:not(.my-account) li:first-child {
color: #000000;
font-weight: bold;
/*
font-size: 1.25rem;
margin: 1rem 0 1rem 0;
*/
font-size: 1.25em;
margin: 1em 0 1em 0;
}
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .btn-logout {
text-align: center;
background-color: #e0e0e0;
color: #000000;
/* padding: 1rem 0; */
padding: 1em 0;
width: 100%;
display: inline-block;
text-transform: uppercase;
font-family: "AvenirNext-Bold";
transition: all 0.3s; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-content .btn-logout:hover {
text-decoration: none;
background-color: #000000;
color: #e0e0e0; }
.mobile-nav .mobile-nav-container .accordion-container .item .map-pin {
width: 20px;
height: 20px;
margin-right: 0.5rem;
fill: #F30000;
position: relative;
top: 3px; }
.mobile-nav .mobile-nav-container .accordion-container .item .btn-dealers {
text-transform: none;
color: #696969;
display: inline-block;
width: 85%; }
.mobile-nav .mobile-nav-container .accordion-container .item .btn-dealers:hover {
text-decoration: none; }
.mobile-nav .mobile-nav-container .accordion-container .item .item-name {
text-transform: uppercase; }
.mobile-nav .mobile-nav-container .accordion-container .item.my-account .item-name {
text-transform: none;
color: #000000; }
.mobile-nav .mobile-nav-container .accordion-container .log-in-container {
/* margin-bottom: 5rem; */
margin-bottom: 5em;
display: block;
height: 75px; }
.mobile-nav .mobile-nav-container .accordion-container .btn-login {
font-family: "AvenirNext-Bold";
border: 2px solid #F30000;
color: #000000;
background-color: #ffffff;
/* font-size: 1rem; */
font-size: 1em;
text-transform: uppercase;
text-align: center;
/*
padding: 0.75rem 2rem;
margin: 2rem 0;
margin-bottom: 10rem; */
padding: 0.75em 2em;
margin: 2em 0;
margin-bottom: 10em;
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: all 0.2s;
white-space: nowrap;
display: inline-block; }
.mobile-nav .mobile-nav-container .accordion-container .btn-login:hover {
text-decoration: none;
color: #ffffff;
background-color: #F30000; }
@media (min-width: 992px) {
.mobile-nav {
display: none; } }
#footer {
background-image: none;
background-color: #1E2123;
color: #ffffff;
border: 0;
padding: 40px 0 30px 0;
text-align: center;
position: relative;
padding: 1rem;
/* margin-top: 75px; */
position: relative; }
#footer .contact-dealer {
background-color: #f2f2f2;
width: 100%;
height: 60px;
position: absolute;
left: 0;
top: -60px;
text-align: center;
color: #696969;
padding-top: 20px;
font-family: "AvenirNext-Bold";
display: none; }
#footer .contact-dealer a {
font-family: "AvenirNext-Regular";
display: block;
margin-left: 2rem;
color: #000000; }
#footer .contact-dealer a:hover {
text-decoration: underline; }
#footer .contact-dealer a .right-chevron {
width: 16px;
height: 16px;
fill: #F30000;
border: 0px solid red;
margin-left: 6px;
position: relative;
top: 4px; }
#footer a.back-to-top {
color: #ffffff;
/* font-size: 1rem; */
font-size: 1em;
font-family: "AvenirNext-Medium";
color: #000000;
position: absolute;
/* right: 2.5rem;
top: -2.5rem; */
right: 2.5em;
top: -3.5em;
display: none; }
#footer a.back-to-top svg {
fill: #F30000;
width: 16px;
height: 16px;
/* margin-left: 0.5rem; */
margin-left: 0.5em;
}
#footer a.back-to-top:hover {
text-decoration: none; }
#footer .footer-links-container {
text-align: left;
/* margin-top: 2rem; */
margin-top: 2rem;
text-align: center; }
#footer .footer-links-container ul.footer-links {
padding: 0;
list-style-type: none;
display: inline-block;
text-align: left;
margin-left: 2rem;
}
#footer .footer-links-container {
text-align: left;
}
@media (min-width: 768px){
#footer .footer-links-container {
text-align: center;
}
}
#footer .footer-links-container ul.footer-links li {
margin-left: 0;
/* margin-right: 3rem; */
margin-right: 3em;
margin-bottom: 10px;
float: none; }
#footer .footer-links-container ul.footer-links li a {
color: #ffffff;
/* font-size: 1rem;
font-family: "AvenirNext-Medium";
*/
font-size: 1.55rem !important;
}
#footer .footer-links-container ul.footer-links li:last-child {
margin-right: 0; }
@media (min-width: 768px){
#footer .footer-links-container ul.footer-links li {
margin-right: 3rem;
float: left;
}}
#footer .footer-links-container ul.footer-links svg {
width: 30px;
height: 30px;
display: inline-block;
position: relative;
transition: all 0.3s;
fill: #ffffff; }
#footer .footer-links-container ul.footer-links svg.link-ext-icon {
width: 16px;
height: 16px;
display: inline-block;
position: relative;
left: 5px;
top: 2px;
transition: all 0.3s;
fill: #ffffff; }
#footer ul.social-media-links {
padding: 0;
list-style-type: none;
display: inline-block;
/* margin: 1.5em 0 2.5em 0; */
/* margin-left: 40em; */
/*padding-top: 3em;*/
}
#footer ul.social-media-links li {
margin-left: 0;
float: left;
/*margin-right: 1.5rem; */
margin-right: 1.5em;
}
#footer ul.social-media-links li:last-child {
margin-right: 0; }
#footer ul.social-media-links svg {
width: 30px;
height: 30px;
display: inline-block;
position: relative;
transition: all 0.3s;
fill: #ffffff; }
#footer .container-fluid {
/* font-family: "AvenirNext-Light"; */
/* font-size: 1rem; */
/* margin-bottom: 1em; */
font-family: "Avenir Next LT Pro Medium";
/* font-family: "AvenirNext-Light"; */
padding-left: 15px;
padding-right: 15px;
font-size: 1em;
padding-bottom: 4px;
}
#footer .container-fluid a {
color: #ffffff; }
#footer .container-fluid a.ext-link {
color: #ffffff;
text-decoration: underline; }
#footer .acura-logo {
width: 75px;
height: 75px;
margin-top: 20px; }
.acura-owners #footer .contact-dealer {
text-align: center;
height: 80px; }
.acura-owners #footer .contact-dealer a {
display: block;
margin-top: 10px; }
.acura-owners #footer a.back-to-top {
display: none; }
.acura-owners #footer .footer-links-container {
text-align: left; }
.acura-owners #footer .footer-links-container ul.footer-links li {
margin-left: 0;
float: none;
margin-right: 0; }
@media (min-width: 768px) {
.acura-owners #footer .footer-links-container {
text-align: center; }
.acura-owners #footer .footer-links-container ul.footer-links li {
margin-right: 3rem;
float: left; } }
@media (min-width: 992px) {
.acura-owners #footer .contact-dealer {
text-align: left;
height: 60px; }
.acura-owners #footer .contact-dealer a {
display: inline-block; }
.acura-owners #footer a.back-to-top {
display: inline; } }
.jquery-modal.blocker {
background-color: rgba(0, 0, 0, 0.6);
z-index: 200; }
.jquery-modal .modal {
border-radius: 0;
box-shadow: 0 0 0px #000000;
padding: 0;
font-size: 16px;
max-width: 400px;
background-color: transparent;
overflow-y: auto; }
.jquery-modal .modal a.close-modal {
display: none; }
.jquery-modal .modal .modal-header {
background-color: #000000;
color: #ffffff;
padding: 20px;
font-family: "AvenirNext-Bold";
position: relative;
height: 55px;
border-radius: 0;
border: 1px solid rgba(255, 255, 255, 0.3); }
.jquery-modal .modal .modal-header .x-close {
width: 16px;
height: 16px;
position: absolute;
top: 20px;
right: 16px;
fill: #ffffff; }
.jquery-modal .modal .modal-contents {
background-color: #f2f2f2;
font-family: "AvenirNext-Bold";
color: #000000; }
.jquery-modal .modal .modal-contents .logged-in .inner {
margin: 0;
padding: 2rem 2.5rem 0 2.5rem;
background-color: #f2f2f2; }
.jquery-modal .modal .modal-contents #btn-productChooser {
display: none; }
.jquery-modal .modal .modal-contents .user-vehicles-container {
padding: 0px;
background-color: #ffffff; }
.jquery-modal .modal .modal-contents .user-vehicles-container .vehicles li {
position: relative; }
.jquery-modal .modal .modal-contents .user-vehicles-container .vehicles li span.cta-select {
position: absolute;
color: #000000 !important;
top: 16px;
right: 16px;
text-transform: none !important;
font-family: "AvenirNext-Regular";
font-size: 14px !important;
text-decoration: underline; }
.jquery-modal .modal .modal-contents .user-vehicles-container .vehicles a.vehicle-switcher {
display: block;
color: #000000 !important;
padding: 15px 20px;
font-size: 14px !important;
border-bottom: 1px solid #c4c4c4;
position: relative;
text-transform: none !important; }
.jquery-modal .modal .modal-contents .user-vehicles-container .vehicles a.vehicle-switcher:hover {
text-decoration: none;
color: #F30000 !important; }
.jquery-modal .modal .modal-contents .user-vehicles-container .vehicles a.vehicle-switcher:hover div.cta-select {
background-color: #ffffff; }
.jquery-modal .modal .modal-contents .user-vehicles-container .vehicles a.vehicle-switcher div.cta-select {
width: 60px;
color: #2198DC;
position: absolute;
padding: 15px 0;
right: 16px;
top: 0px;
text-align: center; }
.jquery-modal .modal .modal-contents .user-vehicles-container .vehicles .selected {
padding: 15px 20px;
font-size: 14px !important;
border-bottom: 1px solid #c4c4c4;
position: relative;
color: #F30000;
text-transform: none !important; }
.jquery-modal .modal .modal-contents .user-vehicles-container .vehicles .selected .checked-circle {
width: 20px;
height: 20px;
fill: #F30000;
position: absolute;
right: 24px;
top: 14px; }
.jquery-modal .modal .modal-contents .form-container {
padding: 40px; }
.jquery-modal .modal .modal-contents .form-container .form-label {
margin-bottom: 16px; }
.jquery-modal .modal .modal-contents .form-container .select-basic div {
background-color: #ffffff;
box-shadow: none;
background: none; }
.jquery-modal .modal .modal-contents .form-container .select-basic select {
font-family: "AvenirNext-Medium";
opacity: 1;
border: 0;
outline: 0;
font-size: 16px;
background-color: transparent;
position: relative;
top: 6px;
left: 10px;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../../../../static/img/ui/arrow-down-red.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: 90% center; }
.jquery-modal .modal .modal-contents .form-container .select-basic select::-ms-expand {
display: none; }
.jquery-modal .modal .modal-contents .form-container #rail-my-vehicle .select-basic div {
background-image: none; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle .select-basic div {
background-image: none; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle .selectmenu {
border: 0px solid #dedede;
border-radius: 0;
color: #000000;
margin-bottom: 1.5em;
background-color: white;
font-family: "AvenirNext-Regular";
height: 42px; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle .selectmenu > div {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M13.0343%200.245533H13.0371C12.9682%200.167979%2012.8852%200.106207%2012.7932%200.0639902C12.7012%200.0217737%2012.6021%200%2012.5019%200C12.4017%200%2012.3026%200.0217737%2012.2105%200.0639902C12.1185%200.106207%2012.0355%200.167979%2011.9667%200.245533L6.62779%206.15038L1.28891%200.245533L1.26169%200.216529C1.12012%200.0736273%200.931128%20-0.00357638%200.736202%200.0018612C0.541275%200.00729879%200.356335%200.0949334%200.221968%200.245533C0.0794935%200.404624%202.79787e-09%200.616094%203.79661e-09%200.836017C4.79534e-09%201.05594%200.0794935%201.26741%200.221968%201.4265L6.09397%207.92183C6.10304%207.93225%206.11141%207.94191%206.12118%207.95084C6.41565%208.24905%206.88179%208.23715%207.1623%207.92183L13.0343%201.4265C13.1765%201.26724%2013.2557%201.05583%2013.2557%200.836017C13.2557%200.616202%2013.1765%200.404797%2013.0343%200.245533Z%22%20fill%3D%22%23F30000%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 14px;
background-position: 95% 16px;
border: 0 !important;
padding: 8px 16px; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle .selectmenu > div span {
color: #000000;
font-size: 16px; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle .selectmenu.disabled {
opacity: 1; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle .selectmenu.disabled .disabled span {
color: #00324F; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle .selectmenu .label-container {
display: none; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle a.btn-select-model {
position: relative;
text-decoration: underline;
left: 85%;
font-family: "AvenirNext-Regular";
font-size: 16px; }
.jquery-modal .modal .modal-contents .form-container #rail-another-vehicle a.btn-select-model.disabled {
cursor: default;
opacity: 0.5;
background: transparent !important; }
.acura-owners .model-info-hero {
margin-top: 50px;
border: 0px solid red;
position: relative;
min-height: 70px; }
.acura-owners .model-info-hero #model-info-left h4 {
border: 0px solid red;
font-family: "AvenirNext-Bold";
z-index: 1;
position: relative;
padding: 15px 0 30px 180px; }
.acura-owners .model-info-hero #model-info-left h4 img {
position: absolute;
top: 10px;
left: 0px; }
.acura-owners .model-info-hero #model-info-left h4 .model-year {
margin-left: 0rem;
display: block; }
.acura-owners .model-info-hero #model-info-left h4 .model-name {
margin-right: 1rem; }
.acura-owners .model-info-hero #model-info-left h4 a.cta-change-vehicle {
font-family: "AvenirNext-Regular";
text-decoration: underline;
display: inline-block; }
@media only screen and (min-width: 768px) {
.acura-owners .model-info-hero {
min-height: 90px; }
.acura-owners .model-info-hero #model-info-left h4 {
padding: 38px 0 30px 180px; }
.acura-owners .model-info-hero #model-info-left h4 .model-year {
margin-left: 2rem;
display: inline-block; }
.acura-owners .model-info-hero #model-info-left h4 .model-name {
margin-right: 1rem; }
.acura-owners .model-info-hero #model-info-left h4 a.cta-change-vehicle {
font-family: "AvenirNext-Regular";
text-decoration: underline;
display: inline-block; } }
#home.acura-owners .home-hero {
position: relative;
width: 100%;
background-color: #000000;
margin-top: 120px; }
#home.acura-owners .home-hero .img-home-hero {
width: 100%;
opacity: 0.4; }
#home.acura-owners .home-hero .hero-content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
color: #ffffff;
font-family: "AvenirNext-Thin";
overflow-x: hidden;
text-align: center; }
#home.acura-owners .home-hero .hero-content h1 {
font-family: "AvenirNext-Thin";
font-size: 2.5rem;
font-weight: normal; }
#home.acura-owners .home-hero .hero-content h1.m-view {
display: inline; }
#home.acura-owners .home-hero .hero-content h1.d-view {
display: none; }
#home.acura-owners .home-hero .hero-content p {
width: 100%;
font-family: "AvenirNext-Regular";
font-size: 1.25rem;
display: none; }
#home.acura-owners .home-modules {
margin-bottom: 85px;
margin-top: 50px;
padding: 0 14px; }
#home.acura-owners .home-modules .row {
margin-bottom: 4px; }
#home.acura-owners .home-modules.user-logged-in {
margin-top: 120px; }
#home.acura-owners .home-modules.vehicle-selected, #home.acura-owners .home-modules.user-logged-in {
margin-top: 0;
text-align: center; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed, #home.acura-owners .home-modules.user-logged-in .recently-viewed {
padding: 2rem 0;
position: relative; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .img-vehicle, #home.acura-owners .home-modules.user-logged-in .recently-viewed .img-vehicle {
width: 162px;
height: 86px;
margin-right: 16px;
display: inline-block; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info {
display: inline-block;
text-align: left; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info .my-veh, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info .my-veh {
position: relative;
top: 1.5rem; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info .rec-viewed, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info .rec-viewed {
position: relative;
top: 0.7rem; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info span, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info span {
display: block; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info .my-veh, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info .my-veh {
margin-top: 0rem; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info a.cta-change-vehicle, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info a.cta-change-vehicle {
color: #000000;
font-family: "AvenirNext-Regular";
text-decoration: underline;
display: inline-block;
margin-left: 0; }
#home.acura-owners .home-modules a {
text-decoration: none;
color: #5D6061;
font-family: "AvenirNext-Bold"; }
#home.acura-owners .home-modules a .home-item {
text-align: center;
padding: 40px 0;
position: relative;
background-color: #F3F3F3;
margin: 2px;
height: 100%; }
#home.acura-owners .home-modules a .home-item span {
display: inline-block;
width: 85%;
font-size: 1rem; }
#home.acura-owners .home-modules a .home-item svg.home-module {
display: block;
width: 40px;
height: 40px;
border: 0px solid red;
fill: black;
opacity: 0.65;
position: relative;
top: 50px;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
margin-bottom: 3rem; }
#home.acura-owners .home-modules a .home-item svg.link-ext-icon {
width: 12px;
height: 12px;
fill: black;
opacity: 0.65; }
#home.acura-owners .home-modules a .home-item:hover svg.home-module {
opacity: 1; }
#home.acura-owners .home-modules .btm-bar {
width: 0px;
height: 4px;
background-color: #F30000;
position: absolute;
bottom: 0px;
left: 50%;
opacity: 0;
transition: all 0.4s;
transform-origin: center; }
#home.acura-owners .home-modules .home-item-container:hover .btm-bar {
opacity: 1;
left: 0%;
width: 100%; }
#home.acura-owners .home-benefits {
padding: 0;
margin-bottom: 4rem; }
#home.acura-owners .home-benefits .img-benefits {
width: 100%;
height: auto;
margin-bottom: 2rem; }
#home.acura-owners .home-benefits .home-benefits-content-container {
display: flex;
align-items: center;
justify-content: center; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content {
text-align: center; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content h2 {
font-family: "AvenirNext-Bold";
text-transform: uppercase;
color: #000000;
font-size: 1.5rem;
text-align: center;
margin: 0 1.5rem; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content h2 span {
display: block; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content h2 .bar {
width: 25px;
height: 5px;
margin-top: 1rem;
background-color: #F30000;
position: relative;
left: 50%;
margin-left: -12px; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul {
list-style-type: none;
padding: 0;
margin: 3rem 0 3rem 3rem;
text-align: left; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li {
margin-left: 0;
position: relative;
font-family: "AvenirNext-Regular";
font-size: 1.15rem;
font-weight: bold;
color: #5D6061;
margin: 1.5rem 0; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li svg {
height: 40px;
width: 40px; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li span {
position: absolute;
display: block;
left: 75px;
top: 0; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li span:nth-of-type(2) {
top: 1.5rem; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content .log-in-label {
color: #000000;
margin-top: 2rem;
font-family: "AvenirNext-Regular"; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content .log-in-label a {
color: #000000;
text-decoration: underline; }
#home.acura-owners .home-promotions {
background-color: #1E2123;
padding: 3rem 0 5rem 0;
color: #ffffff;
margin-bottom: 4rem; }
#home.acura-owners .home-promotions img.promo {
width: 100%;
margin-top: 2rem; }
#home.acura-owners .home-promotions h4 {
margin-top: 2rem; }
#home.acura-owners .home-promotions p {
color: #BDBDBD; }
#home.acura-owners .home-promotions a {
color: #ffffff;
font-family: "AvenirNext-Bold";
display: inline-block;
margin-top: 1rem; }
#home.acura-owners .home-promotions a svg.link-ext-icon {
width: 16px;
height: 16px;
display: inline-block;
position: relative;
left: 5px;
top: 2px;
fill: #F30000;
transition: all 0.3s; }
#home.acura-owners .home-promotions a:hover {
text-decoration: none; }
#home.acura-owners .home-promotions a:hover svg.link-ext-icon {
fill: #ffffff; }
#home.acura-owners .home-promotions {
text-align: center; }
#home.acura-owners .home-promotions a {
margin-top: 0; }
#home.acura-owners .home-promotions h2 {
font-family: "AvenirNext-Thin";
font-size: 2.25rem;
color: #ffffff;
font-weight: 100;
margin-bottom: 2rem; }
#home.acura-owners .home-promotions .single-promo-container {
transition: all 0.3s;
width: 95%;
max-width: 825px;
position: relative;
left: 50%;
top: 0;
transform: translateX(-50%);
padding: 0;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.75); }
#home.acura-owners .home-promotions .single-promo-container img {
width: 100%; }
#home.acura-owners .home-promotions .single-promo-container .promo-content {
padding: 2rem 0;
background-color: #ffffff;
color: #1E2123;
font-size: 1.15rem;
font-family: "AvenirNext-Bold"; }
#home.acura-owners .home-promotions .single-promo-container .promo-content .cta {
display: block;
color: #F30000;
margin-top: 1rem;
font-size: 0.85rem;
text-transform: uppercase; }
#home.acura-owners .home-promotions .single-promo-container:hover {
top: -0.75rem; }
#home.acura-owners .acuralink-module {
margin: 4rem auto; }
#home.acura-owners .acuralink-module .device-app {
text-align: center;
padding: 0 0; }
#home.acura-owners .acuralink-module .acuralink-content {
text-align: center; }
#home.acura-owners .acuralink-module .acuralink-content h2 {
font-family: "AvenirNext-Bold";
text-transform: uppercase;
color: #000000;
font-size: 1.5rem;
margin-bottom: 2rem;
margin-top: 2rem; }
#home.acura-owners .acuralink-module .acuralink-content h2 span {
display: block; }
#home.acura-owners .acuralink-module .acuralink-content h2 .bar {
width: 25px;
height: 5px;
margin-top: 1rem;
background-color: #F30000;
position: relative;
left: 48%; }
#home.acura-owners .acuralink-module .acuralink-content p {
width: 100%;
margin-bottom: 2rem; }
#home.acura-owners .acuralink-module .acuralink-content .btn-acuraLink {
width: 150px;
height: auto;
margin-right: 1rem; }
#home.acura-owners .home-contact-us {
text-align: center; }
#home.acura-owners .home-contact-us h2 {
font-family: "AvenirNext-Bold";
text-transform: uppercase;
color: #000000;
font-size: 1.75rem;
margin-bottom: 2rem; }
#home.acura-owners .home-contact-us h2 .bar {
width: 25px;
height: 4px;
margin-top: 1rem;
background-color: #F30000;
display: block;
position: relative;
left: 50%;
margin-left: -12px; }
#home.acura-owners .home-contact-us p {
font-family: "AvenirNext-Regular";
color: #000000;
font-size: 1rem;
padding: 0 2rem; }
#home.acura-owners .home-contact-us .contact-modules {
margin-top: 2rem;
padding: 0 1rem; }
#home.acura-owners .home-contact-us .contact-modules .col-12.col-md-4 {
overflow: hidden; }
#home.acura-owners .home-contact-us .contact-modules a {
text-decoration: none;
color: #5D6061;
font-family: "AvenirNext-Bold";
overflow: hidden;
cursor: default; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item {
background-color: #F3F3F3;
margin: 2px;
text-align: center;
padding: 40px 0 40px 0;
position: relative;
display: block;
height: 215px;
transition: all 0.35s; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item svg {
display: block;
width: auto;
height: 45px;
border: 0px solid red;
fill: black;
opacity: 0.65;
position: relative;
top: 30px;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
margin-bottom: 2rem; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover {
transition: all 0.4s;
padding: 30px 0;
font-size: 0.75rem;
border: 0px solid red;
height: 0; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover .module-hover-content {
overflow: hidden;
padding: 0 30px; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover .module-hover-content .contact-list {
list-style-type: none;
padding: 0;
font-family: "AvenirNext-Medium";
opacity: 0;
transition: all 0.25s;
font-size: 0.8rem;
margin-bottom: 1rem; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover .module-hover-content .contact-list li {
margin-bottom: 0.15rem; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover .module-hover-content .contact-list li:first-child {
margin-bottom: 0.3rem; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover .module-hover-content .contact-list li.bold {
font-weight: 600; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item svg.arrow-down {
fill: #F30000;
width: 20px;
height: 20px;
position: absolute;
top: 90%;
transform-origin: 10px 10px;
transform-box: fill-box;
transition: all 0.35s; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .btm-bar {
width: 100%;
height: 4px;
background-color: #F30000;
position: absolute;
bottom: 0;
opacity: 0;
transition: all 0.4s; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item.h600 {
height: 600px; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item.h600 svg.arrow-down {
opacity: 1;
transform: rotate(180deg);
margin-left: -10px; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item.h400 {
height: 435px; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item.h400 svg.arrow-down {
opacity: 1;
transform: rotate(180deg);
margin-left: -10px; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item span {
display: inline-block;
padding: 0 35px; }
#home.acura-owners .home-contact-us .contact-modules a .hover-4 .module-hover .module-hover-content .contact-list,
#home.acura-owners .home-contact-us .contact-modules a .hover-5 .module-hover .module-hover-content .contact-list {
font-size: 0.9rem;
padding: 0 1rem; }
#home.acura-owners .home-contact-us .contact-modules .row:first-child .contact-item {
padding-top: 60px; }
@media (min-width: 768px) {
#home.acura-owners .home-hero {
margin-top: 85px; }
#home.acura-owners .home-hero .hero-content h1 {
font-size: 4rem; }
#home.acura-owners .home-hero .hero-content h1.welcome-back, #home.acura-owners .home-hero .hero-content h1.d-view {
margin-top: 50px; }
#home.acura-owners .home-hero .hero-content p {
display: block;
padding: 0 15%; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover .module-hover-content {
padding: 0 0;
font-size: 0.7rem; } }
@media (min-width: 992px) {
#home.acura-owners .home-hero .hero-content {
text-align: left; }
#home.acura-owners .home-hero .hero-content p {
width: 90%;
padding: 0; }
#home.acura-owners .home-hero .hero-content h1.m-view {
display: none; }
#home.acura-owners .home-hero .hero-content h1.d-view {
display: block; }
#home.acura-owners .home-modules {
margin-top: -80px; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info .my-veh, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info .my-veh {
top: 0; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info .rec-viewed, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info .rec-viewed {
top: 0; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info a.btn-change-vehicle,
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info span, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info a.btn-change-vehicle,
#home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info span {
display: inline; }
#home.acura-owners .home-modules.vehicle-selected .recently-viewed .vehicle-info a.cta-change-vehicle, #home.acura-owners .home-modules.user-logged-in .recently-viewed .vehicle-info a.cta-change-vehicle {
margin-left: 1rem; }
#home.acura-owners .home-modules a {
font-family: AvenirNext-Bold;
font-size: 1rem; }
#home.acura-owners .home-modules a .home-item {
padding: 60px 0; }
#home.acura-owners .home-modules a .home-item svg.home-module {
width: 65px;
height: 65px; }
#home.acura-owners .home-modules a .home-item svg.link-ext-icon {
width: 14px;
height: 14px; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content {
text-align: left; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content h2 {
font-size: 1.25rem;
text-align: left; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content h2 .bar {
left: 0;
margin-left: 0; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul {
margin: 2rem 0 2rem 1rem; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li {
font-size: 1.0rem;
margin: 1.5rem 0; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li svg {
height: 30px;
width: 30px; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li span {
left: 50px;
top: 0; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content .log-in-label {
margin-top: 1rem; }
#home.acura-owners .acuralink-module .acuralink-content {
margin-top: 0;
text-align: left; }
#home.acura-owners .acuralink-module .acuralink-content h2 {
margin-top: 0;
font-size: 1.75rem; }
#home.acura-owners .acuralink-module .acuralink-content h2 .bar {
left: 0; }
#home.acura-owners .acuralink-module .acuralink-content p {
width: 70%; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover .module-hover-content {
padding: 0 0px;
font-size: 0.75rem; } }
@media (min-width: 1200px) {
#home.acura-owners .home-hero .hero-content p {
width: 40%; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content h2 {
font-size: 1.75rem; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul {
margin: 3rem 0 3rem 3rem; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li {
font-size: 1.15rem;
margin: 1.5rem 0; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li svg {
height: 50px;
width: 50px; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content ul li span {
left: 75px;
top: 0; }
#home.acura-owners .home-benefits .home-benefits-content-container .home-benefits-content .log-in-label {
margin-top: 2rem; }
#home.acura-owners .home-contact-us .contact-modules a .contact-item .module-hover .module-hover-content {
padding: 0 2rem;
font-size: 0.75rem; } }
#vehicle-info.acura-owners {
margin-top: 3rem; }
#vehicle-info.acura-owners h2.header1 {
text-shadow: none; }
#vehicle-info.acura-owners h2.header1 span {
font-family: "AvenirNext-Thin";
font-size: 2.25rem;
max-width: none;
color: #000000;
display: block; }
#vehicle-info.acura-owners .login-chooser-wrapper {
margin-top: 2.5rem; }
#vehicle-info.acura-owners .login-chooser-wrapper .module {
float: none; }
#vehicle-info.acura-owners .login-chooser-wrapper .module.last {
width: auto; }
#vehicle-info.acura-owners .login-chooser-wrapper .module #formVehicleSelect p {
font-family: "AvenirNext-Bold"; }
#vehicle-info.acura-owners .login-chooser-wrapper .module #formVehicleSelect .product-chooser-container .selectmenu .label-container {
padding-left: 1rem; }
#vehicle-info.acura-owners .login-chooser-wrapper .module #formVehicleSelect .product-chooser-container .selectmenu select {
font-family: "AvenirNext-Light";
font-size: 1rem;
padding-left: 1rem;
background-color: #f3f3f3; }
#vehicle-info.acura-owners .login-chooser-wrapper .module #formVehicleSelect .product-chooser-container #btn-productChooser {
font-family: "AvenirNext-Bold";
font-size: 1rem;
border: 2px solid #F30000;
color: #000000;
background: none !important;
background-color: #ffffff !important;
padding: 6px 20px;
box-shadow: none;
width: auto;
display: inline-block;
margin-top: 1rem;
transition: all 0.2s; }
#vehicle-info.acura-owners .login-chooser-wrapper .module #formVehicleSelect .product-chooser-container #btn-productChooser:hover {
color: #ffffff;
background-color: #F30000 !important; }
#vehicle-info.acura-owners form .disabled {
opacity: 0.7; }
#vehicle-info.acura-owners hr {
margin-bottom: 4rem;
width: 100%;
height: 1px;
color: red; }
#vehicle-info.acura-owners #footer a.back-to-top {
display: none; }
#vehicle-info.acura-owners .select-basic {
margin-bottom: 13px;
height: 40px;
display: block; }
#vehicle-info.acura-owners .select-basic div {
box-shadow: none;
background-color: #eeeeee;
background-image: url(../../../../static/img/ui/arrow-down-red.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: 95% center;
border: 0;
height: 40px;
display: block; }
#vehicle-info.acura-owners .select-basic div span {
line-height: 40px;
height: 40px;
text-transform: uppercase;
font-family: "AvenirNext-Light";
color: #000000;
font-size: 1rem; }
@media (min-width: 992px) {
#vehicle-info.acura-owners h2.header1 span {
font-size: 3rem;
display: inline-block; }
#vehicle-info.acura-owners #formVehicleSelect {
width: 305px;
margin-bottom: 60px; } }
#vehicle-specs.acura-owners section#specification {
width: auto; }
#vehicle-specs.acura-owners section#specification .modelid-specs-table {
margin-top: 2rem; }
#vehicle-specs.acura-owners .trim-selector {
margin-top: 3rem; }
#vehicle-specs.acura-owners .trim-selector h2.header1 {
font-family: "AvenirNext-Thin";
color: #000000;
font-size: 2.15rem;
text-shadow: none; }
#vehicle-specs.acura-owners .trim-selector h2.header1 span {
display: block; }
#vehicle-specs.acura-owners .model-info-hero h4 {
width: 100%; }
#vehicle-specs.acura-owners .select-trim-container {
margin: 25px 0 25px 0;
border: 0px solid red;
position: relative;
width: 100%; }
#vehicle-specs.acura-owners .select-trim-container .for-trim-label {
text-transform: uppercase;
color: #5D6061;
font-family: "AvenirNext-Regular";
display: inline-block;
font-size: 1rem;
margin-top: 14px;
margin-bottom: 16px; }
#vehicle-specs.acura-owners .select-trim-container .form-container {
position: relative;
left: 0;
top: 0;
border: 1px solid #f3f3f3;
background-color: #f3f3f3;
border-radius: 0; }
#vehicle-specs.acura-owners .select-trim-container .form-container select {
background-color: #f3f3f3;
color: #000000;
border: 0;
-webkit-appearance: none;
background-image: url("../../../../static/img/ui/arrow-down-red.svg");
background-repeat: no-repeat;
background-size: 18px;
background-position: 96% 20px;
padding-right: 50px;
padding: 14px 50px 14px 26px;
width: 100%;
font-family: "AvenirNext-Regular";
font-size: 1rem;
letter-spacing: 0.5px; }
#vehicle-specs.acura-owners .select-trim-container .form-container select option {
padding: 20px 0; }
#vehicle-specs.acura-owners .select-trim-container .form-container select::-ms-expand {
display: none; }
#vehicle-specs.acura-owners .vehicle-specs-container {
border: 0px solid orange;
margin-bottom: 75px; }
#vehicle-specs.acura-owners .vehicle-specs-container .text-right {
text-align: right; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-section {
font-family: "AvenirNext-Bold";
font-size: 16px;
color: #000000;
border-bottom: 2px solid #000000; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-section div {
padding: 16px 16px; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-section a.back-to-top {
font-family: "AvenirNext-Regular";
font-size: 14px;
color: #000;
display: none; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-section a.back-to-top:hover {
text-decoration: none; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-section svg {
width: 14px;
height: 14px;
margin-left: 4px;
fill: #F30000; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-section .trim-desc {
display: none; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details {
display: block;
border-bottom: 1px solid #CCCCCC; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details .spec-name {
font-family: "AvenirNext-Regular";
font-size: 16px;
color: #000000;
padding: 16px 16px;
border-bottom: 0px solid #CCCCCC; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details .spec-name.subsection-with-details ul.subdetails {
list-style-type: none;
padding: 0;
margin: 20px 0; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details .spec-name.subsection-with-details ul.subdetails li {
margin: 10px 0; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details .spec-name.subsection-with-details ul.subdetails li .name {
display: inline-block;
width: 140px; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details .spec-name.subsection-with-details ul.subdetails li span:nth-child(2) {
font-family: "AvenirNext-Bold"; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details .spec-detail {
font-family: "AvenirNext-Bold";
font-size: 1rem;
color: #000000;
background-color: #f2f2f2;
padding: 16px 16px;
border-bottom: 0px solid #CCCCCC; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-disclaimer {
font-family: "AvenirNext-Regular";
font-size: 12px;
color: #000; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-disclaimer div {
padding: 10px 14px; }
#vehicle-specs.acura-owners .btn-print {
background-color: #F30000;
color: #ffffff;
border: 2px solid #F30000;
border-radius: 25px;
padding: 10px 20px;
text-transform: uppercase;
font-family: "AvenirNext-Bold";
display: inline-block;
margin: 5px 0;
transition: all 0.3s;
font-size: 0.85rem; }
#vehicle-specs.acura-owners .btn-print:hover {
text-decoration: none;
background-color: #ffffff;
color: #F30000; }
#vehicle-specs.acura-owners .specs-not-available {
font-family: "AvenirNext-Regular";
color: #000000;
font-size: 1.25em;
margin: 3em auto; }
@media only screen and (min-width: 768px) {
#vehicle-specs.acura-owners .trim-selector h2.header1 {
font-size: 3rem; }
#vehicle-specs.acura-owners .trim-selector h2.header1 span {
display: inline; }
#vehicle-specs.acura-owners .select-trim-container .for-trim-label {
margin-bottom: 0; }
#vehicle-specs.acura-owners .select-trim-container .form-container {
position: absolute;
left: 160px;
top: 0; }
#vehicle-specs.acura-owners .select-trim-container .form-container select {
width: auto; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details {
display: flex;
border-bottom: 0px solid #CCCCCC; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details .spec-name {
border-bottom: 1px solid #CCCCCC; }
#vehicle-specs.acura-owners .vehicle-specs-container .spec-details .spec-detail {
border-bottom: 1px solid #CCCCCC; }
#vehicle-specs.acura-owners .btn-print {
margin: 20px 0; } }
@media only screen and (min-width: 992px) {
#vehicle-specs.acura-owners .vehicle-specs-container .spec-section a.back-to-top {
display: inline; } }
@media print {
#vehicle-specs.acura-owners {
overflow: hidden; }
#vehicle-specs.acura-owners .container {
max-width: 95%; }
#vehicle-specs.acura-owners footer {
display: none; } }
#vehicle-features.acura-owners h2.header1 {
text-shadow: none;
margin-top: 3rem;
margin-left: 1rem; }
#vehicle-features.acura-owners h2.header1 span {
font-family: "AvenirNext-Thin";
font-size: 2.25rem;
max-width: none;
color: #000000;
display: block; }
#vehicle-features.acura-owners .filter.tabs {
font-size: 1rem;
letter-spacing: 2px;
margin-bottom: 3rem;
margin-left: 1rem; }
#vehicle-features.acura-owners .filter.tabs a {
display: inline-block;
margin-right: 0.5rem;
cursor: pointer;
padding-bottom: 0.5rem;
text-transform: uppercase; }
#vehicle-features.acura-owners .filter.tabs a.active {
border-bottom: 4px solid #f30000;
color: #f30000; }
#vehicle-features.acura-owners .vehicle-features.alphabetical {
display: none; }
#vehicle-features.acura-owners ul.vehicle-features {
list-style-type: none;
padding-left: 0; }
#vehicle-features.acura-owners ul.vehicle-features li {
border-style: solid;
border-width: 0 0 2px 0;
border-color: #E0E0E0; }
#vehicle-features.acura-owners ul.vehicle-features a {
font-size: 1rem;
letter-spacing: 0.1em;
color: #000000;
display: block;
padding: 18px 26px 18px 21px;
font-family: "AvenirNext-Bold";
transition: all 0.3s;
position: relative; }
#vehicle-features.acura-owners ul.vehicle-features a:hover {
text-decoration: none;
background-color: rgba(0, 0, 0, 0.025); }
#vehicle-features.acura-owners ul.vehicle-features span.chev-right {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1rem; }
#vehicle-features.acura-owners ul.vehicle-features span.chev-right svg {
width: 14px;
height: 14px;
fill: #f30000; }
@media (min-width: 992px) {
#vehicle-features.acura-owners ul.vehicle-features a {
padding-right: 20px; } }
#vehicle-features.acura-owners hr {
height: 2px; }
@media (min-width: 768px) {
#vehicle-features.acura-owners h2.header1 span {
font-size: 3rem;
display: inline-block; }
#vehicle-features.acura-owners .filter.tabs a {
margin-right: 2.5rem; } }
#vehicle-features-detail.acura-owners .feature-bread-crumbs {
border-bottom: 2px solid #E0E0E0;
font-size: 0.9rem;
font-family: "AvenirNext-Regular";
padding: 40px 20px 16px 0;
color: #000000;
line-height: 20px;
padding-left: 1rem;
padding-right: 1rem;
margin-left: 1rem;
margin-right: 1rem; }
#vehicle-features-detail.acura-owners .feature-bread-crumbs a {
color: #000000;
display: inline-block;
font-family: "AvenirNext-Regular";
text-decoration: underline; }
#vehicle-features-detail.acura-owners .feature-bread-crumbs a:hover {
text-decoration: underline; }
#vehicle-features-detail.acura-owners .feature-bread-crumbs .bread-crumb-chevron {
color: #F30000;
font-family: "AvenirNext-Regular"; }
#vehicle-features-detail.acura-owners .vehicle-features.alphabetical {
display: none; }
#vehicle-features-detail.acura-owners .vehicle-features {
left: 0;
top: 0;
margin: 75px auto;
padding: 0 15px;
width: 95%; }
#vehicle-features-detail.acura-owners .vehicle-features .current-model {
padding-left: 1rem; }
#vehicle-features-detail.acura-owners .vehicle-features h2.header1 {
font-family: "AvenirNext-Thin";
color: #000000;
font-size: 2rem;
margin-top: 0;
text-shadow: none;
padding-left: 1rem; }
@media only screen and (min-width: 768px) {
#vehicle-features-detail.acura-owners .vehicle-features h2.header1 {
font-size: 3rem; } }
#vehicle-features-detail.acura-owners .vehicle-features .feature-item {
border-bottom: 2px solid #e0e0e0;
font-size: 1rem;
position: relative;
font-family: AvenirNext-Bold;
margin: 0;
transition: all 0.3s; }
#vehicle-features-detail.acura-owners .vehicle-features .feature-item .right-chevron {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
margin-top: -8px;
right: 20px;
transition: all 0.3s;
fill: #F30000; }
#vehicle-features-detail.acura-owners .vehicle-features .feature-item a {
display: block;
padding: 18px 70px 18px 50px;
color: #000000;
transition: all 0.3s; }
#vehicle-features-detail.acura-owners .vehicle-features .feature-item a:hover {
text-decoration: none;
position: relative; }
#vehicle-features-detail.acura-owners .vehicle-features .feature-item:hover {
background-color: #f5f5f5; }
#vehicle-features-detail.acura-owners .vehicle-features .feature-item svg {
fill: #000000; }
#vehicle-features-detail.acura-owners .vehicle-features .feature-item .icon {
width: 20px;
height: 20px;
position: absolute;
left: 28px;
top: 16px; }
#vehicle-features-detail.acura-owners .vehicle-features .current-model {
font-family: AvenirNext-Regular;
font-size: 1.5em;
color: #000000;
margin-bottom: 0.35em; }
#vehicle-features-detail.acura-owners .vehicle-features .current-model a:hover {
text-decoration: underline; }
#vehicle-features-detail.acura-owners .vehicle-features .disclaimer-container {
margin: 15px 0 50px 0px !important;
font-size: 18px;
width: 100%;
position: relative; }
@media only screen and (min-width: 768px) {
#vehicle-features-detail.acura-owners .vehicle-features .disclaimer-container {
width: 90%; } }
#vehicle-features-detail.acura-owners .vehicle-features .disclaimer-container .info {
position: absolute;
left: 0;
top: 4px;
width: 20px;
height: 20px;
fill: #696969; }
#vehicle-features-detail.acura-owners .vehicle-features .disclaimer-container p.disclaimer {
font-size: 18px !important;
margin-left: 1.5em; }
#vehicle-features-detail.acura-owners .feature-detail {
padding: 0; }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
line-height: 28px;
margin-top: 3rem; }
@media only screen and (min-width: 768px) {
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content {
padding-left: 10%;
padding-right: 20%; } }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content p {
margin: 0 0 0.5rem 0; }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content h3 {
font-family: "AvenirNext-Regular";
font-size: 2rem;
margin: 0 0 3rem 0;
font-weight: 300;
line-height: 38px; }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content.feature-text h3, #vehicle-features-detail.acura-owners .feature-detail .feature-detail-content.youtube h3, #vehicle-features-detail.acura-owners .feature-detail .feature-detail-content.video h3, #vehicle-features-detail.acura-owners .feature-detail .feature-detail-content.image h3 {
font-size: 2rem;
margin: 2rem 0 1rem 0; }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content .disclaimer-container {
position: relative;
margin-top: 2rem; }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content .disclaimer-container svg.info {
width: 20px;
height: 20px;
fill: #696969;
margin-top: 6px; }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content .disclaimer-container p.disclaimer {
position: absolute;
left: 0;
top: 3px; }
#vehicle-features-detail.acura-owners .feature-detail .info-container {
position: relative;
margin-top: 2rem;
margin-left: 1rem; }
#vehicle-features-detail.acura-owners .feature-detail .info-container .info-icon {
width: 20px;
height: 20px;
fill: #696969;
position: absolute;
top: 7px; }
#vehicle-features-detail.acura-owners .feature-detail .info-container p {
margin-left: 1.4rem;
margin-top: 0;
padding-top: 0;
display: inline-block;
width: 90%;
line-height: 28px;
font-size: 1rem; }
@media only screen and (min-width: 768px) {
#vehicle-features-detail.acura-owners .feature-detail .info-container p {
width: 65%; } }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content.image .info-container {
margin-left: 0; }
@media only screen and (min-width: 768px) {
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-content.image .info-container p {
width: 90%; } }
#vehicle-features-detail.acura-owners .feature-detail .disclaimer-container {
margin: 15px 16px 50px 16px !important;
font-size: 1rem;
width: 100%;
position: relative; }
@media only screen and (min-width: 768px) {
#vehicle-features-detail.acura-owners .feature-detail .disclaimer-container {
width: 90%;
min-height: 25px; } }
#vehicle-features-detail.acura-owners .feature-detail .disclaimer-container .info {
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
fill: #696969; }
#vehicle-features-detail.acura-owners .feature-detail .disclaimer-container p.disclaimer {
font-size: 1rem !important;
margin-left: 1.5em; }
#vehicle-features-detail.acura-owners .feature-detail .pdf-info-container {
padding-left: 1rem; }
#vehicle-features-detail.acura-owners .feature-detail .pdf-info-container h3 {
font-family: "AvenirNext-Regular";
font-size: 2rem;
margin: 3rem 0 2rem 0;
font-weight: 300; }
@media (min-width: 768px) {
#vehicle-features-detail.acura-owners .feature-detail .pdf-info-container {
padding-left: 2rem; } }
#vehicle-features-detail.acura-owners .feature-detail .pdf-info-container .feat-pdf-embed.btn {
display: inline-block;
margin-bottom: 2rem;
transition: all 0.2s; }
#vehicle-features-detail.acura-owners .feature-detail .pdf-info-container .feat-pdf-embed.btn .fa-pdf-icon {
width: 15px;
height: 15px;
fill: #000000;
transition: all 0.2s; }
#vehicle-features-detail.acura-owners .feature-detail .pdf-info-container .feat-pdf-embed.btn:hover {
background-color: #F30000;
color: #ffffff; }
#vehicle-features-detail.acura-owners .feature-detail .pdf-info-container .feat-pdf-embed.btn:hover .fa-pdf-icon {
fill: #ffffff; }
#vehicle-features-detail.acura-owners .feature-detail .video-player.playlist .dummy-container {
padding-bottom: 9.5em; }
@media (min-width: 768px) {
#vehicle-features-detail.acura-owners .feature-detail .video-player.playlist .dummy-container {
margin-bottom: 0; }
body.acura-owners #page {
width: 100% !important;
}
}
#vehicle-features-detail.acura-owners .feature-detail .video-player {
width: 100%;
height: auto;
position: relative;
left: 50%;
transform: translateX(-50%);
text-align: center; }
#vehicle-features-detail.acura-owners .feature-detail .video-player .video-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0; }
#vehicle-features-detail.acura-owners .feature-detail .video-player .video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute; }
#vehicle-features-detail.acura-owners .feature-detail .faq {
float: none;
width: auto;
margin: 2rem 1rem;
border: 1px solid #E3E3E3;
position: relative; }
#vehicle-features-detail.acura-owners .feature-detail .faq h2 {
background-image: none;
background-color: #f2f2f2 !important;
color: #000000;
font-family: "AvenirNext-Medium";
font-size: 1rem; }
#vehicle-features-detail.acura-owners .feature-detail .faq h2 span {
width: 150px; }
@media (min-width: 576px) {
#vehicle-features-detail.acura-owners .feature-detail .faq h2 span {
width: auto; } }
#vehicle-features-detail.acura-owners .feature-detail .faq .faq-tools {
color: #000000;
position: absolute;
right: 15px;
top: 16px; }
#vehicle-features-detail.acura-owners .feature-detail .faq .faq-tools a {
color: #000000;
font-size: 0.85em; }
#vehicle-features-detail.acura-owners .feature-detail .faq .disclaimer {
float: none; }
#vehicle-features-detail.acura-owners .feature-detail .faq .disclaimer dd {
width: 90%; }
#vehicle-features-detail.acura-owners .feature-detail .faq dl {
padding: 2rem 2rem 0;
margin-bottom: 2rem; }
#vehicle-features-detail.acura-owners .feature-detail .hdr-faq {
font-family: "AvenirNext-Thin";
font-size: 1.5rem;
color: #000000;
margin-top: 2rem;
margin-left: 2.5rem; }
@media (min-width: 992px) {
#vehicle-features-detail.acura-owners .feature-detail .hdr-faq {
font-size: 2rem; } }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-flash {
width: 950px;
height: 515px;
background: #ffffff; }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-flash .feature-detail-content {
margin-top: 0 !important; }
#vehicle-features-detail.acura-owners .feature-detail .feature-detail-flash .html-fallback {
padding-top: 2rem; }
#vehicle-features-detail.acura-owners .feature-detail .flash-detail h3 {
margin: 3rem 0 1rem 0; }
#vehicle-features-detail.acura-owners footer {
margin-top: 10rem; }
#vehicle-features-detail.acura-owners footer .contact-dealer {
display: inline; }
#vehicle-features-detail.acura-owners footer .contact-dealer .container {
margin-top: -0.3rem; }
@media (min-width: 992px) {
#vehicle-features-detail.acura-owners footer .contact-dealer .container {
margin-top: -0.75rem; } }
/* Extra Styles for B2C Owners.Acura sunset */
.swiper-container
{
/* z-index: 100 !important; */
}
.logo-container {
margin: 0px;
}
.logo-container a {
border-right: 0px;
/* margin-left: 20px */ /* Pushes logo to the right */
}
footer a:hover {
text-decoration: none !important;
}
.social-media-links_SS
{
}
#footer a.back-to-top {
display: inline;
}
.box-white{
z-index: 1 !important;
}
#footer .container-fluid {
font-family: "AvenirNext-Light" !important;
}
.carousel-hero.section1 {
margin-top: 6em !important;
}
.section-description-inner .paragraph
{
font-family: "Avenir Book";
/* width: 45%; */
/* Test styles might cause issues causes issues on other pages */
/* font-size: 1.5rem !important; */
/* line-height: 1.8em !important; */
/* padding: 0.5em 0; */
/* padding-top: 0.5em; */
/* padding-right: 0px; */
/* padding-bottom: 0.5em; */
/* padding-left: 0px; */
/* margin-bottom: 1.5em; */
/* margin-bottom: 4.1em; */
}
.arrow_box-right
{
z-index: 1 !important;
}
.arrow_box-left
{
z-index: 1 !important;
}
#secondary-navigation.fix-nav{
height:8em !important;
padding-top: 4.2em !important;
z-index:100 !important;
}
#dealersLocator .main-section.section1 h2
{
/* margin-top: 1.4em !important; */
margin-top: -1.4em !important;
}
section#search-criteria
{
z-index: 100 !important;
margin-top: -3em !important;
}
.cta-container .secondary-btn
{
/* Causes style issues. Comment out for now */
/* padding-top: 3em !important; */
}
.logo-container {
overflow: visible !important;
}
/* For Sunset Mobile updates */
@media (max-width: 992px) {
#acura-owners-header .nav-container .logo-container svg.acura-logo {
/* margin-left: -32px !important; */
}
.logo-container a {
margin-left: -32px;
}
}
/* Deal with pages that are short */
@media (max-height: 1000px)
/* #page */
/* { */
/* margin-top: 12rem !important; */
/* } */
}
@media (min-width: 800px) {
body.acura-owners #page {
width: 100% !important;
}
}
/* End of Sunset Mobile updates */