/* KKS - CLEAN GLOBAL CSS */

/* KKS - kk-news-post mobile fix, duplicated here to guarantee correct parsing (see note near original block further down) */
@media (max-width: 768px) {
  #kk-news-post {
    width: 100% !important;
    margin: 0 !important;
  }

  #kk-news-post > div {
    box-sizing: border-box !important;
  }

  #kk-news-post > div:first-child {
    padding: 46px 18px 42px !important;
  }

  #kk-news-post > div:first-child h1 {
    font-size: 52px !important;
    line-height: 0.95 !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 18px !important;
  }

  #kk-news-post > div:first-child p:first-child {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  #kk-news-post > div:first-child p:last-child {
    font-size: 17px !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
  }

  #kk-news-post > div:nth-of-type(3) {
    padding: 36px 18px 24px !important;
  }

  #kk-news-post > div:nth-of-type(3) p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  #kk-news-post > div:nth-of-type(4) {
    padding: 18px 18px 42px !important;
  }

  #kk-news-post > div:nth-of-type(4) > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #kk-news-post > div:nth-of-type(4) div[style*="border-left"] {
    padding: 24px 20px !important;
  }

  #kk-news-post > div:nth-of-type(4) p {
    line-height: 1.65 !important;
  }

  #kk-news-post > div:nth-of-type(4) p[style*="font-size:17px"] {
    font-size: 16px !important;
  }

  #kk-news-post > div:nth-of-type(6) {
    padding: 46px 18px 52px !important;
  }

  #kk-news-post > div:nth-of-type(6) div[style*="font-family:'Bebas Neue'"] {
    font-size: 50px !important;
    line-height: 0.95 !important;
  }

  #kk-news-post > div:nth-of-type(6) p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  #kk-news-post > div:nth-of-type(6) a {
    width: 100% !important;
    max-width: 320px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }


  #kk-news-post div[style*="grid-template-columns"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #kk-news-post div[style*="grid-template-columns"] > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}


/* Hide theme nav / page clutter */
.wp-block-navigation,
.wp-block-site-title,
.wp-block-navigation-item,
.wp-block-template-part .wp-block-navigation,
header .wp-block-navigation,
header .wp-block-site-title,
.site-navigation,
.main-navigation,
#site-navigation,
#primary-menu,
.creatio-header-navigation,
.wp-block-group.is-layout-flex:has(.wp-block-navigation),
.home .entry-title,
.home .page-header,
.home header.entry-header,
.page .entry-title,
.page .page-header,
.page header.entry-header{
  display:none !important;
}

/* Hide WordPress.com / Jetpack clutter */
#actionbar,
.actionbar,
#wpcom-actionbar,
.wpcom-actionbar,
.wp-bottom-bar,
.jetpack_subscription_widget,
.wp-block-jetpack-subscriptions,
[class*="jetpack-subscription"],
#jp-post-flair,
.jp-post-flair,
.sharedaddy,
.sd-sharing,
.sd-like,
.post-likes-widget,
.wpl-button,
.reblog-item,
#infinite-footer,
.infinite-footer,
.infinite-scroll-end,
#infinite-handle,
.infinite-loader,
.jp-relatedposts,
[class*="related-posts"],
.wpadminbar-actionbar,
.site-info,
.site-footer .credits,
.site-footer > p,
p.has-text-align-center:last-child{
  display:none !important;
  height:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Global reset */
html,
body{
  overflow-x:hidden !important;
  max-width:100vw !important;
  background:#0a0a0a !important;
}

.wp-site-blocks,
.home .site-content,
.home #content,
.home #primary,
.home #main,
.home main#main,
.home .entry-content,
.home .wp-block-post-content,
.home .page-content,
.home article.page,
.home .hentry,
.page .site-content,
.page #content,
.page #primary,
.page #main,
.page main#main,
.page .entry-content,
.page .wp-block-post-content,
.page .page-content,
.page article.page,
.page .hentry{
  padding:0 !important;
  margin:0 !important;
  max-width:100% !important;
  width:100% !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  background:#0a0a0a !important;
}

.home .wp-site-blocks > * + *,
.page .wp-site-blocks > * + *,
.home .entry-content > *,
.home .wp-block-post-content > *,
.page .entry-content > *,
.page .wp-block-post-content > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

body.has-wpcom-actionbar{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* Gold dividers */
.home div[style*="height:1px"][style*="linear-gradient"],
.page div[style*="height:1px"][style*="linear-gradient"]{
  height:1px !important;
  min-height:1px !important;
  max-height:1px !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(90deg,transparent,#c9a84c,transparent) !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Gold CTA buttons */
.home a[style*="border:2px solid #c9a84c"],
.page a[style*="border:2px solid #c9a84c"],
.home a[style*="border:1px solid #c9a84c"],
.page a[style*="border:1px solid #c9a84c"]{
  border-color:#c9a84c !important;
  color:#c9a84c !important;
  background:transparent !important;
}

.home a[style*="border:2px solid #c9a84c"]:hover,
.page a[style*="border:2px solid #c9a84c"]:hover,
.home a[style*="border:1px solid #c9a84c"]:hover,
.page a[style*="border:1px solid #c9a84c"]:hover{
  background:#c9a84c !important;
  color:#000 !important;
}

/* Header */
#kks-nav-wrap{
  width:100% !important;
  max-width:100vw !important;
  background:#0a0a0a !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

#kks-nav-wrap > div,
#kks-nav-wrap a{
  box-sizing:border-box !important;
}

@media(min-width:901px){
  #kks-nav-wrap > div{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    width:100% !important;
    max-width:1400px !important;
    margin:0 auto !important;
    padding:18px 28px !important;
  }

  #kks-nav-wrap > div > a:first-child{
    flex-shrink:0 !important;
    margin-right:auto !important;
  }

  #kks-nav-wrap > div > a:not(:first-child){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
    font-size:12px !important;
    letter-spacing:0.10em !important;
    margin:0 !important;
    padding:0 !important;
  }

  #kks-nav-wrap .kks-desktop,
  .kks-desktop{
    display:flex !important;
  }

  #kks-nav-wrap .kks-burger-wrap,
  .kks-burger-wrap,
  #kks-drawer{
    display:none !important;
  }
}

