/* GM Compliance */
.acdelco_logo{
	width: 400px;
    float: right;
    padding-top: 10px;
}

/* Main Header */
#header-main-wrap {
    border-bottom: 1px solid #d7d7d7;
}

#header-main-wrap .container-wrap {
    padding-top: 0;
    padding-bottom: 0;
}

#header-main-wrap #header-main #meta-nav-wrap .links-list li a:hover {
    opacity: 1;
    color: #0562FF;
}

#header-main-wrap #header-main #meta-nav-wrap .find-dealer-button {
    white-space: nowrap;
}

.find-dealer-button:hover {
    color: #0562FF;
}

#header-main-wrap #header-main #meta-nav-wrap .cart-button-module .cart-component .cart-button {
    background: white;
    color: black;
    border: 2px solid black;
    border-radius: 0;
    padding: .25rem 0;
}

#header-main-wrap #header-main #meta-nav-wrap .cart-button-module .cart-component .cart-button:hover {
    color: white;
}

/* -------------------- HEADER: Main -------------------- */
#header-main-wrap {
  min-height: 70px; }
  #header-main-wrap #header-main {
    display: flex;
    align-items: center; }
    #header-main-wrap #header-main #meta-nav-wrap {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      #header-main-wrap #header-main #meta-nav-wrap .links-list {
        display: flex;
        align-items: center;
        margin: 0; }
        #header-main-wrap #header-main #meta-nav-wrap .links-list li {
          padding: 0 .8rem; }
          #header-main-wrap #header-main #meta-nav-wrap .links-list li a {
            color: black;
            text-decoration: none;
            font-size: .9rem; }
@media screen and (max-width: 909.98px) {
    #header-main-wrap #header-main #meta-nav-wrap .links-list li a {
    	font-size: 12px;
    }
}
            #header-main-wrap #header-main #meta-nav-wrap .links-list li a:hover {
              opacity: 0.6; }
            #header-main-wrap #header-main #meta-nav-wrap .links-list li a .fa {
              font-size: 1rem;
              margin-right: .3rem;
              color: inherit; }
      #header-main-wrap #header-main #meta-nav-wrap .cart-button-module {
        margin-left: 1rem; }
          #header-main-wrap #header-main #meta-nav-wrap .cart-button-module .cart-component .cart-button:hover {
            background: #211f1f; }
          #header-main-wrap #header-main #meta-nav-wrap .cart-button-module .cart-component .cart-button .cart-icon .fa {
            font-size: 1rem; }
#header-secondary-wrap {
	background: white;
    padding: .5rem 0;
}

/* Infinite Menu */
#header-secondary-wrap .infinite-menu {
    display: flex;
	background: white;
    border-bottom: 2px solid #0562FF;
}

#header-secondary-wrap .infinite-menu .links-list-module.links-display-block .heading {
	color: black;
    margin-bottom: .5rem;
    font-family: bmw;
    font-weight: bold;
}

#header-secondary-wrap .infinite-menu .links-list-module .links-list li a {
	color: black;
    font-family: bmw;
    font-weight: normal;
    text-decoration: none;
}

#header-secondary-wrap .infinite-menu .links-list-module .links-list li a:hover,
#header-secondary-wrap .infinite-menu .links-list-module .links-list li a:focus {
    font-weight: bold;
}

#header-secondary-wrap .infinite-menu .links-list-module .links-list li a::before {
    font-family: bmw;
    font-weight: bold;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

#header-secondary-wrap .infinite-menu .links-list-footer {
    display: block;
    margin-top: .5rem;
    font-size: .9rem;
}

#header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li, #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li > * {
	color: #000;
}

#header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li.infinite-dropdown-title {
	font-size: .9rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

#header-secondary-wrap .infinite-menu .links-list-module.links-display-block .heading {
    font-size: 0.9rem;
    color: black;
    margin-bottom: 0.5rem;
    cursor: pointer;
    border-bottom: none !imoprtant;
}



