:root {
  --btn-primary-padding-left: 2.4em;
  --btn-primary-padding-right: 2.4em;
  --btn-default-padding-left: 2.4em;
  --btn-default-padding-right: 2.4em;
  --btn-padding-vertical: 14.25px;
  --btn-primary-hover-bg: var(--color-primary-700);
  --btn-primary-hover-border-color: var(--color-primary-700);
}

.index .ddc-wrapper {background: linear-gradient( black 0 200px, transparent 0px );}

/* ------------------------------------------------------ */
/*  BUTTONS                                               */
/* ------------------------------------------------------ */
.btn {border-radius: 2px;}
.btn-primary:hover,.btn-default:hover {text-decoration: underline;text-underline-offset: 25%; }
a:focus {outline: none; } 
a:focus-visible { outline: 2px solid var(--color-primary-500);outline-offset: 3px; }
.btn-link:focus {text-decoration: none;outline: 2px solid var(--color-primary-500) !important;outline-offset: 3px; }

.btn-primary:active {text-decoration: underline;text-underline-offset: 25%}
.btn-default:active,.btn-default:active:hover {
    border: 1px solid var(--btn-default-hover-border-color) !important;
    color: var(--btn-default-hover-color);
    background: var(--btn-default-hover-bg);
    text-decoration: underline;text-underline-offset: 20%;
}