@media(max-width:900px){
  #kks-nav-wrap{
    position:relative !important;
    z-index:99999 !important;
    overflow:visible !important;
  }

  #kks-nav-wrap > div{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 16px !important;
    height:58px !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    box-sizing:border-box !important;
  }

  #kks-nav-wrap > div > a:first-child{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    text-align:center !important;
    white-space:nowrap !important;
    font-size:22px !important;
    line-height:1 !important;
    max-width:calc(100% - 96px) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #kks-nav-wrap > div > a:not(:first-child),
  .kks-desktop,
  #kks-nav-wrap .kks-desktop{
    display:none !important;
  }

  details.kks-burger-wrap,
  .kks-burger-wrap{
    display:block !important;
    position:absolute !important;
    top:7px !important;
    right:16px !important;
    width:44px !important;
    height:44px !important;
    z-index:999999 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  details.kks-burger-wrap > summary,
  .kks-burger-wrap > summary{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    margin:0 !important;
    color:#c9a84c !important;
    background:#111 !important;
    border:1px solid #333 !important;
    cursor:pointer !important;
    list-style:none !important;
    font-size:26px !important;
    line-height:1 !important;
    box-sizing:border-box !important;
  }

  details.kks-burger-wrap > summary::-webkit-details-marker,
  .kks-burger-wrap > summary::-webkit-details-marker{
    display:none !important;
  }

  details.kks-burger-wrap:not([open]) #kks-drawer,
  .kks-burger-wrap:not([open]) #kks-drawer{
    display:none !important;
  }

  details.kks-burger-wrap[open] #kks-drawer,
  .kks-burger-wrap[open] #kks-drawer{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:58px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100vw !important;
    padding:12px 16px 16px !important;
    background:#0a0a0a !important;
    border-top:1px solid #1a1a1a !important;
    border-bottom:1px solid #1a1a1a !important;
    z-index:999998 !important;
    box-sizing:border-box !important;
  }

  #kks-drawer a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:46px !important;
    padding:12px 14px !important;
    color:#c9a84c !important;
    background:#111 !important;
    border:1px solid #222 !important;
    text-decoration:none !important;
    font-family:Oswald,sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    box-sizing:border-box !important;
  }

  #kks-drawer a + a{
    margin-top:8px !important;
  }
}

/* Wider, more readable main page copy */
#kk-about-hero p,
#kk-svc-hero p,
#kk-projects-hero p,
#kk-forsale-hero p,
#kk-sale-landing > div:first-child p,
#kk-apparel-hero p,
#kk-hero-contact p,
#kk-parts-hero p{
  font-size:17px !important;
  line-height:1.85 !important;
  max-width:1180px !important;
}

#kk-about-hero div[style*="max-width:900px"],
#kk-about-hero div[style*="max-width:760px"],
#kk-about-hero p[style*="max-width:760px"],
#kk-about-hero p[style*="max-width:900px"],
#kk-about-hero p[style*="max-width:1120px"]{
  max-width:1180px !important;
}

/* Completed Builds Slideshow - 13 slides */
@keyframes kks-slide{
  0%{opacity:0;}
  0.7%{opacity:1;}
  6.9%{opacity:1;}
  7.7%{opacity:0;}
  100%{opacity:0;}
}

#kks-sa,
#kks-s1,
#kks-s2,
#kks-s3,
#kks-s4,
#kks-s5,
#kks-s6,
#kks-s7,
#kks-s8,
#kks-s9,
#kks-s10,
#kks-s11,
#kks-s12{
  opacity:0;
  animation:kks-slide 78s linear infinite;
  animation-fill-mode:both;
}

#kks-sa{animation-delay:0s;}
#kks-s1{animation-delay:6s;}
#kks-s2{animation-delay:12s;}
#kks-s3{animation-delay:18s;}
#kks-s4{animation-delay:24s;}
#kks-s5{animation-delay:30s;}
#kks-s6{animation-delay:36s;}
#kks-s7{animation-delay:42s;}
#kks-s8{animation-delay:48s;}
#kks-s9{animation-delay:54s;}
#kks-s10{animation-delay:60s;}
#kks-s11{animation-delay:66s;}
#kks-s12{animation-delay:72s;}

#kks-slideshow:hover #kks-sa,
#kks-slideshow:hover #kks-s1,
#kks-slideshow:hover #kks-s2,
#kks-slideshow:hover #kks-s3,
#kks-slideshow:hover #kks-s4,
#kks-slideshow:hover #kks-s5,
#kks-slideshow:hover #kks-s6,
#kks-slideshow:hover #kks-s7,
#kks-slideshow:hover #kks-s8,
#kks-slideshow:hover #kks-s9,
#kks-slideshow:hover #kks-s10,
#kks-slideshow:hover #kks-s11,
#kks-slideshow:hover #kks-s12{
  animation-play-state:paused;
}

/* Homepage desktop */
@media(min-width:901px){
  .home .entry-content a[href="/contact/"],
  .home .entry-content a[href="/projects/"],
  .home .entry-content a[href="/for-sale/"]{
    width:260px !important;
    max-width:260px !important;
    min-height:46px !important;
    height:46px !important;
    padding:0 22px !important;
    flex:0 0 260px !important;
    font-size:16px !important;
    line-height:1 !important;
    box-sizing:border-box !important;
  }

  .home .entry-content div[style*="padding:28px 0"]{
    padding:22px 0 !important;
  }

  .home div[style*="img_5060.jpg"] > div{
    max-width:1400px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
  }

  .home div[style*="img_5060.jpg"] div[style*="grid-template-columns"]{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    width:100% !important;
  }

  body.home .wp-block-post-content div[style*="img_5060.jpg"] div[style*="border-left"],
  body.home .entry-content div[style*="img_5060.jpg"] div[style*="border-left"]{
    min-height:260px !important;
    height:260px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    border-left:0 !important;
    position:relative !important;
    padding:28px 24px !important;
    box-sizing:border-box !important;
  }

  body.home .wp-block-post-content div[style*="img_5060.jpg"] div[style*="border-left"]::before,
  body.home .entry-content div[style*="img_5060.jpg"] div[style*="border-left"]::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:28px !important;
    width:3px !important;
    height:150px !important;
    background:#c9a84c !important;
  }

  body.home .wp-block-post-content div[style*="img_5060.jpg"] div[style*="border-left"] p:last-child,
  body.home .entry-content div[style*="img_5060.jpg"] div[style*="border-left"] p:last-child{
    margin-top:auto !important;
    margin-bottom:0 !important;
  }
}

/* Homepage mobile layout */
@media(max-width:768px){
  .home h1{
    font-size:clamp(42px,14vw,68px) !important;
    line-height:.95 !important;
    word-break:normal !important;
  }

  .home h2{
    font-size:clamp(22px,6vw,32px) !important;
    word-break:break-word !important;
  }

 .home div[style*="min-height:90vh"]{
  min-height:100vh !important;
  padding:16px 16px 34px !important;
  background-position:center 34% !important;
}

  .home div[style*="min-height:90vh"] > div:last-child{
    width:100% !important;
    max-width:100% !important;
    margin:auto auto 0 !important;
    padding-top:58vh !important;
    transform:none !important;
    text-align:center !important;
  }

  .home div[style*="min-height:90vh"] p{
    max-width:100% !important;
    font-size:clamp(11px,3vw,14px) !important;
    margin-bottom:3px !important;
    letter-spacing:.1em !important;
    text-shadow:0 2px 8px rgba(0,0,0,.9) !important;
  }
  }

  .home div[style*="grid-template-columns"]:not(#kks-footer *){
    grid-template-columns:1fr !important;
  }

  .home div[style*="max-width:1400px"],
  .home div[style*="max-width: 1400px"]{
    max-width:100% !important;
    width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
  }

  .home a[style*="flex:1 1 200px"],
  .home a[style*="flex:1 1 160px"],
  .home a[style*="flex:1 1 240px"]{
    flex:none !important;
    width:100% !important;
    padding:13px 16px !important;
    min-height:48px !important;
    box-sizing:border-box !important;
  }