/* -------------------- HEADER: Secondary -------------------- */
  #header-secondary-wrap .row {
    margin: 0 !important; }
  #header-secondary-wrap .container-wrap {
    padding: 0; }
  #header-secondary-wrap .header-secondary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0; }
    #header-secondary-wrap .header-secondary .main-nav-wrap {
      flex-grow: 1; }
      #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav {
        display: flex;
        align-items: center;
        list-style: none;
        margin: 0; }
        #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li {
          color: #000;
          padding: 0 .75rem;
          text-decoration: none;
          cursor: pointer; }
          #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li:first-of-type {
            padding-left: 0; }
          #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li.infinite-dropdown-title {
            font-size: .9rem;
            height: 3.5rem;
            display: flex;
            align-items: center; }
            #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li.infinite-dropdown-title:hover,
            #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li.infinite-dropdown-title:hover em,
            #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li.infinite-dropdown-title:hover i {
              color: #211f1f;
              text-decoration: none; }
            #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li.infinite-dropdown-title em,
            #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li.infinite-dropdown-title i {
              padding-left: .35rem;
              padding-top: .1rem; }
          #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li > * {
            color: #000;
            font-size: .9rem;
            cursor: pointer; }
          #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li > a {
            display: flex;
            align-items: center;
            height: 56px; }
          #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav > li:hover > a {
            color: #211f1f;
            text-decoration: none; }
      @media (max-width: 991px) {
        #header-secondary-wrap .header-secondary .main-nav-wrap {
          width: 100%; }
          #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav {
            justify-content: center;
            border-top: 1px solid rgba(255, 255, 255, 0.25); }
            #header-secondary-wrap .header-secondary .main-nav-wrap .main-nav .infinite-dropdown-title {
              height: 3rem; } }
    #header-secondary-wrap .header-secondary .car-selected-wrap {
      margin-left: 6rem; }
      @media (max-width: 1199px) {
        #header-secondary-wrap .header-secondary .car-selected-wrap {
          margin-left: 4rem; } }
    #header-secondary-wrap .header-secondary .garage-component {
      display: flex;
      align-items: center; }
      #header-secondary-wrap .header-secondary .garage-component.svg-icons .garage-icon {
        border: none;
        width: 2rem;
        height: auto;
        line-height: 1; }
        #header-secondary-wrap .header-secondary .garage-component.svg-icons .garage-icon path {
          fill: black; }
        @media (max-width: 1199px) {
          #header-secondary-wrap .header-secondary .garage-component.svg-icons .garage-icon {
            width: 1.5rem;
            padding-right: .25rem; } }
      #header-secondary-wrap .header-secondary .garage-component.svg-icons .garage-text {
        display: flex;
        align-items: center;
        color: #000;
        font-size: 0.9rem;
        font-weight: 400;
        text-decoration: none; }
        #header-secondary-wrap .header-secondary .garage-component.svg-icons .garage-text i {
          margin-left: .5rem;
          font-size: .75rem; }
      #header-secondary-wrap .header-secondary .garage-component.svg-icons:hover .garage-text {
        color: #211f1f; }
    #header-secondary-wrap .header-secondary .search-bar-wrap {
      flex-grow: 2;
      margin-left: 2rem; }
      #header-secondary-wrap .header-secondary .search-bar-wrap .search-bar-component button {
        background: #211f1f;
        border-radius: 0 .2rem .2rem 0;
        transition: all .2s ease; }
        #header-secondary-wrap .header-secondary .search-bar-wrap .search-bar-component button:hover {
          opacity: 0.8; }
    @media (max-width: 991px) {
      #header-secondary-wrap .header-secondary {
        flex-flow: wrap-reverse; }
        #header-secondary-wrap .header-secondary .search-bar-wrap {
          padding: 1rem; } }
    @media (max-width: 767px) {
      #header-secondary-wrap .header-secondary {
        flex-flow: column;
        align-items: stretch; }
        #header-secondary-wrap .header-secondary .car-selected-wrap {
          padding: 1rem 1rem 0 1rem;
          margin: 0; }
        #header-secondary-wrap .header-secondary .garage-component.svg-icons .garage-text {
          padding: 0; }
        #header-secondary-wrap .header-secondary .search-bar-wrap {
          padding: 1rem;
          margin: 0; }
        #header-secondary-wrap .header-secondary .main-nav-wrap {
          display: none; } }
  #header-secondary-wrap .infinite-menu {
    height: auto !important;
    display: none;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    z-index: 10;
    background: #1c69d3;
    border-radius: 0 0 .2rem .2rem; }
    #header-secondary-wrap .infinite-menu.visible {
      display: flex; }
    #header-secondary-wrap .infinite-menu .page-builder-layout-module {
      width: 25%;
      padding: 1rem 2rem; }
    #header-secondary-wrap .infinite-menu .links-list-module.links-display-block .heading {
      color: white;
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: .75rem; }
    #header-secondary-wrap .infinite-menu .links-list-module .links-list li {
      padding: .25rem 0; }
      #header-secondary-wrap .infinite-menu .links-list-module .links-list li a {
        font-size: .8rem;
        font-weight: 400;
        display: block;
        color: white; }
  @media (max-width: 991px) {
    #header-secondary-wrap {
      padding: 0; } }

