/* fdbarfety 05104228 */
.header-default .cst-header {position: absolute; top: 15px; width: 200px; left: 600px;}

/* Start 'vlp-new-price-value-final-price-no-value' (do not modify this line) */
/* Modified by lwpotter on 10/02/19 04:03 PM EDT */
.vlp .inventoryList .item.inv-type-new .pricing .final-price .value.no-value { text-decoration: none; font-weight: bold; font-size: 19px; color: #ffffff; }
/* End 'vlp-new-price-value-final-price-no-value' (do not modify this line) */

/* ddcsamp 10647195 */
.button-block-responsive.cst-blue .buttonblock-button .transparency-overlay {background: #3A8EEE;}

/* 03689822 JLC */
.index .page-bd .inventory-featured-default .view-all-link { display: block; margin-left: auto;width: fit-content;}

/* Start 'adventure-subaru-site-css' (do not modify this line) */
/* Adventure Subaru shared styles. Version 2026-11-06.
   Source: adventuresubaru/website, site/site.css. Edit there, then paste this whole block into BOTH panels (CSS - Desktop and CSS - Mobile), replacing the old block.
   Every rule here sits under .as-page, so it only reaches widgets wrapped in a div with class as-page. Naming rules: site/README.md. */

/* ---------- Tokens: change a color here and every page using it follows ---------- */
:root {
  --as-navy: #002550;
  --as-orange: #C8651F;
  --as-heading: #0F1419;
  --as-ink: #2A3441;
  --as-muted: #666666;
  --as-rule: #D8DDE4;
  --as-cream: #F6F3EC;
  --as-cream-edge: #E6DFCF;
  --as-grey: #F6F7F9;
  --as-sage-dark: #4F6B4C;
  --as-sage-darker: #3F5A3D;
  --as-sage-light: #E9EFE6;
}

/* ---------- Page and basics ---------- */
.as-page { background: #FFFFFF; padding: 24px 20px 48px; font-family: system-ui, -apple-system, sans-serif; color: var(--as-ink); }
.as-page .as-wrap { max-width: 960px; margin: 0 auto; }
.as-page .as-eyebrow { font-size: 12px; font-weight: 600; color: var(--as-orange); letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 12px; }
.as-page h1 { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; font-size: 38px; line-height: 1.15; color: var(--as-heading); letter-spacing: -0.01em; margin: 0 0 14px; }
.as-page h1 em { color: var(--as-navy); }
.as-page h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; font-size: 24px; color: var(--as-heading); margin: 0 0 10px; }
.as-page .as-lede { font-size: 17px; line-height: 1.55; margin: 0 0 24px; }
.as-page .as-btn { display: inline-block; background: var(--as-navy); color: #FFFFFF !important; padding: 12px 22px; border-radius: 6px; text-decoration: none !important; font-size: 15px; font-weight: 600; }

/* ---------- Banner: full-width image at the top of a page ---------- */
.as-page .as-banner { display: block; width: 100%; height: auto; border-radius: 6px; margin: 0 0 20px; }

/* ---------- Section: a block with a rule above it ---------- */
.as-page .as-section { border-top: 1px solid var(--as-rule); padding-top: 22px; margin: 0 0 24px; }
.as-page .as-section p { font-size: 16px; line-height: 1.55; margin: 0 0 10px; }
.as-page .as-section a:not(.as-btn) { color: var(--as-navy); font-weight: 600; text-decoration: underline; }

/* ---------- Box: callout with a navy left edge ---------- */
.as-page .as-box { background: var(--as-grey); border-left: 4px solid var(--as-navy); border-radius: 0 6px 6px 0; padding: 18px 20px; margin: 0 0 28px; }
.as-page .as-box p { font-size: 16px; line-height: 1.55; margin: 0 0 10px; }
.as-page .as-box p:last-child { margin: 0; }
.as-page .as-box a { color: var(--as-navy); font-weight: 600; text-decoration: underline; }

/* ---------- Tiles: grid of link tiles; a swipe row on phones ----------
   Markup: a ul with class as-tiles; each li has class as-tile and holds one link: the title, then a span with the note.
   A tile's colors come from the --as-tile-* variables, so a theme class only has to change those. */
.as-page .as-tiles { list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.as-page .as-tile { display: flex; }
.as-page .as-tile a { display: block; width: 100%; box-sizing: border-box; min-height: 44px; padding: 16px 18px; border-radius: 6px; font-weight: 600; font-size: 16px; text-decoration: none !important;
  background: var(--as-tile-bg, var(--as-cream)); border: 1px solid var(--as-tile-border, var(--as-cream-edge)); border-top: 4px solid var(--as-tile-edge, var(--as-orange)); color: var(--as-tile-text, var(--as-navy)) !important; }
.as-page .as-tile a span { display: block; font-weight: 400; font-size: 14px; color: var(--as-tile-note, var(--as-ink)); margin-top: 4px; }
.as-page .as-tile__logo { display: block; height: 28px; width: auto; max-width: 100%; margin: 0 0 10px; }
.as-page .as-tile__img { display: block; width: 100%; height: auto; border-radius: 4px; margin: 0 0 10px; }
.as-page .as-tiles__hint { display: none; font-size: 13px; color: var(--as-muted); margin: -16px 0 24px; }
/* Hover only on devices with a real pointer, so a finger swiping the row on a phone does not trigger it. */
@media (hover: hover) and (pointer: fine) {
  .as-page .as-tile a:hover { border-color: var(--as-navy); border-top-color: var(--as-navy); }
}

/* ---------- Themes: what a promotion is, never which one. Add to the component, e.g. class="as-tile as-theme--offer" ---------- */
.as-page .as-theme--offer { --as-tile-bg: var(--as-sage-dark); --as-tile-border: var(--as-sage-dark); --as-tile-edge: var(--as-sage-darker); --as-tile-text: #FFFFFF; --as-tile-note: var(--as-sage-light); }

/* ---------- Disclaimer: offer terms at the bottom of a page ---------- */
.as-page .as-disclaimer { border-top: 1px solid var(--as-rule); padding-top: 18px; margin: 8px 0 0; }
.as-page .as-disclaimer p { font-size: 12px; line-height: 1.55; color: var(--as-muted); margin: 0 0 8px; }

/* ---------- Phones ---------- */
@media (max-width: 520px) {
  .as-page h1 { font-size: 30px; }
  /* Swipe row: CSS only, no script. Each tile is 78% wide so the next one peeks in. */
  .as-page .as-tiles { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; margin: 0 -20px 28px; padding: 0 20px 8px; scroll-padding: 0 20px; scrollbar-width: none; }
  .as-page .as-tiles::-webkit-scrollbar { display: none; }
  .as-page .as-tile { flex: 0 0 78%; scroll-snap-align: start; }
  .as-page .as-tiles__hint { display: block; }
}
/* End 'adventure-subaru-site-css' (do not modify this line) */