/* Homepage FAQ - do not affect header hamburger */
.home .entry-content details summary,
.home .wp-block-post-content details summary{
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

.home .entry-content details,
.home .wp-block-post-content details{
  padding-top:22px !important;
  padding-bottom:22px !important;
}

.home .entry-content details p,
.home .wp-block-post-content details p{
  font-size:15px !important;
}

/* Mobile slideshow */
@media(max-width:600px){
  #kks-slideshow{
    height:380px !important;
    max-height:380px !important;
    overflow:hidden !important;
  }

  #kks-slideshow > div{
    display:flex !important;
    flex-direction:column !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:380px !important;
    max-height:380px !important;
    overflow:hidden !important;
  }

  #kks-slideshow > div > div:first-child{
    flex:0 0 240px !important;
    height:240px !important;
    max-height:240px !important;
    overflow:hidden !important;
  }

  #kks-slideshow > div > div:first-child img{
    width:100% !important;
    height:240px !important;
    max-height:240px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#0d0d0d !important;
    display:block !important;
  }

  #kks-slideshow > div > div:last-child{
    flex:0 0 140px !important;
    height:140px !important;
    max-height:140px !important;
    padding:12px 16px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  #kks-slideshow > div > div:last-child p{
    font-size:11px !important;
    margin:0 0 6px !important;
    line-height:1.2 !important;
  }

  #kks-slideshow > div > div:last-child h3{
    font-size:18px !important;
    line-height:1.15 !important;
    margin:0 0 10px !important;
  }

  #kks-slideshow > div > div:last-child a{
    width:max-content !important;
    min-height:34px !important;
    height:34px !important;
    padding:0 14px !important;
    font-size:10px !important;
  }
}

/* Inner page mobile alignment */
@media(max-width:768px){
  #kk-svc-hero,
  #kk-about-hero,
  #kk-projects-hero,
  #kk-forsale-hero,
  #kk-contact-hero,
  #kk-hero-contact,
  #kk-news-hero,
  #kk-parts-hero,
  #kk-apparel-hero{
    overflow:hidden !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  #kk-svc-hero h1,
  #kk-about-hero h1,
  #kk-projects-hero h1,
  #kk-forsale-hero h1,
  #kk-contact-hero h1,
  #kk-hero-contact h1,
  #kk-news-hero h1,
  #kk-parts-hero h1,
  #kk-apparel-hero h1{
    font-size:clamp(24px,8vw,40px) !important;
    line-height:1.05 !important;
    max-width:100% !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow-wrap:break-word !important;
    word-break:break-word !important;
    white-space:normal !important;
  }

  #kk-about-hero p,
  #kk-svc-hero p,
  #kk-projects-hero p,
  #kk-forsale-hero p,
  #kk-sale-landing > div:first-child p,
  #kk-apparel-hero p,
  #kk-hero-contact p,
  #kk-parts-hero p{
    font-size:15px !important;
    line-height:1.7 !important;
    max-width:100% !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow-wrap:break-word !important;
    word-break:break-word !important;
  }

  .page div[style*="width:100%"],
  .page div[style*="width: 100%"]{
    box-sizing:border-box !important;
    max-width:100% !important;
  }

  .page div[style*="max-width:1400px"],
  .page div[style*="max-width: 1400px"]{
    max-width:100% !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .page div[style*="grid-template-columns"]:not(#kks-footer *){
    grid-template-columns:1fr !important;
  }

  .page h1,
  .page p{
    overflow-wrap:break-word !important;
    word-break:break-word !important;
  }
}

/* Page-specific mobile spacing */
@media(max-width:768px){
  body.page-id-168 .entry-content,
  body.page-id-168 .wp-block-post-content,
  body.page-id-168 main,
  body.page-id-660 .entry-content,
  body.page-id-660 .wp-block-post-content,
  body.page-id-660 main{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.page-id-168 div[style*="padding:56px 24px"],
  body.page-id-168 div[style*="padding:60px 24px"],
  body.page-id-168 div[style*="padding:40px 24px"],
  body.page-id-660 div[style*="padding:56px 24px"],
  body.page-id-660 div[style*="padding:60px 24px"],
  body.page-id-660 div[style*="padding:48px 24px"]{
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
  }

  body.page-id-660 div[style*="white-space:nowrap"] > div{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    flex-wrap:nowrap !important;
  }
}

/* Services desktop: 3 across, 2 rows */
@media(min-width:901px){
  body.page-id-660 #kk-svc-hero div[style*="grid-template-columns:repeat(auto-fit,minmax(300px,1fr))"]{
    grid-template-columns:repeat(3,1fr) !important;
    gap:24px !important;
  }
}

/* Build detail page mobile CTA/footer width fix */
@media(max-width:768px){
  .page div[style*="padding:56px 48px 64px"][style*="background:#0a0a0a"][style*="border-top:1px solid #1a1a1a"]{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:36px 16px 44px !important;
    box-sizing:border-box !important;
  }

  .page div[style*="padding:56px 48px;background:#111111"][style*="text-align:center"]{
    width:100% !important;
    max-width:100% !important;
    padding:36px 16px !important;
    box-sizing:border-box !important;
  }
}

/* Footer */
footer.wp-block-template-part,
footer.wp-block-template-part > div,
#kks-footer{
  position:static !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  clear:both !important;
  margin:0 !important;
  z-index:1 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

#kks-footer{
  border-top:1px solid #c9a84c !important;
}

#kks-footer a{
  color:#dddddd !important;
  background:transparent !important;
  text-decoration:none !important;
  border:0 !important;
}

#kks-footer a:hover{
  color:#ffffff !important;
  background:transparent !important;
}

#kks-footer a[aria-label="Instagram"],
.home a[aria-label="Instagram"]{
  width:56px !important;
  height:56px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#kks-footer a[aria-label="Facebook"],
.home a[aria-label="Facebook"]{
  width:90px !important;
  height:90px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#kks-footer a[aria-label="Instagram"] img,
.home a[aria-label="Instagram"] img{
  width:56px !important;
  height:56px !important;
  max-width:56px !important;
  max-height:56px !important;
  object-fit:contain !important;
  display:block !important;
}

#kks-footer a[aria-label="Facebook"] img,
.home a[aria-label="Facebook"] img{
  width:90px !important;
  height:90px !important;
  max-width:90px !important;
  max-height:90px !important;
  object-fit:contain !important;
  display:block !important;
}

@media(max-width:768px){
  #kks-footer > div:first-child{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:22px !important;
    padding:30px 18px 24px !important;
    text-align:center !important;
  }

  #kks-footer > div:first-child > div:nth-child(2){
    order:1 !important;
    text-align:center !important;
    width:100% !important;
  }

  #kks-footer > div:first-child > div:nth-child(3){
    order:2 !important;
    text-align:center !important;
    width:100% !important;
  }

  #kks-footer > div:first-child > div:nth-child(1){
    order:3 !important;
    text-align:center !important;
    width:100% !important;
    border-top:1px solid #1e1e1e !important;
    padding-top:20px !important;
  }

  #kks-footer > div:first-child > div:nth-child(3) > div{
    justify-content:center !important;
  }

  #kks-footer > div:first-child > div:nth-child(1) p:last-child{
    font-size:14px !important;
    line-height:1.65 !important;
    color:#bbbbbb !important;
  }

  #kks-footer div,
  #kks-footer p,
  #kks-footer h2{
    text-align:center !important;
  }

  #kks-footer h2{
    font-size:42px !important;
    line-height:.95 !important;
    margin-bottom:8px !important;
  }
}

