/*
Theme Name: KS Detailing
Theme URI: https://ksdetail.com
Author: DigiMark
Author URI: https://midigimark.com
Description: Custom theme for KS Detailing, LLC. Rebuilt from the Squarespace site to match its design; page content is built with Elementor.
Version: 1.0
Requires at least: 6.0
Text Domain: ks-detailing
*/
:root{--ks-accent:#FF5B18;--ks-black:#000;--ks-dark:#777778;--ks-light:#DCDBDB;--ks-white:#fff;--ks-gutter:4vw;--ks-max:1400px;--ks-wave:6vw;
--ks-head:"Helvetica Neue",Helvetica,Arial,sans-serif;--ks-body:Verdana,Geneva,sans-serif}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ks-body);font-size:1.1rem;line-height:1.8;color:#000;background:#fff;-webkit-font-smoothing:antialiased}
@media(max-width:767px){body{font-size:1rem}}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--ks-head);font-weight:700;line-height:1.4;margin:0 0 .5em;letter-spacing:0}
h1{font-size:calc((3.1 - 1) * 1.2vw + 1rem)}
h2{font-size:calc((2.6 - 1) * 1.2vw + 1rem)}
h3{font-size:calc((1.8 - 1) * 1.2vw + 1rem)}
h4{font-size:calc((1.2 - 1) * 1.2vw + 1rem)}
@media(min-width:1500px){h1{font-size:calc(2.1 * 18px + 1rem)}h2{font-size:calc(1.6 * 18px + 1rem)}h3{font-size:calc(.8 * 18px + 1rem)}h4{font-size:calc(.2 * 18px + 1rem)}}
@media(max-width:767px){h1{font-size:calc((3.1 - 1) * .012 * 1280px * .5 + 1rem)}h2{font-size:calc((2.6 - 1) * 6px + 1.2rem)}h3{font-size:1.4rem}}
p{margin:0 0 1rem}
.sqsrte-large,p.sqsrte-large{font-size:1.3rem}
.sqsrte-small,p.sqsrte-small{font-size:.9rem}
@media(max-width:767px){.sqsrte-large{font-size:1.15rem}.sqsrte-small{font-size:.85rem}}
.sqsrte-text-color--white{color:#fff}.sqsrte-text-color--black{color:#000}.sqsrte-text-color--accent{color:var(--ks-accent)}
.sqsrte-text-highlight{background-image:linear-gradient(currentColor,currentColor);background-size:100% .1em;background-position:0 100%;background-repeat:no-repeat}
.elementor-widget-text-editor a,.ks-entry a{text-decoration:underline;text-underline-offset:.2em}
/* Section themes */
.sq-black{background-color:#000;color:#fff}.sq-dark{background-color:var(--ks-dark);color:#fff}
.sq-light{background-color:var(--ks-light);color:#000}.sq-white{background-color:#fff;color:#000}
.sq-black .elementor-widget-text-editor,.sq-dark .elementor-widget-text-editor{color:#fff}
.sq-light .elementor-widget-text-editor,.sq-white .elementor-widget-text-editor{color:#000}
.sq-black h1,.sq-black h2,.sq-black h3,.sq-black h4,.sq-dark h1,.sq-dark h2,.sq-dark h3,.sq-dark h4{color:#fff}
.sq-light h1,.sq-light h2,.sq-light h3,.sq-light h4,.sq-white h1,.sq-white h2,.sq-white h3,.sq-white h4{color:#000}
.elementor .elementor-widget-text-editor p:last-child{margin-bottom:0}
/* Sections built in Elementor */
.e-con.ks-sec{position:relative;--padding-top:3.3vw;--padding-bottom:3.3vw;--padding-left:2vw;--padding-right:2vw}
.e-con.ks-sec.ks-has-bg{background-size:cover;background-position:center}
.e-con.ks-sec.ks-has-bg:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--ks-ov,.0));pointer-events:none;z-index:0}
.e-con.ks-sec>.e-con-inner{max-width:var(--ks-max);position:relative;z-index:1}
.e-con.ks-sec.ks-wave{--padding-bottom:calc(3.3vw + var(--ks-wave))}
.ks-sec.ks-wave:after,.ks-footer-wave{content:"";position:absolute;left:0;right:0;bottom:-1px;height:calc(var(--ks-wave) + 2px);pointer-events:none;z-index:2;background-repeat:no-repeat;background-size:100% 100%}
.ks-wave-to-black:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50 L1000,102 L0,102 Z' fill='%23000'/%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50' fill='none' stroke='%23FF5B18' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.ks-wave-to-white:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50 L1000,102 L0,102 Z' fill='%23fff'/%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50' fill='none' stroke='%23FF5B18' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.ks-wave-to-light:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50 L1000,102 L0,102 Z' fill='%23DCDBDB'/%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50' fill='none' stroke='%23FF5B18' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.ks-wave-to-dark:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50 L1000,102 L0,102 Z' fill='%23777778'/%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50' fill='none' stroke='%23FF5B18' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
.ks-footer-wave{position:absolute;top:0;bottom:auto;height:var(--ks-wave);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0,50 C125,15 250,0 375,15 C500,30 625,95 750,98 C875,100 940,80 1000,50' fill='none' stroke='%23FF5B18' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
/* Rows & columns from the Squarespace grid */
.e-con.ks-row{--gap:0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.e-con.ks-col{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;--gap:16px;--row-gap:16px}
.ks-shape{border-radius:0}
@media(max-width:767px){.ks-shape.e-con{--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px}}
@media(max-width:767px){.e-con.ks-col{--padding-left:0px;--padding-right:0px}.e-con.ks-row{--row-gap:24px}.e-con.ks-row+.e-con.ks-row{margin-top:20px}}
/* Images */
.elementor-widget-image.ks-img img{width:100%;object-fit:cover;display:block}
/* Buttons */
.ks-btn,.elementor-widget-button .elementor-button,.wpcf7-submit,.ks-sec .wpcf7 input[type=submit]{display:inline-flex;align-items:center;justify-content:center;background:var(--ks-accent)!important;color:#fff!important;border:1px solid #fff!important;border-radius:0!important;font-family:var(--ks-body);font-size:16px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;padding:1.1em 1.3em!important;min-height:3.5em;text-decoration:none!important;cursor:pointer;transition:opacity .2s;font-weight:400;text-align:center}
.ks-btn:hover,.elementor-widget-button .elementor-button:hover,.wpcf7-submit:hover{opacity:.8}
.elementor-widget-button .elementor-button-text{white-space:normal}
@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:14px}}
/* Accordion */
.ks-acc details{border-bottom:1px solid currentColor;padding:0}
.ks-acc details:first-child{border-top:1px solid transparent}
.ks-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--ks-head);font-weight:700;font-size:1.05rem}
.ks-acc summary::-webkit-details-marker{display:none}
.ks-acc summary:after{content:"+";font-family:Arial,sans-serif;font-weight:300;font-size:1.6rem;line-height:1;transition:transform .2s}
.ks-acc details[open] summary:after{transform:rotate(45deg)}
.ks-acc .ks-acc-body{padding:0 0 20px;font-size:.95rem}
/* Cards (Squarespace list sections) */
.e-con.ks-card-grid{--gap:3vw;--row-gap:3vw}
.e-con.ks-li-card{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:12px}
.ks-li-card.ks-li-boxed{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px}
.ks-li-card .elementor-widget-image img{width:100%;aspect-ratio:var(--ks-ar,4/3);object-fit:cover}
/* Gallery */
.ks-sec .gallery-item img,.ks-sec .elementor-image-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border:0!important}
.ks-sec .elementor-image-gallery .gallery-item{padding:0 6px 12px!important}
/* Forms */
.ks-sec .wpcf7 label{display:block;font-size:.9rem;margin-bottom:4px}
.ks-sec .wpcf7 .ks-f-row{display:flex;gap:16px}.ks-sec .wpcf7 .ks-f-row>p{flex:1}
.ks-sec .wpcf7 input[type=text],.ks-sec .wpcf7 input[type=email],.ks-sec .wpcf7 input[type=tel],.ks-sec .wpcf7 textarea{width:100%;padding:12px;border:1px solid #a9a9a9;background:#fafafa;color:#000;font:inherit;font-size:1rem;border-radius:0}
.ks-sec .wpcf7 textarea{height:130px}
.ks-sec .wpcf7 .req{opacity:.7;font-size:.8em}
.ks-sec .wpcf7-response-output{margin:12px 0 0!important}
@media(max-width:600px){.ks-sec .wpcf7 .ks-f-row{display:block}}
/* Embeds */
.ks-embed iframe{max-width:100%;border:0}
.ks-map iframe{width:100%;min-height:400px;border:0;display:block}
.ks-video{position:relative;padding-top:56.25%}.ks-video iframe{position:absolute;inset:0;width:100%;height:100%}
/* Announcement */
.ks-announce{background:var(--ks-accent);color:#fff;text-align:center;font-family:var(--ks-body);font-size:14px;line-height:1.4;padding:14px 48px;position:relative}
.ks-announce a{color:#fff;text-decoration:underline;text-transform:uppercase}
.ks-announce-x{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:22px;cursor:pointer;opacity:.85}
/* Header */
.ks-header{background:#000;color:#fff;position:sticky;top:0;z-index:999}
.admin-bar .ks-header{top:32px}
.ks-header-inner{display:flex;align-items:center;gap:2vw;padding:12px 2.6vw;min-height:146px}
.ks-logo{flex:0 0 auto;display:block;line-height:0}
.ks-logo img{width:auto;height:124px;max-height:124px}
.ks-nav{flex:1 1 auto;display:flex;justify-content:flex-end}
.ks-menu,.ks-menu ul,.ks-mmenu,.ks-mmenu ul{list-style:none;margin:0;padding:0}
.ks-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 1.5vw}
.ks-menu>li{position:relative}
.ks-menu>li>a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-family:var(--ks-body);font-size:17.7px;line-height:1.8;padding:8px 0;white-space:nowrap}
.ks-menu>li>a:hover{opacity:.75}
.ks-menu>li.menu-item-has-children>a:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;margin-left:4px}
.ks-menu .sub-menu{display:none;position:absolute;left:-16px;top:100%;background:#000;padding:10px 16px;min-width:230px;z-index:20}
.ks-menu li:hover>.sub-menu,.ks-menu li:focus-within>.sub-menu{display:block}
.ks-menu .sub-menu a{display:block;color:#fff;text-decoration:none;font-size:16px;padding:5px 0;white-space:nowrap}
.ks-menu .sub-menu a:hover{opacity:.7}
.ks-header-right{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.ks-social{color:#fff;display:inline-flex}
.ks-cta{display:inline-flex;align-items:center;background:var(--ks-accent);color:#fff;text-decoration:none;font-family:var(--ks-body);font-size:14.3px;padding:16px 20.8px;border:1px solid #fff;line-height:1.2;white-space:nowrap}
.ks-cta:hover{opacity:.85}
.ks-burger{display:none;background:none;border:0;width:36px;height:36px;position:relative;cursor:pointer}
.ks-burger span{position:absolute;left:4px;right:4px;height:2px;background:#fff;transition:.2s}
.ks-burger span:first-child{top:12px}.ks-burger span:last-child{top:22px}
.ks-menu-open .ks-burger span:first-child{top:17px;transform:rotate(45deg)}.ks-menu-open .ks-burger span:last-child{top:17px;transform:rotate(-45deg)}
.ks-mobile-menu{display:none}
@media(max-width:1199px){.ks-nav,.ks-header-right .ks-social,.ks-header-right>.ks-cta{display:none}.ks-burger{display:block}.ks-header-inner{min-height:0;justify-content:space-between}.ks-logo img{height:84px}
.ks-menu-open .ks-mobile-menu{display:block;position:fixed;left:0;right:0;bottom:0;top:var(--ks-mtop,110px);background:#000;overflow:auto;padding:24px 6vw 60px;z-index:998}
.ks-mmenu li a{display:block;color:#fff;text-decoration:none;font-family:var(--ks-body);font-size:22px;padding:10px 0}
.ks-mmenu .sub-menu{display:none;padding-left:18px}.ks-mmenu li.open>.sub-menu{display:block}.ks-mmenu .sub-menu a{font-size:18px;opacity:.85}
.ks-mmenu li.menu-item-has-children>a:after{content:" \25BE"}
.ks-cta-m{margin-top:20px;font-size:16px}}
/* Footer */
.ks-footer{background:#000;color:#fff;position:relative;padding:calc(var(--ks-wave) + 30px) 2vw 30px;font-family:var(--ks-body)}
.ks-footer a{color:#fff}
.ks-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4vw;max-width:1500px;margin:0 auto;align-items:center}
.ks-footer h4{font-family:var(--ks-head);font-size:1.3rem;margin:0 0 .8rem;color:#fff}
.ks-f-left p{font-size:1rem;margin-bottom:1rem}.ks-f-left p.sm{font-size:.82rem;margin-bottom:.9rem}
.ks-f-center{text-align:center;font-size:1.05rem}.ks-f-center p{margin-bottom:1.2rem}.ks-f-center p.tight{line-height:1.6}
.ks-f-center a,.ks-f-areas a,.ks-f-priv span{text-decoration:underline;text-underline-offset:.2em}
.ks-f-right h4{font-weight:400;font-size:1.15rem}
.ks-f-areas{list-style:none;margin:0;padding:0}.ks-f-areas li{margin:0 0 .8rem}.ks-f-areas a{font-size:.82rem;font-weight:700}
.ks-footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4vw;max-width:1500px;margin:40px auto 0;align-items:end}
.ks-f-copy{font-size:.82rem;padding-left:2vw}.ks-f-social{display:flex;justify-content:center;gap:14px}.ks-f-priv{font-size:.82rem;font-weight:700}
@media(max-width:767px){.ks-footer-grid,.ks-footer-bottom{grid-template-columns:1fr;text-align:center}.ks-f-copy{padding:0}.ks-footer{padding-left:6vw;padding-right:6vw}}
/* Blog */
.ks-wrap{max-width:1500px;margin:0 auto;padding:0 var(--ks-gutter)}
.ks-narrow{max-width:900px}
.ks-sec:not(.e-con){padding:5vw 0}
.ks-blog-h{text-align:center;margin-bottom:3vw}
.ks-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw 2vw}
@media(max-width:900px){.ks-post-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ks-post-grid{grid-template-columns:1fr}}
.ks-card-img img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.ks-card-meta{font-size:.85rem;margin:14px 0 6px;opacity:.8}
.ks-card-title{font-size:1.35rem;line-height:1.4}.ks-card-title a{text-decoration:none}
.ks-single-meta{font-size:.9rem;opacity:.8;margin-bottom:12px}
.ks-single-title{font-size:calc((2.6 - 1) * 1.2vw + 1rem)}
.ks-entry img{display:block;margin:1.5rem auto}
.ks-entry figure{margin:1.5rem 0}
.ks-postnav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ddd;margin-top:3rem;padding-top:1.5rem;font-size:.95rem}
.ks-pager{margin-top:3vw;text-align:center}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.ks-card-ex{font-size:.9rem}.ks-card-more{font-size:.85rem;text-decoration:underline}
.ks-ar-4-3 .ks-li-img img{aspect-ratio:4/3;object-fit:cover;width:100%}
.ks-ar-3-4 .ks-li-img img{aspect-ratio:3/4;object-fit:cover;width:100%}
.ks-ar-1-1 .ks-li-img img{aspect-ratio:1/1;object-fit:cover;width:100%}
.ks-ar-16-9 .ks-li-img img{aspect-ratio:16/9;object-fit:cover;width:100%}
.ks-ar-3-2 .ks-li-img img{aspect-ratio:3/2;object-fit:cover;width:100%}
.ks-ar-2-3 .ks-li-img img{aspect-ratio:2/3;object-fit:cover;width:100%}
.ks-li-title{font-size:1.4rem;margin:0}
.ks-li-boxed{background:rgba(220,219,219,.0)}
.ks-list-title p{font-family:var(--ks-head);font-size:calc((2.6 - 1) * 1.2vw + 1rem);font-weight:700;line-height:1.3}
.elementor-widget.ks-css{display:none!important}.ks-ovl>.elementor-element{min-width:0}