/* ------------------------------------------------------ */
/*  HEADER & NAV                                          */
/* ------------------------------------------------------ */
.page-header.minimal {border-color: #000;background: #000 ;}
.page-header.minimal .contact-info .mr-auto a {padding-right: 5px; }
.page-header.minimal.true-minimal .mycars-integration-navbar,
.page-header.minimal.true-minimal .ws-site-text-search {border: 0px;margin: 0px; }
.page-header.minimal.true-minimal .mycars-integration-navbar {padding-left: 12px; }
.page-header.minimal.true-minimal .header-navigation {padding-left: 0px !important; }
.page-header.minimal.true-minimal .navigation-default .navbar-nav .nav-last {line-height: 1.3; }
.page-header.minimal.true-minimal .header-contact a:hover {text-decoration-color: var(--color-primary-500);text-underline-offset: 4px;}


.page-header.minimal .tels .ddc-icon {margin-right: 6px;}
.page-header.minimal .tels .separator {display: none; }
.page-header.minimal .ws-mycars-nav button {padding-inline: 0px !important; }
.page-header.minimal .tels .value {display: flex;align-items: center; }
.page-header.minimal .contact-info .mr-auto {margin-right: 5px !Important; }
.page-header.minimal .adr {margin-right: 5px !important;display: inline-flex; }
.page-header.minimal .cst-wise-integration span {margin-left: 5px;margin-right: 5px; }
.page-header.minimal .tels {margin-left: 5px !Important;font-weight: bold;color: #fff;}
.page-header.minimal .tels .tel {display: inherit;}
.page-header.minimal .tels .tel .ddc-icon-call {margin-left: 0px !Important}
.page-header.minimal .tel:focus,
.page-header.minimal .tels:focus-visible,
.page-header.minimal .tels a:focus {outline: 2px solid var(--color-primary-500) !important;outline-offset: 3px;}


.page-header.minimal .contact-info .mr-auto a::after,
.page-header.minimal .adr::after {content:'|';color: #CACACA;font-weight: 100;margin-left: 7px; }
.page-header.minimal .header-contact .contact-info .vcard a span {color: #fff !important; }

/* HEADER LOGO */
.page-header.minimal .home-logolink {width: 183px;height: 125px;}
.page-header.minimal .header-logo-container { position: relative; z-index: 10;margin-top: -35px;}

/* NAV */
.page-header.minimal .navigation-default .navbar-nav {justify-content: flex-end; }
.page-header.minimal .navigation-default .navbar-nav>li.nav-last>a {font-size: 20px; }
.page-header.minimal .navigation-default .navbar-nav>li.open .caret {transform: rotate(180deg); }

/* NAV DROPDOWN */
.navigation-default .dropdown-menu h4 {margin-bottom: 10px;font-weight: bold;}
.page-header.minimal .navigation-default .dropdown-menu {width: 100%; min-width: 990px; max-width: 1200px;}
.navigation-default .dropdown-menu a:not(.btn):hover {text-decoration-color: var(--btn-primary-bg);text-underline-offset: 4px;}

/* NAV EXTERNAL LINKS ICON */
.navigation-default a.has-external-icon {
  position: relative; /* anchor becomes positioning context */
}

.navigation-default a.has-external-icon i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
}
.navigation-default .dropdown-menu a {display: block !important;}


/* NAV DROPDOWN MODEL LINKS LIST */
.navbar-nav .nav-first .dropdown-menu .ddc-span4:nth-child(1) {width: 28.33%;}
.navbar-nav .nav-first .dropdown-menu .ddc-span4:nth-child(2) {width: 38.33%;}
.navbar-nav .nav-first .dropdown-menu .ddc-span4:nth-child(2) h4 b {margin-bottom: 20px;}
.navbar-nav .nav-first .dropdown-menu .ddc-span4:nth-child(2) .nav-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  text-align: center;
  width: 266px;
}
.navbar-nav .nav-first .dropdown-menu .ddc-span4:nth-child(2) .nav-links a {font-size: 20px;}

/* M LOGO NAV LINKS LIST */
.navbar-nav .nav-first .dropdown-menu .ddc-span4:nth-child(2) .nav-links li:last-child {display: flex;align-items: center;}
.navbar-nav .nav-first .dropdown-menu .ddc-span4:nth-child(2) .nav-links li:last-child a {
  font-size: 0; 
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;  
  height: 20px;  
  margin: 0 auto;
  background-image: url("https://pictures.dealer.com/b/bmwgroup/1741/11fabf6a852fcf27594462573d55eef4x.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* NAVBAR DROPDOWN CONTENT IMAGES */

.navbar-nav .dropdown-menu .ddc-span4:nth-child(3) h4 {display: none;} 

/* NAV DROPDOWN CONTACT & HOURS */
.navbar-nav .dropdown-menu .nav-fragment .ddc-hours .key {padding-left: 0px;padding-right: 0px;width: 55%;}
.navbar-nav .dropdown-menu .nav-fragment .hours-default .widget-heading {margin-bottom: 5px; }
.navbar-nav .dropdown-menu .nav-fragment .hours-default .value {text-align: right;font-weight: bold;width: 45%;padding-left: 0px;}
.navbar-nav .dropdown-menu .nav-fragment div[data-fragment-url*="hours"] {background: #221F1F;border: 2px solid #fff;padding: 16px !important; } 
.navbar-nav .dropdown-menu .nav-fragment .widget-heading {color: #fff;font-size: 20px;font-weight: bold;margin-bottom: 9px; }
.page-header.minimal.true-minimal .navigation-default .navbar-nav>li:nth-last-child(2) .ddc-span4:nth-child(3) .nav-fragment:last-child {margin-top: 40px;}
.navbar-nav .dropdown-menu .nav-fragment .ws-contact .btn:hover {text-decoration-color: var(--color-primary-500);}
.navbar-nav .bg-location p.adr:hover {text-decoration: underline;text-decoration-color: var(--color-primary-500);}
.navbar-nav .dropdown-menu .ws-contact a:focus {color: #fff;}


/* NAVBAR MAP */
.navbar-nav .bg-location .ddc-icon,
.navbar-nav .bg-location .spacing-reset {color: #fff !important; }
.navbar-nav .bg-location .spacing-reset .locality,
.navbar-nav .bg-location .spacing-reset .region,
.navbar-nav .bg-location .spacing-reset .postal-code {padding-left: 5px; }
.navbar-nav .bg-location .mx-4 {margin: 0px !important; }
.navbar-nav .bg-location .spacing-reset p::after {display: none; }
.navbar-nav .bg-location {background: transparent;background-color: #221F1F !important;border: none !important;padding: 0px !important;margin: 0px !important; }

.navbar-nav .bg-location {display: flex;align-items: center;gap: 5px;}
.navbar-nav .bg-location [data-testid="contact-address"] {margin: 0 !important; }
.navbar-nav .bg-location [data-testid="contact-address"] p {margin: 0 !important; }
.navbar-nav .bg-location .ddc-icon {display: flex;align-items: center;justify-content: center;font-size: 20px; }

.navbar-nav .bg-location p.adr { font-size: 0 !important; }
.navbar-nav .bg-location p.adr::before { content: "Directions"; font-size: 15px; display: block;font-weight: normal; }

.navbar-nav .dropdown-menu .nav-fragment .ws-contact {margin-top: 0px !important; }
.navbar-nav .dropdown-menu .nav-fragment .ws-contact .ddc-icon-call {margin-right: 4px;}
.navbar-nav .dropdown-menu .nav-fragment .ws-contact .tel {margin-bottom: 0px !important;padding: 4px 0; }
.navbar-nav .dropdown-menu .nav-fragment .ws-contact .btn {background: transparent;border: none;text-align: left;padding: 0px;font-weight: normal;font-size: 14px; }


/* NAV DROPDOWN MODEL SELECTOR */
.navbar-nav .nav-fragment .model-selector-default .hproduct .media {order: 2;}
.navbar-nav .nav-fragment .model-selector-default .hproduct .fn a {font-size: 0; }
.navbar-nav .nav-fragment .model-selector-default .hproduct .fn {order: 1;margin: 0; }
.navbar-nav .nav-fragment .model-selector-default .yui3-u-1-3 {width: 100%;padding-left: 0px ;}
.navbar-nav .nav-fragment .model-selector-default .hproduct > div {display: flex;align-items: center;gap: 15px;}
.navbar-nav .nav-fragment .model-selector-default .hproduct .media a {width: 163px;height: 83px;align-items: center;display: flex !important;} 
.navbar-nav .nav-fragment .model-selector-default .has-inventory-counts .hproduct .fn a::after {font-size: 16px; color: #fff;font-weight: normal; }
.navbar-nav .nav-fragment .model-selector-default .hproduct {min-height: 85px;height: 85px;display: flex;justify-content: center;align-items: center;}

.navbar-nav .dropdown:nth-child(2) .dropdown-menu .ddc-span4:nth-child(2) .nav-fragment {padding-left: 6px !important; }
.navbar-nav .nav-fragment .model-selector-default .has-inventory-counts .hproduct .fn a[href*="iX"]::after {content: "iX";}
.navbar-nav .nav-fragment .model-selector-default .has-inventory-counts .hproduct .fn a[href*="model=i4"]::after {content: "i4";}
.navbar-nav .nav-fragment .model-selector-default .has-inventory-counts .hproduct .fn a[href*="model=i5"]::after {content: "i5";}
.navbar-nav .nav-fragment .model-selector-default .has-inventory-counts .hproduct .fn a[href*="model=i6"]::after {content: "i6";}
.navbar-nav .nav-fragment .model-selector-default .has-inventory-counts .hproduct .fn a[href*="i7"]::after {content: "i7";}

.navbar-nav .nav-fragment .model-selector-default {padding: 20px;}
.navbar-nav .nav-fragment .model-selector-default .hproduct {border-radius: 0px; }
.navbar-nav .nav-fragment .model-selector-default .hproduct .inventory-count {display: none; }
.navbar-nav .nav-fragment .model-selector-default .hproduct > div {border-bottom: 2px solid transparent;padding: 0px 10px 0px 0px; }
.navbar-nav .nav-fragment .model-selector-default .has-inventory-counts .hproduct:hover .media img {opacity: 1;filter: none; }
.navbar-nav .nav-fragment .model-selector-default .hproduct:hover > div {border-bottom: 2px solid var(--btn-primary-bg);}


/* ------------------------------------------------------ */
/*  BUTTON LINKS CARET                                    */
/* ------------------------------------------------------ */
.btn-link.btn:not(.btn-no-decoration)::after {
  content: "\e002";
  font-family: 'ddc-button-icons';
  font-weight: normal;
  line-height: 1;
  color: var(--color-primary-500);
  transform: translateY(-50%);
  speak: none;
  margin-left: 5px;
}

/* ------------------------------------------------------ */
/*  INDEX TOP HERO                                        */
/* ------------------------------------------------------ */
.index .custom-hero-body {margin: 10px 0px 25px; }
.index div[data-name="index-hero-wrapper-1"] { height: clamp( 530px, calc(530px + (6.58 * ((100vw - 1200px) / 430))), 536.58px ) !important; }

.index div[data-name="index-hero-wrapper-1"],
.index div[data-name="index-content-cta-wrapper-1"],
.index div[data-name="index-hero-wrapper-2"]{max-width: 2000px;margin: 0 auto; }

/* ------------------------------------------------------ */
/*  INDEX 4 CTA SECTION                                   */
/* ------------------------------------------------------ */
.index .index-content-cta-1 {
    border-right: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.index .index-content-cta-2 {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.index .index-content-cta-3 {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.index .index-content-cta-4 {
    border-left: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.index div[data-name="index-content-cta-wrapper-1"] a:hover,
.index div[data-name="index-content-cta-wrapper-1"] a.hover {text-decoration: none;border-bottom: 2px solid var(--color-primary-500); }
.index div[data-name="index-content-cta-wrapper-1"] a {font-size: 24px;align-self: center !important;padding: 5px;border-bottom: 2px solid transparent; } 

@media (max-width: 1200px) { 
  .index div[data-name="index-content-cta-1"] {
    border-right: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
    }

  .index div[data-name="index-content-cta-2"] {
    border-left: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 0px;
  }

  .index div[data-name="index-content-cta-3"] {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 0px;
  }

.index div[data-name="index-content-cta-4"] {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 2px solid #fff;
  }
    .index [data-name^="index-content-cta-wrapper"] { flex-wrap: wrap !important; } 
    .index [data-name^="index-content-cta-wrapper"] .col-sm-3 { width: 50% !important; flex: 0 0 50% !important; } 
}

/* ------------------------------------------------------ */
/*  INDEX SECOND HERO                                     */
/* ------------------------------------------------------ */
.index div[data-name="index-hero-wrapper-2"] { height: clamp( 350px, calc(350px + (159.37 * ((100vw - 1200px) / 430))), 509.37px ) !important; }


/* ------------------------------------------------------ */
/*  INDEX MODEL LINKS                                     */ 
/* ------------------------------------------------------ */
.index [data-widget-id="sonic-model-links1"] {display: flex;align-items: center;justify-content: center; }
.index [data-widget-id="sonic-model-links1"] a {height: 44px;display: flex;align-items: center;justify-content: center;}
.index [data-widget-id="sonic-model-links1"] .widget-heading {margin-bottom: 0px;height: 44px;align-items: center;display: flex;margin-right: 20px; }
.index [data-widget-id="sonic-model-links1"] a {width: clamp( 40px, calc(40px + (100vw - 1300px) * 0.013333), 44px );}

.index [data-widget-id="sonic-model-links1"] a {border-bottom: 2px solid rgb(0,0,0, 0); }
.index [data-widget-id="sonic-model-links1"] a:hover {border-bottom: 2px solid var(--color-primary-500);text-decoration: none; }


.index [data-widget-id="sonic-model-links1"] a:nth-last-child(1) {
  display: inline-block;
  width: 40px;         
  height: 40px;      
  background-image: url("https://pictures.dealer.com/d/davidmelinemotors/1234/fc6c9e7631c1485a9e4ce476625cb5e0.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px; 
  overflow: hidden;
  margin: 0 10px;
}


/* ------------------------------------------------------ */
/*  INDEX 3 CTA SECTION                                   */
/* ------------------------------------------------------ */
.index div[data-name="index-content-cta-5"],
.index div[data-name="index-content-cta-6"],
.index div[data-name="index-content-cta-7"] {align-items: center; }
.index div[data-name="index-content-cta-wrapper-2"] {justify-content: space-evenly; }
.index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta {background: #F6F6F6; }
.index div[data-name="index-content-cta-wrapper-2"] .cta div:nth-child(1) {flex-grow: unset !important; }
.index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta-content a::after {color: #000; }
.index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta-background {height: 345px !important; }
.index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta-content {height: 171px;justify-content: center; }
.index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta { width: clamp( 277.33px, calc(277.33px + (21.34 * ((100vw - 930px) / 270))), 298.67px ); height: clamp( 545px, calc(545px + (-30 * ((100vw - 930px) / 270))), 515px ) ; }

.index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta-content a:hover::after {color:  var(--color-neutral-500); }
.index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta-content a {padding: 10px 0px 5px;border-bottom: 2px solid transparent; }
.index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta-content a:hover {border-bottom-color: var(--color-neutral-500);text-decoration: none; }


/* FLUID CHANGES */
/* Base: 950px and below → column layout + 80px gap */
@media (max-width: 970px) {
  .index div[data-name="index-content-ctas-2"] {
    flex-direction: column;
    gap: 80px !important;
  }

  .index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta {
    width: 640px;
  }
}

/* Fluid CTA height: 800px → 767px */
@media (min-width: 767px) and (max-width: 800px) {
  .index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta {
    height: clamp(
      517px,
      calc(517px + 1.2121212 * (100vw - 767px)),
      557px
    ) !important;
  }
}

/* At 800px and below 950px → lock to 557px */
@media (min-width: 800px) and (max-width: 950px) {
  .index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta {
    height: 557px !important;
  }
}

/* Below 767px → lock to 517px */
@media (max-width: 767px) {
  .index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta {
    height: 517px !important;
  }
}

/* Base gap for all widths below 992px */
.index div[data-name="index-content-ctas-2"] {
  gap: 40px;
}

/* Fluid gap: 40px at 992px → 72px at 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  .index div[data-name="index-content-ctas-2"] {
    gap: clamp(
      40px,
      calc(40px + 0.1538461538 * (100vw - 992px)),
      72px
    );
  }
}

/* Fixed 72px gap at 1200px and above */
@media (min-width: 1200px) {
  .index div[data-name="index-content-ctas-2"] {
    gap: 72px;
  }
}

@media (min-width: 1200px) and (max-width: 1630px) { 
    .index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta { width: clamp( 298.67px, calc(298.67px + 0.3333256 * (100vw - 1200px)), 442px ); height: 515px; } 
}

@media (min-width: 1630px) { 
    .index div[data-name="index-content-cta-wrapper-2"] .ws-content-cta .cta { width: clamp( 442px, calc(442px + 0.157142857 * (100vw - 1630px)), 563px ); height: 515px; } 
}

/* ------------------------------------------------------ */
/*  INDEX 2 CTA SECTION                                   */
/* ------------------------------------------------------ */
.index div[data-name="index-cta-2-2-content-1"],
.index div[data-name="index-cta-2-2-content-2"] {background: #F6F6F6; }
.index div[data-name="index-cta-2-2-section"] {gap: 80px;justify-content: space-evenly !important; }
.index div[data-name="index-cta-2-2-section"] a:hover {text-decoration: none;}
.index div[data-name="index-cta-2-2-section"] a:hover:after {left: 0;width: 100%;}
.index div[data-name="index-cta-2-2-section"] a:after {content: "";display: block;width: 0;border-bottom: 2px solid #fff;}

/* INDEX 2 CTA FLUID ADJUSTMENTS */
@media (max-width: 767px) {
  .index div[data-name="index-cta-content-background-1"], 
  .index div[data-name="index-cta-content-background-2"] {flex-direction: column-reverse; }
  .index div[data-name="index-cta-background-wrapper-1"],
  .index div[data-name="index-cta-background-wrapper-2"] {height: 345px; }
  .index div[data-name="index-cta-background-1"],
  .index div[data-name="index-cta-background-2"] {height: 100%; }
}

@media (max-width: 1200px) {
  .index div[data-name="index-cta-2-2-section"] {gap: 0px;justify-content: center !important; }
}

@media (max-width: 1100px) {
  .index div[data-name="index-cta-content-background-1"] {margin-bottom: 80px; }
  .index div[data-name="index-cta-2-2-section"] {flex-direction: column;align-items: center; }  
}

@media (max-width: 992px) {
  .index div[data-name="index-cta-2-2-section"] .col-sm-6 {width: 100% !important; }
}

/* 0px → 800px  (fluid up to 640px width)                 */
@media (max-width: 800px) {
  .index div[data-name="index-cta-content-background-1"],
  .index div[data-name="index-cta-content-background-2"] {
    width: clamp(
      520px,
      calc(520px + (120 * (100vw / 800))),
      640px
    );
    height: auto; /* or fixed if needed */
  }
}

/* 800px → 992px  (fluid 640px → 650px width)             */
@media (min-width: 800px) and (max-width: 992px) {
  .index div[data-name="index-cta-content-background-1"],
  .index div[data-name="index-cta-content-background-2"] {
    width: clamp(
      640px,
      calc(640px + (10 * ((100vw - 800px) / 192))),
      650px
    );
    height: clamp(
      480px,
      calc(480px + (20 * ((100vw - 800px) / 192))),
      500px
    );
  }
}

/* 992px → 1200px  (fluid 650px → 520px width)            */
@media (min-width: 992px) and (max-width: 1200px) {
  .index div[data-name="index-cta-content-background-1"],
  .index div[data-name="index-cta-content-background-2"] {
    width: clamp(
      520px,
      calc(650px + (-0.625 * (100vw - 992px))),
      650px
    );
    height: clamp(
      500px,
      calc(500px + (0.072115 * (100vw - 992px))),
      500px
    );
  }
}


/* 1200px → 1630px (your original fluid clamp)            */
@media (min-width: 1200px) and (max-width: 1630px) {
  .index div[data-name="index-cta-content-background-1"],
  .index div[data-name="index-cta-content-background-2"] {
    height: 500px;
    width: clamp(
      520px,
      calc(520px + (130 * ((100vw - 1200px) / 430))),
      650px
    );
  }
}

/* 1630px+ (your upper range — fill in your max)          */
@media (min-width: 1630px) {
  .index div[data-name="index-cta-content-background-1"],
  .index div[data-name="index-cta-content-background-2"] {
    height: 500px;
    width: 650px;
  }
  .ddc-footer div[data-name="footer-links-responsive-ddc-logo-and-third-party-container-1"],
  .ddc-footer div[data-name="footer-links-responsive-links-container-1"] {padding-inline: 0px !important; }
}

/* FOOTER */
.ddc-footer .links-list a {font-weight: normal; }
.ddc-footer .bg-body {background: #F6F6F6 !important; }
.ddc-footer .border-top .links-list {border-left: 2px solid var(--color-primary-500);padding-left: 20px; }
.ddc-footer .links-list a:hover {text-underline-offset: 5px;color: #000;text-decoration-color: var(--color-primary-500); }
.ddc-footer div[data-name="footer-links-responsive-ddc-logo-and-third-party-wrapper-1"] {background: #F6F6F6 !important; }
.ddc-footer div[data-name="footer-links-responsive-links-container-1"] {max-width: 1400px !important;}

/* FOOTER LOGO */
.ddc-footer #template-ddc-logo1-app-root img {display: none; }
.ddc-footer #template-ddc-logo1-app-root .ddc-logo-link {
  display: inline-flex;          
  align-items: center;
  gap: 10px;                   
  padding-left: 100px;          
  height: 33px;
  background-image: url("https://pictures.dealer.com/d/davidmelinemotors/1234/2e395efcdd1e4230828a021e1e2f539a.png");
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: left center;
  white-space: nowrap;
}

.ddc-footer #template-ddc-logo1-app-root .ddc-logo-link::after {
  content: "A Sonic Automotive Dealership";
  font-size: 12px;
  color: #000;
  font-weight: normal;
}

.ddc-footer #template-ddc-logo1-app-root::after {
  content: "© 2026 BMW of Birmingham";
  display: block;
  margin-top: 16px;
  font-size: 12px;
  color: #000;
  text-align: left;
  line-height: 1.2;
}

@media (max-width: 992px) {
  .ddc-footer div[data-name="footer-links-responsive-links-container-1"] {flex-wrap: wrap;padding-left: 80px !important; }
  .ddc-footer div[data-name^=footer-links-responsive-column-links] {width: 50%;flex-wrap: wrap;padding: 20px 0px; }
}

.ddc-footer div[data-name="footer-links-responsive-ddc-logo-and-third-party-container-1"] .links-list {padding-top: 40px; }
.ddc-footer div[data-name="footer-links-responsive-ddc-logo-and-third-party-container-1"] {padding-top: 20px!important;padding-bottom: 56px !important}

/* FOOTER EXTERNAL LINK ICON */
.ddc-footer .links-list .has-external-icon {position: relative; }
.ddc-footer .links-list .has-external-icon .ddc-icon-launch {
    position: absolute;
    left: auto;
    top: 50%;
    transform: translateY(-45%);
    padding-left: 8px;
}

/* FOOTER SOCIAL ICONS */
.ddc-footer rect {fill: none !important; }
.ddc-footer g {fill: #000 !Important}
.ddc-footer .social-header-buttons.sociallrg a svg {width: 60px;height: 60px;}
.ddc-footer .social-header-buttons {position: absolute;display: flex;right: 0px;gap: 24px;bottom: 20px;}



/* CUSTOM FIXES */
.alias-iframe-default .content-page-title,.alias-finance-application .content-page-title {background: #e4e4e4;}