/* Contact form */
.jetpack-contact-form-container,
.contact-form{
  background:transparent !important;
}

.jetpack-contact-form-container{
  max-width:1060px !important;
  margin:0 auto !important;
  padding:0 24px 48px !important;
  box-sizing:border-box !important;
}

.contact-form label,
.contact-form .grunion-field-label{
  font-family:Oswald,sans-serif !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:0.18em !important;
  color:#c9a84c !important;
  text-transform:uppercase !important;
  display:block !important;
  margin-bottom:6px !important;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="number"],
.contact-form input[type="url"],
.contact-form textarea,
.contact-form select{
  background:#111 !important;
  border:1px solid #2a2a2a !important;
  border-radius:0 !important;
  color:#fff !important;
  font-family:Lato,sans-serif !important;
  font-size:15px !important;
  padding:12px 14px !important;
  width:100% !important;
  box-sizing:border-box !important;
  outline:none !important;
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-color:#c9a84c !important;
  box-shadow:none !important;
}

.contact-form .grunion-field-wrap,
.contact-form p{
  margin-bottom:16px !important;
}

.contact-form input[type="submit"],
.contact-form button[type="submit"]{
  background:#0a0a0a !important;
  color:#c9a84c !important;
  border:2px solid #c9a84c !important;
  border-radius:0 !important;
  font-family:Oswald,sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0.14em !important;
  text-transform:uppercase !important;
  padding:14px 28px !important;
  cursor:pointer !important;
  width:100% !important;
  margin-top:8px !important;
}

.contact-form input[type="submit"]:hover,
.contact-form button[type="submit"]:hover{
  background:#c9a84c !important;
  color:#000 !important;
}

@media(max-width:600px){
  #kk-hero-contact{
    padding:34px 18px 32px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    background-position:center center !important;
  }

  #kk-hero-contact h1{
    font-size:clamp(30px,9vw,42px) !important;
    line-height:1.05 !important;
    margin-bottom:14px !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
  }

  #kk-hero-contact p{
    max-width:100% !important;
    font-size:14px !important;
    line-height:1.6 !important;
  }

  #kk-cta-btns,
  #kk-contact-cols{
    padding:36px 18px !important;
    box-sizing:border-box !important;
  }

  #kk-cta-btns > div,
  #kk-contact-cols > div{
    width:100% !important;
    max-width:100% !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  #kk-cta-btns a{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:15px 12px !important;
    font-size:12px !important;
    letter-spacing:0.07em !important;
    line-height:1.25 !important;
    white-space:normal !important;
    text-align:center !important;
    justify-content:center !important;
  }
}

/* For Sale landing buttons */
a[href="/vehicles-for-sale/"],
a[href="/parts-for-sale/"]{
  background:transparent !important;
  color:#c9a84c !important;
  border:2px solid #c9a84c !important;
  font-family:Oswald,sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0.16em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  padding:13px 24px !important;
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

a[href="/vehicles-for-sale/"]:hover,
a[href="/parts-for-sale/"]:hover{
  background:#c9a84c !important;
  color:#000000 !important;
}

/* Parts For Sale page cards */
body.page-id-2842 .wp-block-query{
  background:#0a0a0a !important;
  width:100% !important;
  padding:56px 24px 72px !important;
  box-sizing:border-box !important;
}

body.page-id-2842 .wp-block-query .wp-block-post-template{
  max-width:1400px !important;
  margin:0 auto !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr)) !important;
  gap:18px !important;
}

body.page-id-2842 .wp-block-query .wp-block-post-template > li{
  background:#111111 !important;
  border:1px solid #1e1e1e !important;
  border-left:3px solid #c9a84c !important;
  padding:20px !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

body.page-id-2842 .wp-block-query .wp-block-group{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}

body.page-id-2842 .wp-block-query .wp-block-post-featured-image{
  margin:0 0 18px !important;
}

body.page-id-2842 .wp-block-query .wp-block-post-featured-image img{
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:4/3 !important;
  height:auto !important;
  object-fit:cover !important;
  display:block !important;
  border:1px solid #242424 !important;
  background:#0a0a0a !important;
}

body.page-id-2842 .wp-block-query .wp-block-post-title,
body.page-id-2842 .wp-block-query .wp-block-post-title a{
  font-family:'Bebas Neue',Oswald,Impact,sans-serif !important;
  font-size:30px !important;
  font-weight:400 !important;
  line-height:1.05 !important;
  letter-spacing:0.03em !important;
  color:#ffffff !important;
  text-decoration:none !important;
  text-align:center !important;
  margin:0 !important;
}

body.page-id-2842 .wp-block-query .wp-block-post-excerpt,
body.page-id-2842 .wp-block-query .wp-block-post-excerpt p,
body.page-id-2842 .wp-block-query .wp-block-post-excerpt__excerpt{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  font-family:Lato,sans-serif !important;
  font-size:15px !important;
  line-height:1.65 !important;
  color:#cccccc !important;
  text-align:center !important;
  max-width:340px !important;
  margin:12px auto 0 !important;
}

body.page-id-2842 .wp-block-query .wp-block-post-date,
body.page-id-2842 .wp-block-query time{
  display:none !important;
}

body.page-id-2842 .wp-block-query .wp-block-read-more,
body.page-id-2842 .wp-block-query .wp-block-post-excerpt__more-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#c9a84c !important;
  border:1px solid #c9a84c !important;
  background:transparent !important;
  font-family:Oswald,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:0.16em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  padding:9px 16px !important;
  margin-top:14px !important;
}

@media(max-width:768px){
  body.page-id-2842 .wp-block-query{
    padding:40px 16px 56px !important;
  }

  body.page-id-2842 .wp-block-query .wp-block-post-template{
    grid-template-columns:1fr !important;
  }
}

/* Homepage bottom: Shop News + Social */
.kks-home-bottom{
  background:#111111 !important;
  border-top:1px solid #1e1e1e !important;
  border-bottom:1px solid #c9a84c !important;
  padding:46px 24px !important;
  box-sizing:border-box !important;
}

.kks-home-bottom > div{
  max-width:1400px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr) !important;
  gap:42px !important;
  align-items:center !important;
}

.kks-home-bottom h2,
.kks-home-bottom .wp-block-heading{
  font-family:'Bebas Neue',Oswald,Impact,sans-serif !important;
  font-size:clamp(32px,4vw,50px) !important;
  font-weight:400 !important;
  color:#ffffff !important;
  letter-spacing:.03em !important;
  line-height:1 !important;
  margin:0 0 18px !important;
}

.kks-home-bottom .kks-eyebrow{
  font-family:Oswald,sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.18em !important;
  color:#c9a84c !important;
  text-transform:uppercase !important;
  margin:0 0 10px !important;
}

.kks-home-news .wp-block-post-template{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 !important;
}

.kks-home-news .wp-block-post-template > li{
  background:#0a0a0a !important;
  border:1px solid #1e1e1e !important;
  border-left:3px solid #c9a84c !important;
  padding:24px !important;
  box-sizing:border-box !important;
  max-width:560px !important;
}