#secondary-header {
	background-color: #fff !important;
}

#secondary-header .main-nav-links .main-nav-outer-list {
	color: #000;
    cursor: pointer;
    position: static;
}

#secondary-header .col-md-6.page-builder-layout-column {
	position: static;
}

#secondary-header .page-builder-layout-row {
	position: relative;
}

#secondary-header .main-nav-links .main-nav-outer-list:hover {
	background-color: #fff;
}

#secondary-header .car-selected-module .garage-component .garage-text {
	color: #000;
}

#secondary-header .car-selected-module {
	margin-right: 20px;
}

#secondary-header .search-bar-module input {
	border: 1px solid #333;
}

#secondary-header .search-bar-module .button-start-search {
	background-color: #333;
}

#secondary-header .car-selected-module:hover {
	    background-color: transparent;
    	border-color: transparent;
}

#secondary-header .car-selected-module .garage-component::before {
	color: #000;
    display: none;
}

#secondary-header .garage-component.svg-icons .garage-icon {
	border-right: 0;
}

#secondary-header .main-nav-links .main-nav-inner-list {
	background-color: #fff;
    padding: 20px 20px
}

#secondary-header .main-nav-links .main-nav-inner-list li {
	color: #000;
    font-size: 14px;
}

#secondary-header .main-nav-links .main-nav-inner-list a:hover {
	background-color: transparent;
}

@media screen and (max-width: 909.98px) {
    #secondary-header .main-nav-links .main-nav-outer-list {
    	   padding: 22px 5px;
        	font-size: 12px;
    }
}