.kks-home-news .wp-block-post-date{
  font-family:Oswald,sans-serif !important;
  font-size:12px !important;
  letter-spacing:.18em !important;
  color:#c9a84c !important;
  text-transform:uppercase !important;
  margin:0 0 12px !important;
}

.kks-home-news .wp-block-post-title,
.kks-home-news .wp-block-post-title a{
  font-family:'Bebas Neue',Oswald,Impact,sans-serif !important;
  font-size:30px !important;
  line-height:1 !important;
  color:#ffffff !important;
  text-decoration:none !important;
  margin:0 0 12px !important;
}

.kks-home-news .wp-block-post-excerpt,
.kks-home-news .wp-block-post-excerpt p{
  font-family:Lato,sans-serif !important;
  font-size:15px !important;
  color:#bbbbbb !important;
  line-height:1.7 !important;
  margin:0 0 14px !important;
}

.kks-home-news .wp-block-read-more,
.kks-home-news .wp-block-post-excerpt__more-link{
  font-family:Oswald,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.18em !important;
  color:#c9a84c !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}

.kks-home-social{
  text-align:center !important;
}

.kks-home-social p{
  max-width:420px !important;
  margin:0 auto 22px !important;
  font-size:15px !important;
  color:#999999 !important;
  line-height:1.65 !important;
}

.kks-home-social-icons{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:22px !important;
}

.kks-home-social-icons a{
  display:flex !important;
  width:58px !important;
  height:58px !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}

.kks-home-social-icons img{
  display:block !important;
  object-fit:contain !important;
}

@media(max-width:768px){
  .kks-home-bottom{
    padding:36px 18px !important;
  }

  .kks-home-bottom > div{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .kks-home-news .wp-block-post-template > li{
    max-width:100% !important;
  }

  .kks-home-social{
    text-align:left !important;
  }

  .kks-home-social p{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .kks-home-social-icons{
    justify-content:flex-start !important;
  }
}

/* Shared mobile overflow hard stop */
@media(max-width:768px){
  main#wp--skip-link--target,
  main,
  .site-main,
  #main,
  #primary,
  .wp-block-post-content,
  .entry-content,
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .wp-block-cover,
  .wp-block-cover__inner-container{
    overflow-x:hidden !important;
    max-width:100vw !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  img{
    max-width:100% !important;
    height:auto;
  }
}/* KKS - Fix mobile full-bleed collapse on single-post template (has-global-padding main).
   The shared mobile overflow hard stop above forces width:100% on .wp-block-post-content,
   which fights the theme's negative-margin "escape padding" trick used only inside the
   has-global-padding <main> wrapper (single post template). Pages don't use that wrapper,
   so this is scoped narrowly and won't affect Pages. */
@media(max-width:768px){
  .has-global-padding > .wp-block-post-content.alignfull,
  .has-global-padding > .entry-content.alignfull{
    width:auto !important;
    max-width:none !important;
  }
}

/* KKS - Services desktop cards: 3 across, 2 rows */
@media(min-width:901px){
  body.page-id-660 div[style*="grid-template-columns:repeat(auto-fit,minmax(300px,1fr))"]{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:24px !important;
  }
/* KKS - widen main section copy across standard pages */
#kk-about-hero div[style*="max-width:760px"],
#kk-about-hero div[style*="max-width:900px"],
#kk-about-hero div[style*="max-width:920px"],
#kk-services-page div[style*="max-width:760px"],
#kk-services-page div[style*="max-width:900px"],
#kk-services-page div[style*="max-width:920px"],
#kk-projects-page div[style*="max-width:760px"],
#kk-projects-page div[style*="max-width:900px"],
#kk-projects-page div[style*="max-width:920px"],
#kk-sale-landing div[style*="max-width:760px"],
#kk-sale-landing div[style*="max-width:900px"],
#kk-sale-landing div[style*="max-width:920px"],
#kk-parts-hero div[style*="max-width:760px"],
#kk-parts-hero div[style*="max-width:900px"],
#kk-parts-hero div[style*="max-width:920px"],
#kk-apparel-page div[style*="max-width:760px"],
#kk-apparel-page div[style*="max-width:900px"],
#kk-apparel-page div[style*="max-width:920px"],
#kk-contact-cols div[style*="max-width:760px"],
#kk-contact-cols div[style*="max-width:900px"],
#kk-contact-cols div[style*="max-width:920px"]{
  max-width:1180px !important;
}

/* main paragraphs in those page areas */
#kk-about-hero p[style*="font-size:16px"],
#kk-about-hero p[style*="font-size:17px"],
#kk-services-page p[style*="font-size:16px"],
#kk-services-page p[style*="font-size:17px"],
#kk-projects-page p[style*="font-size:16px"],
#kk-projects-page p[style*="font-size:17px"],
#kk-sale-landing p[style*="font-size:16px"],
#kk-sale-landing p[style*="font-size:17px"],
#kk-parts-hero p[style*="font-size:16px"],
#kk-parts-hero p[style*="font-size:17px"],
#kk-apparel-page p[style*="font-size:16px"],
#kk-apparel-page p[style*="font-size:17px"],
#kk-hero-contact p[style*="font-size:16px"],
#kk-hero-contact p[style*="font-size:17px"]{
  font-size:17px !important;
  line-height:1.85 !important;
  max-width:1180px !important;
}}

@media(max-width:768px){
  #kk-about-hero div[style*="max-width:760px"],
  #kk-about-hero div[style*="max-width:900px"],
  #kk-about-hero div[style*="max-width:920px"],
  #kk-services-page div[style*="max-width:760px"],
  #kk-services-page div[style*="max-width:900px"],
  #kk-services-page div[style*="max-width:920px"],
  #kk-projects-page div[style*="max-width:760px"],
  #kk-projects-page div[style*="max-width:900px"],
  #kk-projects-page div[style*="max-width:920px"],
  #kk-sale-landing div[style*="max-width:760px"],
  #kk-sale-landing div[style*="max-width:900px"],
  #kk-sale-landing div[style*="max-width:920px"],
  #kk-parts-hero div[style*="max-width:760px"],
  #kk-parts-hero div[style*="max-width:900px"],
  #kk-parts-hero div[style*="max-width:920px"],
  #kk-apparel-page div[style*="max-width:760px"],
  #kk-apparel-page div[style*="max-width:900px"],
  #kk-apparel-page div[style*="max-width:920px"],
  #kk-contact-cols div[style*="max-width:760px"],
  #kk-contact-cols div[style*="max-width:900px"],
  #kk-contact-cols div[style*="max-width:920px"]{
    max-width:100% !important;
  }

  #kk-about-hero p[style*="font-size:16px"],
  #kk-about-hero p[style*="font-size:17px"],
  #kk-services-page p[style*="font-size:16px"],
  #kk-services-page p[style*="font-size:17px"],
  #kk-projects-page p[style*="font-size:16px"],
  #kk-projects-page p[style*="font-size:17px"],
  #kk-sale-landing p[style*="font-size:16px"],
  #kk-sale-landing p[style*="font-size:17px"],
  #kk-parts-hero p[style*="font-size:16px"],
  #kk-parts-hero p[style*="font-size:17px"],
  #kk-apparel-page p[style*="font-size:16px"],
  #kk-apparel-page p[style*="font-size:17px"],
  #kk-hero-contact p[style*="font-size:16px"],
  #kk-hero-contact p[style*="font-size:17px"]{
    font-size:15px !important;
    line-height:1.7 !important;
    max-width:100% !important;
  }
/* KKS - widen About story text without moving the left edge */
#kk-about-hero div[style*="max-width:900px"],
#kk-about-hero div[style*="max-width:760px"]{
  max-width:calc(100vw - 96px) !important;
  width:calc(100vw - 96px) !important;
}

#kk-about-hero p[style*="max-width:900px"],
#kk-about-hero p[style*="max-width:760px"]{
  max-width:calc(100vw - 96px) !important;
  width:calc(100vw - 96px) !important;
}}/* KKS - final mobile hamburger lock */
@media(max-width:900px){
  #kks-nav-wrap,
  #kks-nav-wrap > div{
    overflow:visible !important;
  }

  #kks-nav-wrap > div{
    position:relative !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #kks-nav-wrap > div > a:first-child{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    font-size:22px !important;
    line-height:1 !important;
    max-width:calc(100% - 104px) !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #kks-nav-wrap > div > details.kks-burger-wrap,
  #kks-nav-wrap details.kks-burger-wrap,
  details.kks-burger-wrap{
    position:absolute !important;
    top:7px !important;
    right:16px !important;
    left:auto !important;
    bottom:auto !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    z-index:999999 !important;
    transform:none !important;
  }

  #kks-nav-wrap > div > details.kks-burger-wrap > summary,
  #kks-nav-wrap details.kks-burger-wrap > summary,
  details.kks-burger-wrap > summary{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    line-height:1 !important;
  }
}/* KKS - make single news posts use full-width custom layout */
.single-post .entry-title,
.single-post .page-title,
.single-post header.entry-header,
.single-post .wp-block-post-title,
.single-post .wp-block-post-date,
.single-post .wp-block-post-featured-image,
.single-post .post-thumbnail,
.single-post .featured-image,
.single-post time{
  display:none !important;
}

.single-post .entry-content,
.single-post .wp-block-post-content,
.single-post article,
.single-post main,
.single-post #main,
.single-post #primary{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#0a0a0a !important;
}

.single-post .entry-content > *,
.single-post .wp-block-post-content > *{
  max-width:none !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}@media (max-width: 700px) {
    .kk-hiring-banner{
    padding:16px 18px !important;
    overflow:visible !important;
  }

  .kk-hiring-banner > span{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    line-height:1.2 !important;
    flex-wrap:nowrap !important;
  }

  .kk-hiring-banner > span > span{
    white-space:normal !important;
    max-width:100% !important;
    text-align:center !important;
  }

@media (max-width: 420px) {
  .kk-hiring-banner {
    padding: 14px 14px !important;
  }

  .kk-hiring-banner > span > span:nth-child(1),
  .kk-hiring-banner > span > span:nth-child(3) {
    font-size: 28px !important;
  }

  .kk-hiring-banner > span > span:nth-child(2) {
    font-size: 15px !important;
    max-width: 300px !important;
  }
}}@media (max-width: 768px) {
  #kk-hiring-post {
    width: 100% !important;
    margin: 0 !important;
  }

  #kk-hiring-post > div {
    box-sizing: border-box !important;
  }

  #kk-hiring-post > div:first-child {
    padding: 54px 18px 48px !important;
    background-position: center center !important;
  }

  #kk-hiring-post > div:first-child h1 {
    font-size: 54px !important;
    line-height: 0.95 !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 18px !important;
  }

  #kk-hiring-post > div:first-child p:first-child {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  #kk-hiring-post > div:first-child p:last-child {
    font-size: 17px !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
  }

  #kk-hiring-post > div:nth-of-type(3) {
    padding: 38px 18px 44px !important;
  }

  #kk-hiring-post > div:nth-of-type(3) > div > p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 28px !important;
  }

  #kk-hiring-post > div:nth-of-type(3) div[style*="display:grid"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #kk-hiring-post > div:nth-of-type(3) div[style*="border-left"] {
    padding: 24px 20px !important;
  }

  #kk-hiring-post li {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  #kk-hiring-post > div:nth-of-type(5) {
    padding: 46px 18px 52px !important;
  }

  #kk-hiring-post > div:nth-of-type(5) div[style*="font-family:'Bebas Neue'"] {
    font-size: 50px !important;
    line-height: 0.95 !important;
  }

  #kk-hiring-post > div:nth-of-type(5) p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  #kk-hiring-post > div:nth-of-type(5) div[style*="display:flex"] {
    flex-direction: column !important;
    gap: 12px !important;
  }

  #kk-hiring-post > div:nth-of-type(5) a {
    width: 100% !important;
    max-width: 320px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px) {
  #kk-hiring-post > div:first-child h1 {
    font-size: 46px !important;
  }

  #kk-hiring-post > div:nth-of-type(5) div[style*="font-family:'Bebas Neue'"] {
    font-size: 44px !important;
  }

  #kk-hiring-post > div:first-child,
  #kk-hiring-post > div:nth-of-type(3),
  #kk-hiring-post > div:nth-of-type(5) {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}@media (max-width: 768px) {
  #kk-news-post {
    width: 100% !important;
    margin: 0 !important;
  }

  #kk-news-post > div {
    box-sizing: border-box !important;
  }

  #kk-news-post > div:first-child {
    padding: 46px 18px 42px !important;
  }

  #kk-news-post > div:first-child h1 {
    font-size: 52px !important;
    line-height: 0.95 !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 18px !important;
  }

  #kk-news-post > div:first-child p:first-child {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  #kk-news-post > div:first-child p:last-child {
    font-size: 17px !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
  }

  #kk-news-post > div:nth-of-type(3) {
    padding: 36px 18px 24px !important;
  }

  #kk-news-post > div:nth-of-type(3) p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  #kk-news-post > div:nth-of-type(4) {
    padding: 18px 18px 42px !important;
  }

  #kk-news-post > div:nth-of-type(4) > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #kk-news-post > div:nth-of-type(4) div[style*="border-left"] {
    padding: 24px 20px !important;
  }

  #kk-news-post > div:nth-of-type(4) p {
    line-height: 1.65 !important;
  }

  #kk-news-post > div:nth-of-type(4) p[style*="font-size:17px"] {
    font-size: 16px !important;
  }

  #kk-news-post > div:nth-of-type(6) {
    padding: 46px 18px 52px !important;
  }

  #kk-news-post > div:nth-of-type(6) div[style*="font-family:'Bebas Neue'"] {
    font-size: 50px !important;
    line-height: 0.95 !important;
  }

  #kk-news-post > div:nth-of-type(6) p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  #kk-news-post > div:nth-of-type(6) a {
    width: 100% !important;
    max-width: 320px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }


  #kk-news-post div[style*="grid-template-columns"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #kk-news-post div[style*="grid-template-columns"] > div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px) {
  #kk-news-post > div:first-child h1 {
    font-size: 44px !important;
  }

  #kk-news-post > div:nth-of-type(6) div[style*="font-family:'Bebas Neue'"] {
    font-size: 44px !important;
  }

  #kk-news-post > div:first-child,
  #kk-news-post > div:nth-of-type(3),
  #kk-news-post > div:nth-of-type(4),
  #kk-news-post > div:nth-of-type(6) {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}#kk-news-post > div:nth-of-type(6) p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#kk-news-post > div:nth-of-type(6) {
  text-align: center !important;
}