/* -------------------- HEADER: Mobile -------------------- */
#mobile-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  z-index: 2000;
  padding: 1rem; }
  #mobile-header .mobile-logo {
    max-width: 50%; }
  #mobile-header .mobile-header-icons {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 15%; }
    #mobile-header .mobile-header-icons .fa {
      font-size: 1.75rem;
      color: #211f1f;
      margin: 0 .5rem 0 1rem; }
  #mobile-header #mobile-toggle-wrap {
    width: 15%; }
    #mobile-header #mobile-toggle-wrap #mobile-toggle {
      display: inline-block;
      cursor: pointer;
      transition-property: opacity, filter;
      transition-duration: 0.15s;
      transition-timing-function: linear;
      font: inherit;
      color: inherit;
      text-transform: none;
      background-color: transparent;
      border: 0;
      margin: 0;
      overflow: visible;
      outline: none; }
      #mobile-header #mobile-toggle-wrap #mobile-toggle .hamburger-box {
        width: 2.25rem;
        height: 1.5rem;
        display: inline-block;
        position: relative;
        pointer-events: none; }
        #mobile-header #mobile-toggle-wrap #mobile-toggle .hamburger-box .hamburger-inner {
          display: block;
          top: 52%;
          width: 2.25rem;
          height: .25rem;
          background-color: black;
          border-radius: 2px;
          position: absolute;
          transition-property: transform;
          transition-duration: 0.15s;
          transition-timing-function: ease;
          transition-duration: 0.075s;
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
          #mobile-header #mobile-toggle-wrap #mobile-toggle .hamburger-box .hamburger-inner::before, #mobile-header #mobile-toggle-wrap #mobile-toggle .hamburger-box .hamburger-inner::after {
            content: "";
            display: block;
            width: 2.25rem;
            height: .25rem;
            background-color: black;
            border-radius: 2px;
            position: absolute;
            transition-property: transform;
            transition-duration: 0.15s;
            transition-timing-function: ease; }
          #mobile-header #mobile-toggle-wrap #mobile-toggle .hamburger-box .hamburger-inner::before {
            top: -.6rem;
            transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
          #mobile-header #mobile-toggle-wrap #mobile-toggle .hamburger-box .hamburger-inner::after {
            bottom: -.6rem;
            transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  #mobile-header #mobile-menu {
    display: flex;
    flex-flow: column;
    position: fixed;
    padding-top: 4rem;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: white;
    transition: all .3s ease;
    transform: translateX(-100%);
    z-index: -1;
    overflow: hidden;
    /* Sub Nav */ }
    #mobile-header #mobile-menu .mobile-nav {
      margin: 0; }
      #mobile-header #mobile-menu .mobile-nav.main {
        border-top: 1px solid var(--lightGray);
        background: whitesmoke;
        transform: translateY(100vh);
        transition: all .3s ease;
        transition-delay: .1s;
        opacity: 0;
		padding-bottom: 0;}
      #mobile-header #mobile-menu .mobile-nav.meta {
        background: white;
        transform: translateY(100vh);
        transition: all .3s ease;
        transition-delay: .2s;
        opacity: 0; }
      #mobile-header #mobile-menu .mobile-nav li {
        display: flex;
        flex-flow: column;
        border-bottom: 1px solid var(--lightGray); }
        #mobile-header #mobile-menu .mobile-nav li a {
          display: flex;
          align-items: center;
          font-size: 1rem;
          line-height: 1;
          padding: 1rem;
          color: var(--textMobileGray);
          text-decoration: none; }
          #mobile-header #mobile-menu .mobile-nav li a > .fa {
            margin-right: 1rem;
            font-size: 1.25rem; }
    #mobile-header #mobile-menu .mobile-sub-nav .mobile-sub-nav-toggle {
      justify-content: space-between; }
      #mobile-header #mobile-menu .mobile-sub-nav .mobile-sub-nav-toggle .fa {
        transition: all .2s ease; }
    #mobile-header #mobile-menu .mobile-sub-nav .mobile-sub-list {
      position: relative;
      overflow: hidden;
      transition: all .3s ease; }
      #mobile-header #mobile-menu .mobile-sub-nav .mobile-sub-list li {
        padding-left: 2rem; }
        #mobile-header #mobile-menu .mobile-sub-nav .mobile-sub-list li:first-of-type {
          border-top: 1px solid var(--lightGray); }
        #mobile-header #mobile-menu .mobile-sub-nav .mobile-sub-list li:last-of-type {
          border: none; }
    #mobile-header #mobile-menu .mobile-sub-nav.open .mobile-sub-list {
      height: auto; }
    #mobile-header #mobile-menu .mobile-sub-nav.open .mobile-sub-nav-toggle .fa {
      transform: rotate(-180deg); }
  #mobile-header.open #mobile-toggle-wrap #mobile-toggle .hamburger-box .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    #mobile-header.open #mobile-toggle-wrap #mobile-toggle .hamburger-box .hamburger-inner::before {
      top: 0;
      opacity: 0;
      transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
    #mobile-header.open #mobile-toggle-wrap #mobile-toggle .hamburger-box .hamburger-inner::after {
      bottom: 0;
      transform: rotate(-90deg);
      transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
  #mobile-header.open #mobile-menu {
    transform: none; }
    #mobile-header.open #mobile-menu .mobile-nav.main, #mobile-header.open #mobile-menu .mobile-nav.meta {
      transform: none;
      opacity: 1; }

/*--- MOBILE HEADER & MENU ---*/
#mobile-header {
    z-index: 900;
    height: 64px;
}

#mobile-header-inner {
    width: 100%;
    padding: 1rem;
    display: flex;
    background: white;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    height: 64px;
    align-items: center;
}

#mobile-header #mobile-menu {
    overflow-y: scroll;
}

#mobile-header .mobile-logo {
    max-width: 170px;
}

#mobile-header #mobile-menu .mobile-nav li a {
    margin: 0;
}

#mobile-header #mobile-menu .mobile-sub-nav .mobile-sub-nav-toggle .fa {
    pointer-events: none;
}

.mobile-dropdown-toggle .fa, .mobile-dropdown-toggle-child .fa {
	transition: all .3s ease-in-out;
}

.mobile-dropdown-toggle.active .fa, .mobile-dropdown-toggle-child.active .fa {
	transform: rotate(180deg);
}

.mobile-dropdown-toggle.active, .mobile-dropdown-toggle-child.active {
	color: #0090ff !important;
}

.mobile-mega-menu.menu-child {
	display: none;
}

.mobile-menu-wrap.has-child .menu-wrap {
	display: none;
}

.mobile-nav-item.has-child .mobile-dropdown-toggle {
	justify-content: space-between;
}

.mobile-dropdown-toggle-child {
	padding-left: 30px !important;
    justify-content: space-between;
}

.d-none {
	display: none !important;
}

#header-mobile-wrap {
	margin-bottom: 30px;
}

#header-mobile-wrap .car-selected-module {
	text-align: center;
    margin-bottom: 15px;
}