#kk-news-post > div:nth-of-type(6) > div {
  text-align: center !important;
}@media (max-width: 700px) {
  #kk-build-detail .kk-build-highlights {
    padding: 42px 16px 48px !important;
  }

  #kk-build-detail .kk-build-highlights h2 {
    font-size: 42px !important;
    line-height: 0.95 !important;
  }

  #kk-build-detail .kk-build-highlights > div > p {
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 26px !important;
  }

  #kk-build-detail .kk-build-highlights div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #kk-build-detail .kk-highlight div[style*="padding:20px"] {
    padding: 18px 18px 20px !important;
  }

  #kk-build-detail .kk-highlight h3 {
    font-size: 26px !important;
  }

  #kk-build-detail .kk-highlight p {
    font-size: 14px !important;
  }
}

@media (max-width: 420px) {
  #kk-build-detail .kk-build-highlights {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #kk-build-detail .kk-build-highlights h2 {
    font-size: 38px !important;
  }

  #kk-build-detail .kk-highlight h3 {
    font-size: 24px !important;
  }
}@media (max-width: 700px) {
  .home .entry-content > div:first-child > div:first-child {
    min-height: 96vh !important;
    background-position: center 34% !important;
    padding-bottom: 18px !important;
  }

 .home .entry-content > div:first-child > div:first-child > div:last-child {
  transform: translateY(120px) !important;
  max-width: 94% !important;
}

  .home .entry-content > div:first-child > div:first-child > div:last-child p {
    text-shadow: 0 2px 8px rgba(0,0,0,.9);
  }
}
/* KKS fix2 */
html body.home .kks-home-news .wp-block-post-template > li{max-width:none !important;width:100% !important}
body.single-post .wp-block-post-title{display:none !important}

/* Homepage hamburger correction */
@media(max-width:900px){
  body.home #kks-nav-wrap details.kks-burger-wrap{
    top:7px !important;
    right:16px !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.home #kks-nav-wrap details.kks-burger-wrap > summary{
    font-size:32px !important;
    line-height:1 !important;
    font-weight:400 !important;
  }
}
	/* Homepage mobile hero: move intro text below the cars */
@media(max-width:768px){
  body.home div[style*="hero-image-2.png"]{
    min-height:100vh !important;
    background-position:center 30% !important;
    padding:18px 18px 34px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
  }

  body.home div[style*="hero-image-2.png"] > div:last-child{
    max-width:100% !important;
    margin:0 auto !important;
    padding-top:60vh !important;
    transform:none !important;
    text-align:center !important;
  }

  body.home div[style*="hero-image-2.png"] > div:last-child p{
    max-width:100% !important;
    text-shadow:0 2px 8px rgba(0,0,0,.9) !important;
  }
}

@media(max-width:430px){
  body.home div[style*="hero-image-2.png"]{
    background-position:center 28% !important;
  }

  body.home div[style*="hero-image-2.png"] > div:last-child{
    padding-top:64vh !important;
  }
}

/* Fix Join the Klassy Kar Team / hiring mobile cutoff */
@media(max-width:768px){
  .kk-hiring-banner{
    width:100% !important;
    max-width:100% !important;
    padding:16px 18px !important;
    overflow:visible !important;
  }

  .kk-hiring-banner > span{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    text-align:center !important;
  }

  .kk-hiring-banner > span > span:first-child{
    font-size:34px !important;
    line-height:1 !important;
  }

  .kk-hiring-banner > span > span:nth-child(2){
    font-size:16px !important;
    line-height:1.45 !important;
    max-width:340px !important;
    white-space:normal !important;
  }

  body.single-post #kk-hiring-post{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    overflow-x:hidden !important;
  }

  body.single-post #kk-hiring-post > div{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  body.single-post #kk-hiring-post > div:first-child{
    padding:46px 18px 42px !important;
    text-align:center !important;
  }

  body.single-post #kk-hiring-post h1{
    font-size:clamp(42px,14vw,56px) !important;
    line-height:.95 !important;
    max-width:100% !important;
    overflow-wrap:break-word !important;
  }

  body.single-post #kk-hiring-post p{
    max-width:100% !important;
    font-size:16px !important;
    line-height:1.65 !important;
  }

  body.single-post #kk-hiring-post div[style*="grid-template-columns"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
}
/* KKS homepage hero mobile/tablet text lower */
@media(max-width:1200px){
  body.home .entry-content > div:first-child > div:first-child,
  body.page-id-22 .entry-content > div:first-child > div:first-child,
  body.home .wp-block-post-content > div:first-child > div:first-child,
  body.page-id-22 .wp-block-post-content > div:first-child > div:first-child,
  body.home div[style*="hero-image-2"],
  body.page-id-22 div[style*="hero-image-2"]{
    min-height:100vh !important;
    background-position:center 30% !important;
    padding:18px 18px 34px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
  }

  body.home .entry-content > div:first-child > div:first-child > div:last-child,
  body.page-id-22 .entry-content > div:first-child > div:first-child > div:last-child,
  body.home .wp-block-post-content > div:first-child > div:first-child > div:last-child,
  body.page-id-22 .wp-block-post-content > div:first-child > div:first-child > div:last-child,
  body.home div[style*="hero-image-2"] > div:last-child,
  body.page-id-22 div[style*="hero-image-2"] > div:last-child{
    margin-top:auto !important;
    margin-bottom:0 !important;
    padding-top:58vh !important;
    transform:none !important;
    max-width:100% !important;
    text-align:center !important;
  }
}

/* KKS homepage hiring banner mobile/tablet cutoff fix */
@media(max-width:1200px){
  body.home .kk-hiring-banner,
  body.page-id-22 .kk-hiring-banner{
    width:100% !important;
    max-width:100% !important;
    padding:16px 18px !important;
    overflow:visible !important;
  }

  body.home .kk-hiring-banner > span,
  body.page-id-22 .kk-hiring-banner > span{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
    flex-wrap:nowrap !important;
  }

  body.home .kk-hiring-banner > span > span,
  body.page-id-22 .kk-hiring-banner > span > span{
    white-space:normal !important;
    max-width:100% !important;
    text-align:center !important;
  }

  body.home .kk-hiring-banner > span > span:first-child,
  body.home .kk-hiring-banner > span > span:nth-child(3),
  body.page-id-22 .kk-hiring-banner > span > span:first-child,
  body.page-id-22 .kk-hiring-banner > span > span:nth-child(3){
    font-size:34px !important;
    line-height:1 !important;
  }

  body.home .kk-hiring-banner > span > span:nth-child(2),
  body.page-id-22 .kk-hiring-banner > span > span:nth-child(2){
    font-size:16px !important;
    line-height:1.45 !important;
    max-width:340px !important;
  }
}
	/* Homepage: remove gap above Latest From The Shop and restore gold divider */
body.home .kks-home-news,
body.home .wp-block-query {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 1px solid transparent !important;
  position: relative !important;
}

body.home .kks-home-news::before,
body.home .wp-block-query::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #c9a84c, transparent) !important;
  margin: 0 0 48px 0 !important;
}
/* Fix top intro text indent on inner pages */
@media (max-width: 768px) {
.page .entry-content > div:first-child p,
.page .wp-block-post-content > div:first-child p,
.single-post .entry-content > div:first-child p,
.single-post .wp-block-post-content > div:first-child p {
  margin-left: 0 !important;
  padding-left: 0 !important;
  max-width: 1180px !important;
}
	/* Inner pages: align top intro copy with heading */
body:not(.home) .entry-content div[style*="max-width:1180px"],
body:not(.home) .entry-content div[style*="max-width:1120px"],
body:not(.home) .entry-content div[style*="max-width:960px"],
body:not(.home) .wp-block-post-content div[style*="max-width:1180px"],
body:not(.home) .wp-block-post-content div[style*="max-width:1120px"],
body:not(.home) .wp-block-post-content div[style*="max-width:960px"] {
  margin-left: 0 !important;
  margin-right: auto !important;}
}

#kks-footer div[style*="grid-template-columns"] {
  grid-template-columns: 1fr 1.35fr 1fr !important;
}
	/* Homepage Classic Car Services section fix */
@media(min-width:769px){
  body.home div[style*="img_5060.jpg"] div[style*="grid-template-columns"]{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    width:100% !important;
  }

  body.home div[style*="img_5060.jpg"] div[style*="border-left"]{
    height:auto !important;
    min-height:220px !important;
    max-height:none !important;
    padding:28px 24px !important;
  }

  body.home div[style*="img_5060.jpg"] div[style*="border-left"] p{
    margin-bottom:20px !important;
  }
}

@media(max-width:768px){
  body.home div[style*="img_5060.jpg"] div[style*="grid-template-columns"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.home div[style*="img_5060.jpg"] div[style*="border-left"]{
    height:auto !important;
    min-height:0 !important;
    padding:24px 20px !important;
  }
}
	/* Homepage mobile hero: keep intro text visible without scrolling */
@media(max-width:768px){
  body.home div[style*="min-height:90vh"]{
    min-height:88vh !important;
    background-position:center 32% !important;
    padding-bottom:22px !important;
  }

  body.home div[style*="min-height:90vh"] > div:last-child{
    padding-top:46vh !important;
    transform:none !important;
  }
}

@media(max-width:430px){
  body.home div[style*="min-height:90vh"]{
    min-height:86vh !important;
    background-position:center 30% !important;
  }

  body.home div[style*="min-height:90vh"] > div:last-child{
    padding-top:44vh !important;
  }
}
	/* Homepage Now Hiring banner mobile cleanup */
@media(max-width:768px){
  body.home .kk-hiring-banner{
    padding:16px 18px !important;
  }

  body.home .kk-hiring-banner > span{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-align:center !important;
    line-height:1.2 !important;
  }

  body.home .kk-hiring-banner > span > span:first-child,
  body.home .kk-hiring-banner > span > span:last-child{
    font-size:32px !important;
    line-height:1 !important;
    white-space:normal !important;
  }

  body.home .kk-hiring-banner > span > span:nth-child(2){
    font-size:15px !important;
    line-height:1.35 !important;
    max-width:320px !important;
    white-space:normal !important;
  }
}
	
	/* Fix for raw HTML "Latest From The Shop" post blocks (kk-*-post) that use
	 *    width:100% + padding without box-sizing, causing horizontal overflow on mobile.
	 *    This applies to any current or future post built the same way. */
	[id^="kk-"][id$="-post"],
	[id^="kk-"][id$="-post"] * {
		    box-sizing: border-box !important;
	}
/* Homepage hero: reduce wasted sky space without affecting other pages */
@media (min-width: 783px) {
  body.home .entry-content > div:first-child,
  body.home .entry-content > div:first-child > div:first-child {
    min-height: 72vh !important;
    background-position: center 62% !important;
  }
}
@media screen and (max-width: 782px) {
  html body.home .kks-home-hero {
    background:
      linear-gradient(rgba(0,0,0,0.10), rgba(0,0,0,0.40)),
      url("https://klassykar.com/wp-content/uploads/2026/06/hero-image-mobile.png") center top / cover no-repeat !important;
  }
/* KLASSY KAR CLEAN RESPONSIVE LAYOUT
   Delete the earlier Klassy Kar site-wide and CTA fixes.
   Use this block by itself. */

html,
body,
.wp-site-blocks,
.entry-content,
.wp-block-post-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.entry-content {
  overflow-x: clip;
}

:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
),
:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) * {
  box-sizing: border-box;
}

/* Consistent page gutters. */
:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) > div[style*="padding:"][style*="width:100%"] {
  padding-left: clamp(20px, 2.5vw, 40px) !important;
  padding-right: clamp(20px, 2.5vw, 40px) !important;
}

/* Center standard page containers correctly.
   Width must remain auto so both margins receive equal space. */
:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) div[style*="max-width:1400px"] {
  width: auto !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove the old hand-added left offsets. */
:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) [style*="margin:0 auto 0 20px"],
:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) [style*="margin:0 auto 28px 20px"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Bottom CTA section: center every element on the full page. */
:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) > div[style*="text-align:center"] {
  width: 100% !important;
  text-align: center !important;
}

:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) > div[style*="text-align:center"] > div {
  display: block !important;
  width: auto !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) > div[style*="text-align:center"] > div > p {
  display: block !important;
  width: auto !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) > div[style*="text-align:center"] > div > p:first-child {
  margin-bottom: 14px !important;
}

:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) > div[style*="text-align:center"] > div > h2 {
  display: block !important;
  width: auto !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 22px !important;
  text-align: center !important;
  font-size: clamp(42px, 4.5vw, 68px) !important;
  line-height: 1 !important;
}

:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) > div[style*="text-align:center"] > div > div[style*="display:flex"] {
  width: auto !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

/* Keep CTA buttons stable. */
:where(
  #kk-build-detail,
  #kk-projects-page,
  #kk-services-page,
  #kk-sale-landing,
  #kk-apparel-page,
  #kk-about-hero
) a[style*="min-width:260px"] {
  box-sizing: border-box !important;
  margin: 0 !important;
}

@media (max-width: 1100px) {
  :where(
    #kk-build-detail,
    #kk-projects-page,
    #kk-services-page,
    #kk-sale-landing,
    #kk-apparel-page,
    #kk-about-hero
  ) div[style*="grid-template-columns:minmax(0,1.4fr)"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  :where(
    #kk-build-detail,
    #kk-projects-page,
    #kk-services-page,
    #kk-sale-landing,
    #kk-apparel-page,
    #kk-about-hero
  ) > div[style*="padding:"][style*="width:100%"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  :where(
    #kk-build-detail,
    #kk-projects-page,
    #kk-services-page,
    #kk-sale-landing,
    #kk-apparel-page,
    #kk-about-hero
  ) > div[style*="text-align:center"] > div > h2 {
    font-size: clamp(38px, 12vw, 54px) !important;
  }

  :where(
    #kk-build-detail,
    #kk-projects-page,
    #kk-services-page,
    #kk-sale-landing,
    #kk-apparel-page,
    #kk-about-hero
  ) a[style*="min-width:260px"] {
    width: 100% !important;
    min-width: 0 !important;
  }
}