/* Theme Name: Ohio Security & Investigations Theme URI: https://ohioinvestigators.com/ Author: Ohio Security & Investigations Description: Preview-fidelity, Elementor Pro-compatible presentation theme for Ohio Security & Investigations, including Process Server and BCI/FBI fingerprinting locality Pages. Version: 2.2.6 Requires at least: 5.8 Requires PHP: 7.4 Text Domain: osi-security-theme */ :root{--osi-red:#ed2b1d;--osi-red-dark:#cb1d13;--osi-black:#050505;--osi-ink:#111;--osi-line:#d9d9d9;--osi-frame:1260px} /* Preview-fidelity shell: the PHP theme uses the same header, dark cityscape hero, card surfaces, white/black cadence, buttons, containers, and footer as the React preview. */ body{font-family:'Open Sans',Arial,sans-serif;font-size:15px;line-height:1.75;color:#454545}.osi-frame{max-width:1260px;margin:0 auto;padding-right:28px;padding-left:28px}.osi-preview-header{position:relative;z-index:30;background:#fff}.osi-preview-header__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;min-height:118px}.osi-preview-brand{display:flex;align-items:center;gap:13px;color:#111;text-align:left;text-decoration:none}.osi-preview-brand img{width:76px;height:76px;object-fit:contain}.osi-preview-brand span{display:grid;line-height:1}.osi-preview-brand strong,.osi-preview-brand em{font-family:'Barlow Condensed',Arial,sans-serif;font-style:normal;text-transform:uppercase}.osi-preview-brand strong{font-size:27px;font-weight:600;letter-spacing:.01em}.osi-preview-brand em{margin-top:6px;color:var(--osi-red);font-size:9px;font-weight:700;letter-spacing:.08em}.osi-preview-details{display:flex;align-items:center;justify-content:flex-end;gap:42px}.osi-preview-details a,.osi-preview-details div{display:grid;color:#111;line-height:1.35;text-align:right;text-decoration:none}.osi-preview-details span{color:#747474;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.osi-preview-details b{margin-top:4px;font-size:11px;font-weight:700}.osi-preview-details a:hover b{color:var(--osi-red)}.osi-preview-mobile-controls{display:none}.osi-preview-nav{min-height:51px;background:#eee}.osi-preview-nav__inner{display:flex;align-items:stretch;justify-content:space-between;min-height:51px}.osi-preview-nav ul{display:flex;flex:1;align-items:stretch;gap:0;margin:0;padding:0;list-style:none}.osi-preview-nav li{display:flex}.osi-preview-nav li a{display:flex;align-items:center;min-height:51px;padding:0 18px;border-right:1px solid #dedede;color:#444;font-family:'Barlow Condensed',Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}.osi-preview-nav li:first-child a{border-left:1px solid #dedede}.osi-preview-nav a:hover,.osi-preview-nav .current-menu-item>a{background:#fff;color:var(--osi-red)}.osi-preview-nav__cta{min-width:235px;padding:11px 22px;background:var(--osi-red);color:#fff;text-align:left;text-decoration:none}.osi-preview-nav__cta:hover{background:var(--osi-red-dark)}.osi-preview-nav__cta span,.osi-preview-nav__cta b{display:block;line-height:1.25}.osi-preview-nav__cta span{margin-bottom:3px;font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.osi-preview-nav__cta b{font-family:'Barlow Condensed',Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em;text-transform:uppercase} .osi-preview-hero{position:relative;isolation:isolate;display:block;min-height:655px;overflow:hidden;padding:122px max(28px,calc((100vw - 1260px)/2)) 74px;background:#080808 url('assets/images/youngstown-fire-red-cityscape.webp') center/cover no-repeat;color:#fff}.osi-preview-hero:before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 79% 56%,rgba(237,43,29,.72),rgba(168,20,12,.42) 27%,transparent 56%),linear-gradient(90deg,rgba(4,4,4,.96),rgba(7,7,7,.82) 42%,rgba(73,8,5,.42));content:''}.osi-preview-hero__copy{position:relative;z-index:1;max-width:650px}.osi-eyebrow,.osi-preview-eyebrow{display:flex;align-items:center;gap:8px;margin:0;color:var(--osi-red);font-size:9px;font-weight:700;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}.osi-eyebrow:before,.osi-preview-eyebrow:before{width:17px;height:2px;background:currentColor;content:''}.osi-eyebrow--light{color:#fff}.osi-preview-hero h1{max-width:640px;margin:17px 0 20px;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(43px,4.3vw,63px);font-weight:600;letter-spacing:.01em;line-height:1.08;text-transform:uppercase}.osi-preview-hero__copy>p:not(.osi-eyebrow){max-width:620px;margin:0;color:#f2f2f2;font-size:14px;line-height:1.95}.osi-preview-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.osi-preview-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 21px;border:1px solid var(--osi-red);background:var(--osi-red);color:#fff!important;font-size:10px;font-weight:700;letter-spacing:.05em;line-height:1.25;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .18s ease,transform .18s ease}.osi-preview-button:hover{background:var(--osi-red-dark);transform:translateY(-2px)}.osi-preview-call{border:0;color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;line-height:1.5;text-decoration:none}.osi-preview-call b{color:var(--osi-red)}.osi-preview-hero__badge-stage{position:absolute;z-index:-1;inset:0;pointer-events:none}.osi-preview-hero__badge-stage img{position:absolute;top:50%;right:2%;width:auto;height:78%;max-width:54vw;opacity:.09;transform:translateY(-50%)}.osi-preview-hero__details{position:absolute;z-index:2;top:20px;right:max(28px,calc((100vw - 1260px)/2));width:285px;margin:0;padding:17px 20px;border-left:3px solid var(--osi-red);background:rgba(18,18,18,.92)}.osi-preview-hero__details h2{margin:0;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.2}.osi-preview-hero__details p{margin:5px 0 0;color:#bdbdbd;font-size:10px;line-height:1.5} .osi-preview-services{max-width:1260px;margin:0 auto;padding:105px 28px;background:#fff}.osi-preview-services__heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:54px;align-items:end}.osi-preview-services h2,.osi-preview-trust h2,.osi-preview-office h2,.osi-preview-journal h2{max-width:850px;margin:10px 0 0;color:#111;font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,3.45vw,50px);font-weight:700;letter-spacing:normal;line-height:1.2}.osi-preview-services__heading>p{margin:0 0 4px;color:#555;font-size:13px;line-height:1.75}.osi-preview-services__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:44px;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9}.osi-preview-service-card{display:flex;min-height:330px;flex-direction:column;padding:25px 22px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#fff;color:#111;text-decoration:none;transition:background .18s ease,color .18s ease}.osi-preview-service-card:hover{background:#111;color:#fff}.osi-preview-service-card__top{display:block}.osi-preview-service-card__top b{display:block;color:var(--osi-red);font-family:'Barlow Condensed',Arial,sans-serif;font-size:18px;line-height:1}.osi-preview-service-card__top i{display:block;margin-top:8px;color:#777;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.osi-preview-service-card__body{display:block;margin-top:32px}.osi-preview-service-card__body strong{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:28px;font-weight:600;line-height:1.03;text-transform:uppercase}.osi-preview-service-card__body em{display:block;margin-top:12px;color:#6b6b6b;font-size:12px;font-style:normal;line-height:1.7}.osi-preview-service-card:hover .osi-preview-service-card__top i,.osi-preview-service-card:hover .osi-preview-service-card__body em{color:#d9d9d9}.osi-preview-service-card__action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:22px;color:inherit;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.osi-preview-service-card__action b{color:var(--osi-red);font-size:16px}.osi-preview-services__footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 0 0;border-top:1px solid #d9d9d9}.osi-preview-services__footer p{margin:0;font-size:12px}.osi-preview-services__footer a{color:#111;font-size:10px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.osi-preview-services__footer a b{color:var(--osi-red);font-size:17px} .osi-preview-office{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:70px;align-items:end;padding:84px max(28px,calc((100vw - 1260px)/2));background:#111;color:#fff}.osi-preview-office h2{color:#fff}.osi-preview-office>div>p:not(.osi-eyebrow){max-width:720px;margin:20px 0 0;color:#dedede;font-size:13px;line-height:1.8}.osi-preview-office__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.osi-preview-office__actions a{min-width:132px;padding:12px 14px;border:1px solid #666;color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase}.osi-preview-office__actions a:hover{border-color:var(--osi-red);background:var(--osi-red)}.osi-preview-office aside{padding:26px;border-left:3px solid var(--osi-red);background:#191919}.osi-preview-office aside span{color:var(--osi-red);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.osi-preview-office aside strong{display:block;margin-top:12px;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:31px;font-weight:600;line-height:1;text-transform:uppercase}.osi-preview-office aside p{margin:12px 0 0;color:#d2d2d2;font-size:12px}.osi-preview-office aside a{color:#fff;font-weight:700;text-decoration:none}.osi-preview-trust{display:grid;grid-template-columns:1fr 1.1fr;gap:66px;align-items:start;padding:76px max(28px,calc((100vw - 1260px)/2));background:#fff}.osi-preview-trust__items{display:grid;grid-template-columns:1fr 1fr;gap:21px 33px}.osi-preview-trust__items p{margin:0;padding-top:13px;border-top:3px solid var(--osi-red);font-size:12px;font-weight:600;line-height:1.55}.osi-preview-trust__items b{display:block;margin-bottom:5px;color:#111;font-family:'Barlow Condensed',Arial,sans-serif;font-size:19px;font-weight:600;text-transform:uppercase}.osi-preview-content{max-width:980px;margin:0 auto;padding:78px 28px}.osi-preview-content>*{max-width:820px;margin-right:auto;margin-left:auto} .osi-preview-page-banner{position:relative;display:flex;align-items:end;min-height:360px;overflow:hidden;padding:70px max(28px,calc((100vw - 1260px)/2));background:#111 url('assets/images/youngstown-fire-red-cityscape.webp') center/cover no-repeat;color:#fff}.osi-preview-page-banner:before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.83));content:''}.osi-preview-page-banner:after{position:absolute;top:0;bottom:0;left:max(28px,calc((100vw - 1260px)/2));width:3px;background:var(--osi-red);content:''}.osi-preview-page-banner>img{position:absolute;right:5%;bottom:-33%;width:min(49vw,580px);opacity:.14}.osi-preview-page-banner>div{position:relative;max-width:900px;padding-left:31px}.osi-preview-page-banner h1{margin:12px 0 0;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(48px,5.4vw,73px);font-weight:600;letter-spacing:.01em;line-height:1.05;text-transform:uppercase}.osi-preview-post-meta{margin:15px 0 0;color:#dadada;font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.osi-preview-post-meta span{padding:0 5px;color:var(--osi-red)}.osi-preview-page-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:68px;max-width:1260px;margin:0 auto;padding:76px 28px 100px}.osi-preview-page-layout--no-aside{grid-template-columns:minmax(0,1fr);max-width:980px}.osi-preview-page-layout>aside{align-self:start;position:sticky;top:20px;padding-top:6px}.osi-preview-page-layout>aside>p:not(.osi-preview-eyebrow){font-size:12px;line-height:1.7}.osi-preview-page-layout .osi-preview-button{width:100%;margin-top:18px}.osi-preview-article{min-width:0}.osi-preview-article h1,.osi-preview-article h2,.osi-preview-article h3,.osi-preview-article h4{max-width:850px;margin:40px 0 15px;color:#111;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.08;text-transform:uppercase}.osi-preview-article h1{font-size:51px}.osi-preview-article h2{font-size:43px}.osi-preview-article h3{font-size:31px}.osi-preview-article h4{font-size:25px}.osi-preview-article p,.osi-preview-article li{max-width:780px;font-size:14px;line-height:1.9}.osi-preview-article ul,.osi-preview-article ol{max-width:760px;padding-left:24px}.osi-preview-article a{color:#b51f15;font-weight:700;text-decoration-color:var(--osi-red);text-underline-offset:3px}.osi-preview-article img{display:block;width:100%;max-width:870px;height:auto;margin:29px 0;border-bottom:3px solid var(--osi-red)}.osi-preview-article blockquote{max-width:780px;margin:32px 0;padding:21px 24px;border-left:3px solid var(--osi-red);background:#f5f5f5;color:#111;font-family:'Barlow Condensed',Arial,sans-serif;font-size:23px;font-weight:600;line-height:1.35}.osi-preview-article__cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:62px;padding:27px;border-left:3px solid var(--osi-red);background:#f5f5f5}.osi-preview-article__cta h2{margin:8px 0 0;font-size:33px}.osi-preview-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:44px}.osi-preview-tags a{padding:7px 10px;border:1px solid #d9d9d9;color:#111!important;font-size:9px;letter-spacing:.06em;text-decoration:none!important;text-transform:uppercase}.osi-preview-tags a:hover{border-color:var(--osi-red);color:var(--osi-red)!important}.osi-preview-journal{max-width:1260px;margin:0 auto;padding:84px 28px}.osi-preview-journal__heading{max-width:780px}.osi-preview-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}.osi-preview-post-card{display:flex;min-height:290px;flex-direction:column;padding:26px;border:1px solid #d9d9d9;border-top:4px solid var(--osi-red);background:#fff}.osi-preview-post-card>p{margin:0;color:#777;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.osi-preview-post-card h2{margin:18px 0 10px;color:#111;font-family:'Barlow Condensed',Arial,sans-serif;font-size:28px;font-weight:600;line-height:1.05;text-transform:uppercase}.osi-preview-post-card h2 a{text-decoration:none}.osi-preview-post-card>div{font-size:12px;line-height:1.7}.osi-preview-post-card>a{margin-top:auto;padding-top:20px;color:#111;font-size:9px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.osi-preview-post-card>a b{color:var(--osi-red);font-size:17px}.osi-preview-not-found{display:grid;place-items:center;align-content:center;min-height:55vh;padding:80px 24px;background:#f5f5f5;text-align:center}.osi-preview-not-found img{width:120px;height:120px;object-fit:contain}.osi-preview-not-found h1{max-width:720px;margin:16px auto 27px;color:#111;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(46px,5vw,68px);font-weight:600;line-height:1.05;text-transform:uppercase}.osi-preview-not-found p:not(.osi-preview-eyebrow){max-width:570px;margin:0 0 25px} .osi-preview-footer{padding:67px max(28px,calc((100vw - 1260px)/2)) 18px;background:#050505;color:#fff}.osi-preview-footer__brand{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:25px;align-items:center;padding-bottom:45px;border-bottom:1px solid #414141}.osi-preview-footer__brand>img{width:124px;height:124px;object-fit:contain}.osi-preview-footer h2{margin:11px 0 0;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(35px,3.5vw,48px);font-weight:600;letter-spacing:.01em;line-height:1.08;text-transform:uppercase}.osi-preview-footer h2 span{color:var(--osi-red)}.osi-preview-footer__association{display:block;width:112px;height:112px}.osi-preview-footer__association img{display:block;width:100%;height:100%;object-fit:contain}.osi-preview-footer__links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:42px 0}.osi-preview-footer__links h3{margin:0 0 12px;color:var(--osi-red);font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.osi-preview-footer__links a{display:block;padding:3px 0;color:#fff;font-size:12px;font-weight:600;line-height:1.7;text-decoration:none}.osi-preview-footer__links a:hover{color:var(--osi-red)}.osi-preview-footer__links p{margin:3px 0;color:#c2c2c2;font-size:12px;line-height:1.7}.osi-preview-footer__license{max-width:980px;margin:0 auto;color:#c8c8c8;font-size:11px;line-height:1.75;text-align:center}.osi-preview-footer__bottom{display:flex;justify-content:space-between;gap:15px;margin-top:28px;padding-top:17px;border-top:1px solid #414141;color:#aaa;font-size:8px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.osi-preview-footer__bottom a{color:#fff;text-decoration:none}.osi-preview-footer__bottom a:hover{color:var(--osi-red)} @media(max-width:1060px){.osi-preview-services__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.osi-preview-services__heading{grid-template-columns:1fr}.osi-preview-services__heading>p{max-width:620px}.osi-preview-office{grid-template-columns:1fr}.osi-preview-page-layout{gap:42px}.osi-preview-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osi-preview-details div:last-child{display:none}} @media(max-width:790px){.osi-frame{padding-right:16px;padding-left:16px}.osi-preview-header{position:sticky;top:0;z-index:50;border-bottom:2px solid #111;box-shadow:0 3px 13px rgba(0,0,0,.13)}.osi-preview-header__top{display:flex;min-height:78px;gap:9px}.osi-preview-brand{flex:1;min-width:0;gap:8px}.osi-preview-brand img{flex:0 0 53px;width:53px;height:53px}.osi-preview-brand strong{overflow:hidden;font-size:21px;white-space:nowrap;text-overflow:ellipsis}.osi-preview-brand em{margin-top:5px;font-size:7px}.osi-preview-details{display:none}.osi-preview-mobile-controls{display:flex;align-items:stretch;gap:7px}.osi-preview-mobile-controls>a,.osi-menu-toggle{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #111;background:#fff;color:#111;font-size:9px;font-weight:700;letter-spacing:.04em;line-height:1.1;text-align:center;text-decoration:none;text-transform:uppercase}.osi-preview-mobile-controls>a{display:grid;min-width:54px;padding:5px 6px}.osi-preview-mobile-controls>a span{display:block;margin-bottom:3px;color:var(--osi-red);font-size:8px}.osi-menu-toggle{gap:6px;padding:0 10px}.osi-menu-toggle i{color:var(--osi-red);font-size:19px;font-style:normal}.osi-preview-nav{display:none;background:#111}.osi-preview-nav.is-open{display:block}.osi-preview-nav__inner{display:block;padding:0}.osi-preview-nav ul{display:block}.osi-preview-nav li a{justify-content:space-between;min-height:48px;padding:0 18px;border:0;border-bottom:1px solid #444;background:transparent;color:#fff;font-size:18px}.osi-preview-nav li a:after{color:var(--osi-red);content:'→'}.osi-preview-nav__cta{display:block;min-height:54px;width:auto;margin:16px;padding:13px 15px}.osi-preview-hero{min-height:0;padding:54px 20px 25px;background-position:64% center}.osi-preview-hero:before{background:radial-gradient(circle at 64% 58%,rgba(237,43,29,.48),rgba(168,20,12,.28) 32%,transparent 62%),linear-gradient(180deg,rgba(4,4,4,.9),rgba(10,7,7,.82))}.osi-preview-hero__copy{max-width:350px}.osi-preview-hero h1{margin:0 0 20px;font-size:34px;line-height:1.35}.osi-preview-hero__copy>p:not(.osi-eyebrow){font-size:12px;line-height:1.85}.osi-preview-hero__actions{display:grid;gap:14px;margin-top:23px}.osi-preview-button{width:100%;min-height:54px}.osi-preview-call{display:flex;justify-content:space-between}.osi-preview-hero__badge-stage{position:relative;z-index:0;display:grid;place-items:center;width:100%;height:245px;margin:20px 0 0}.osi-preview-hero__badge-stage img{position:static;width:min(75vw,285px);height:auto;max-width:none;max-height:220px;opacity:.2;transform:none}.osi-preview-hero__details{position:relative;right:auto;top:auto;width:100%;margin:0;padding:15px 0 0;border-top:1px solid rgba(255,255,255,.23);border-left:0;background:transparent}.osi-preview-hero__details h2{font-size:18px}.osi-preview-hero__details p{font-size:10px}.osi-preview-services{padding:61px 18px}.osi-preview-services h2,.osi-preview-office h2,.osi-preview-trust h2{font-size:34px;line-height:1.2}.osi-preview-services__grid{grid-template-columns:1fr;margin-top:31px}.osi-preview-service-card{min-height:0;padding:22px}.osi-preview-service-card__body{margin-top:21px}.osi-preview-service-card__body strong{font-size:28px}.osi-preview-service-card__action{margin-top:20px;padding-top:0}.osi-preview-services__footer{display:block;padding-top:22px}.osi-preview-services__footer a{display:block;margin-top:15px}.osi-preview-office{display:block;padding:62px 20px}.osi-preview-office aside{margin-top:31px}.osi-preview-office__actions{display:grid;grid-template-columns:1fr 1fr}.osi-preview-office__actions a:last-child{grid-column:span 2}.osi-preview-trust{display:block;padding:55px 20px}.osi-preview-trust__items{grid-template-columns:1fr 1fr;gap:18px;margin-top:29px}.osi-preview-trust__items p{font-size:11px}.osi-preview-content{padding:60px 18px}.osi-preview-page-banner{min-height:310px;padding:52px 20px 33px}.osi-preview-page-banner:after{left:20px}.osi-preview-page-banner>div{padding-left:20px}.osi-preview-page-banner h1{font-size:46px}.osi-preview-page-banner>img{right:-148px;bottom:-70px;width:480px}.osi-preview-page-layout{display:block;padding:0 18px 69px}.osi-preview-page-layout>aside{position:static;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0 -18px 35px;padding:16px 18px;border-top:3px solid var(--osi-red);background:#111;color:#fff}.osi-preview-page-layout>aside>p:not(.osi-preview-eyebrow){margin:0;color:#ddd;font-size:10px;line-height:1.4;text-align:right}.osi-preview-page-layout>aside .osi-preview-button{grid-column:1/-1;margin:2px 0 0;min-height:42px;border-color:#666;background:transparent}.osi-preview-article h1{font-size:42px}.osi-preview-article h2{font-size:37px}.osi-preview-article h3{font-size:29px}.osi-preview-article p,.osi-preview-article li{font-size:14px;line-height:1.82}.osi-preview-article__cta{display:block;margin-top:47px;padding:23px}.osi-preview-article__cta h2{font-size:31px}.osi-preview-article__cta .osi-preview-button{margin-top:17px}.osi-preview-journal{padding:62px 18px}.osi-preview-post-grid{grid-template-columns:1fr}.osi-preview-not-found{min-height:55vh;padding:70px 18px}.osi-preview-footer{padding:51px 20px 18px}.osi-preview-footer__brand{grid-template-columns:76px 1fr;gap:14px;padding-bottom:37px}.osi-preview-footer__brand>img{width:76px;height:76px}.osi-preview-footer h2{font-size:36px}.osi-preview-footer__association{grid-column:1/-1;width:92px;height:92px}.osi-preview-footer__links{grid-template-columns:1fr 1fr;gap:27px 18px;padding:35px 0}.osi-preview-footer__links>div:last-child{grid-column:span 2}.osi-preview-footer__bottom{display:block}.osi-preview-footer__bottom span{display:block;margin-bottom:6px}} .osi-preview-home-faq{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:74px;padding:86px max(28px,calc((100vw - 1260px)/2));background:#111;color:#fff}.osi-preview-home-faq h2{margin:10px 0;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(38px,3.7vw,52px);font-weight:600;line-height:1.08;text-transform:uppercase}.osi-preview-home-faq>div>p:not(.osi-preview-eyebrow){max-width:460px;margin:0;color:#d6d6d6;font-size:13px;line-height:1.75}.osi-preview-home-faq__items{border-top:1px solid #4a4a4a}.osi-preview-home-faq details{border-bottom:1px solid #4a4a4a}.osi-preview-home-faq summary{display:grid;grid-template-columns:32px 1fr 20px;gap:10px;align-items:center;min-height:72px;cursor:pointer;list-style:none}.osi-preview-home-faq summary::-webkit-details-marker{display:none}.osi-preview-home-faq summary span{color:var(--osi-red);font-size:10px;font-weight:700}.osi-preview-home-faq summary b{color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:21px;font-weight:600;line-height:1.1;text-transform:uppercase}.osi-preview-home-faq summary i{color:var(--osi-red);font-size:21px;font-style:normal;text-align:right}.osi-preview-home-faq details[open] summary i{transform:rotate(45deg)}.osi-preview-home-faq details p{max-width:620px;margin:0;padding:0 0 22px 42px;color:#d7d7d7;font-size:12px;line-height:1.8}.osi-preview-home-insights{max-width:1260px;margin:0 auto;padding:90px 28px}.osi-preview-home-insights__heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.osi-preview-home-insights__heading h2{max-width:710px;margin:10px 0 0;color:#111;font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,3.45vw,50px);font-weight:700;line-height:1.2}.osi-preview-home-insights__heading>a{color:#111;font-size:10px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.osi-preview-home-insights__heading>a b{color:var(--osi-red);font-size:17px} @media(min-width:791px){.osi-preview-nav{min-height:48px;border-top:1px solid #ededed;background:#fff}.osi-preview-nav__inner{min-height:48px}.osi-preview-nav ul{gap:24px}.osi-preview-nav li a,.osi-preview-nav li:first-child a{min-height:48px;padding:0;border:0;background:transparent;color:#414141;font-size:11px;letter-spacing:.03em}.osi-preview-nav a:hover,.osi-preview-nav .current-menu-item>a{background:transparent;color:var(--osi-red)}.osi-preview-nav .current-menu-item>a{box-shadow:inset 0 -2px 0 var(--osi-red)}.osi-preview-nav__cta{min-width:184px;padding:10px 17px}} @media(max-width:790px){.osi-preview-home-faq{display:block;padding:62px 20px}.osi-preview-home-faq h2{font-size:37px}.osi-preview-home-faq__items{margin-top:30px}.osi-preview-home-faq summary{min-height:67px}.osi-preview-home-faq summary b{font-size:19px}.osi-preview-home-faq details p{padding-left:42px}.osi-preview-home-insights{padding:62px 18px}.osi-preview-home-insights__heading{display:block;margin-bottom:29px}.osi-preview-home-insights__heading>a{display:block;margin-top:18px}} /* Header correction: one primary row only. Request-form children stay available from their service pages, not as a second navigation row. */ .osi-preview-nav__inner > ul.menu, .osi-preview-nav__inner > ul { display:flex; flex:1 1 auto; min-width:0; align-items:stretch; } .osi-preview-nav__inner > ul.menu > li, .osi-preview-nav__inner > ul > li { flex:1 1 auto; min-width:0; } .osi-preview-nav__inner > ul.menu > li > a, .osi-preview-nav__inner > ul > li > a { justify-content:center; padding-right:14px; padding-left:14px; text-align:center; white-space:nowrap; } .osi-preview-nav .sub-menu { display:none !important; } .osi-preview-nav__cta { flex:0 0 225px; min-width:225px; } @media (max-width:1080px) { .osi-preview-header__top { gap:18px; min-height:100px; } .osi-preview-brand img { width:66px; height:66px; } .osi-preview-brand strong { font-size:23px; } .osi-preview-details { gap:20px; } .osi-preview-nav__inner > ul.menu > li > a, .osi-preview-nav__inner > ul > li > a { padding-right:10px; padding-left:10px; font-size:11px; } .osi-preview-nav__cta { flex-basis:202px; min-width:202px; padding-right:16px; padding-left:16px; } } /* React-preview fidelity pass: use the loaded preview's exact homepage geometry. */ .osi-theme-shell, .osi-theme-shell *, .osi-theme-shell *::before, .osi-theme-shell *::after { box-sizing:border-box; } .osi-preview-nav { height:49px; min-height:49px; } .osi-preview-nav__inner { min-height:48px; height:48px; } .osi-preview-nav li a { min-height:48px; } .osi-preview-hero { min-height:655px; padding:122px max(28px,calc((100vw - 1260px)/2)) 74px; } .osi-preview-hero .osi-eyebrow { display:none; } .osi-preview-hero h1 { max-width:640px; margin:0 0 26px; font-family:'Barlow Condensed',Arial,sans-serif; font-size:clamp(34px,3.1vw,47px); font-weight:600; letter-spacing:.01em; line-height:1.32; text-transform:uppercase; } .osi-preview-hero__copy > p:not(.osi-eyebrow) { max-width:630px; font-family:'Open Sans',Arial,sans-serif; font-size:13px; line-height:1.92; } .osi-preview-hero__actions { margin-top:28px; } .osi-preview-hero__details { width:285px; } .osi-preview-services { max-width:none; margin:0; padding:104px max(28px,calc((100vw - 1260px)/2)); background:linear-gradient(180deg,#f6f5f3 0%,#fff 100%); } .osi-preview-services__heading { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(260px,.58fr); gap:62px; align-items:end; max-width:1260px; margin:0 auto; } .osi-preview-services h2 { max-width:800px; margin:11px 0 0; color:#111; font-family:Manrope,Arial,sans-serif; font-size:clamp(35px,3.4vw,52px); font-weight:750; letter-spacing:-.035em; line-height:1.1; text-transform:none; } .osi-preview-services__heading > p { max-width:390px; margin:0 0 4px; color:#5d5d5d; font-size:13px; line-height:1.85; } .osi-preview-services__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; max-width:1260px; margin:46px auto 0; border:0; } .osi-preview-service-card { grid-column:span 4; min-height:295px; padding:27px 29px 25px; border:1px solid #d7d7d5; border-top:4px solid var(--osi-red); background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.055); } .osi-preview-service-card:nth-child(-n+2) { grid-column:span 6; min-height:310px; } .osi-preview-service-card:nth-child(1) { border-color:#151515; border-top-color:var(--osi-red); background:linear-gradient(135deg,#181818 0%,#0d0d0d 72%); color:#fff; } .osi-preview-service-card__top { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:17px; border-bottom:1px solid #dddddb; } .osi-preview-service-card:nth-child(1) .osi-preview-service-card__top { border-color:rgba(255,255,255,.24); } .osi-preview-service-card__top b { font-family:Manrope,Arial,sans-serif; font-size:11px; font-weight:800; letter-spacing:.08em; } .osi-preview-service-card__top i { color:#777; font-size:8px; font-weight:800; letter-spacing:.1em; } .osi-preview-service-card:nth-child(1) .osi-preview-service-card__top i { color:#d0d0d0; } .osi-preview-service-card__body { margin-top:29px; } .osi-preview-service-card__body strong { max-width:430px; font-family:Manrope,Arial,sans-serif; font-size:clamp(24px,2.05vw,31px); font-weight:730; letter-spacing:-.03em; line-height:1.12; text-transform:none; } .osi-preview-service-card__body em { max-width:470px; color:#626262; font-size:13px; line-height:1.75; } .osi-preview-service-card:nth-child(1) .osi-preview-service-card__body em { color:#d5d5d5; } .osi-preview-service-card__action { margin-top:auto; padding-top:23px; border-top:1px solid #dededc; font-size:9px; font-weight:800; letter-spacing:.075em; } .osi-preview-service-card:nth-child(1) .osi-preview-service-card__action { border-color:rgba(255,255,255,.24); } .osi-preview-services__footer { max-width:1260px; margin:18px auto 0; padding:22px 0 0; border-top:1px solid #d1d1cf; } @media (max-width:790px) { .osi-preview-nav { height:auto; min-height:0; } .osi-preview-nav__inner { height:auto; min-height:0; } .osi-preview-hero { min-height:0; padding:54px 20px 25px; } .osi-preview-hero h1 { margin:0 0 20px; font-size:34px; line-height:1.35; } .osi-preview-hero__copy > p:not(.osi-eyebrow) { font-size:12px; line-height:1.85; } .osi-preview-services { padding:70px 18px; } .osi-preview-services__heading { display:block; } .osi-preview-services__heading > p { margin-top:18px; } .osi-preview-services__grid { grid-template-columns:1fr; gap:12px; margin-top:32px; } .osi-preview-service-card,.osi-preview-service-card:nth-child(-n+2) { grid-column:1; min-height:0; padding:23px 21px; } .osi-preview-service-card__body { margin-top:23px; } .osi-preview-service-card__body strong { font-size:26px; } } /* Native WPForms request pages: homepage-aligned hero, card shell, and scoped field controls. */ .osi-request-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:405px;overflow:hidden;padding:84px max(28px,calc((100vw - 1260px)/2));background:#090909 url('assets/images/youngstown-fire-red-cityscape.webp') center/cover no-repeat;color:#fff} .osi-request-hero:before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 79% 58%,rgba(237,43,29,.68),rgba(132,17,12,.36) 29%,transparent 55%),linear-gradient(90deg,rgba(4,4,4,.97),rgba(6,6,6,.83) 51%,rgba(36,6,4,.5));content:''} .osi-request-hero>img{position:absolute;z-index:-1;right:3%;bottom:-33%;width:min(48vw,590px);opacity:.12} .osi-request-hero__copy{max-width:690px} .osi-request-hero h1{max-width:650px;margin:16px 0 18px;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(48px,5vw,70px);font-weight:600;letter-spacing:.01em;line-height:1.05;text-transform:uppercase} .osi-request-hero__copy>p:not(.osi-eyebrow){max-width:620px;margin:0;color:#ededed;font-size:14px;line-height:1.92} .osi-request-hero__detail{position:absolute;right:max(28px,calc((100vw - 1260px)/2));bottom:68px;width:275px;padding:18px 20px;border-left:3px solid var(--osi-red);background:rgba(13,13,13,.84)} .osi-request-hero__detail span{display:block;color:var(--osi-red);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .osi-request-hero__detail strong{display:block;margin-top:8px;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:21px;font-weight:600;line-height:1.1;text-transform:uppercase} .osi-request-hero__detail p{margin:9px 0 0;color:#d0d0d0;font-size:11px;line-height:1.6} .osi-request-hero__detail a{color:#fff;font-weight:700;text-decoration-color:var(--osi-red);text-underline-offset:3px} .osi-request-shell{background:linear-gradient(180deg,#f5f4f2 0%,#fff 100%);padding:78px max(28px,calc((100vw - 1260px)/2)) 98px} .osi-request-shell__grid{display:grid;grid-template-columns:220px minmax(0,690px);justify-content:center;gap:38px;max-width:980px;margin:0 auto;align-items:start} .osi-request-intro{position:sticky;top:24px;padding:29px 28px 27px;border-top:4px solid var(--osi-red);background:#111;color:#fff;box-shadow:0 16px 36px rgba(0,0,0,.12)} .osi-request-intro h2{margin:17px 0 13px;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:34px;font-weight:600;line-height:1.05;text-transform:uppercase} .osi-request-intro>p:not(.osi-preview-eyebrow){margin:0;color:#d7d7d7;font-size:12px;line-height:1.8} .osi-request-intro__call{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22)} .osi-request-intro__call span{display:block;color:#bbb;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .osi-request-intro__call a{display:inline-block;margin-top:5px;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-size:25px;font-weight:600;text-decoration:none} .osi-request-intro__call a:hover{color:var(--osi-red)} .osi-request-form-card{min-width:0;padding:42px clamp(22px,4vw,52px) 48px;border-top:4px solid var(--osi-red);background:#fff;box-shadow:0 15px 42px rgba(0,0,0,.09)} .osi-request-form-card__heading{max-width:660px;padding-bottom:25px;border-bottom:1px solid #d8d7d4} .osi-request-form-card__heading h2{margin:14px 0 8px;color:#111;font-family:Manrope,Arial,sans-serif;font-size:clamp(27px,3vw,38px);font-weight:750;letter-spacing:-.035em;line-height:1.12} .osi-request-form-card__heading>p:not(.osi-preview-eyebrow){margin:0;color:#686868;font-size:12px;line-height:1.7} .osi-request-form-card__content{margin-top:29px} .osi-request-form-card__content>p:first-child{display:none} .osi-request-form-card .wpforms-container{max-width:none;margin:0!important} .osi-request-form-card .wpforms-form{max-width:none!important} .osi-request-form-card .wpforms-field{padding:12px 0!important} .osi-request-form-card .wpforms-field-label{margin-bottom:7px!important;color:#151515!important;font-family:Manrope,Arial,sans-serif!important;font-size:12px!important;font-weight:750!important;letter-spacing:.01em!important} .osi-request-form-card .wpforms-field-label-inline{color:#333!important;font-size:12px!important;font-weight:600!important} .osi-request-form-card .wpforms-field-description{margin-top:7px!important;color:#777!important;font-size:11px!important;line-height:1.65!important} .osi-request-form-card input[type=text],.osi-request-form-card input[type=email],.osi-request-form-card input[type=tel],.osi-request-form-card input[type=number],.osi-request-form-card input[type=date],.osi-request-form-card select,.osi-request-form-card textarea{min-height:47px;border:1px solid #c9c9c6!important;border-radius:0!important;background:#fff!important;color:#1a1a1a!important;box-shadow:none!important;font-family:'Open Sans',Arial,sans-serif!important;font-size:14px!important;line-height:1.4!important;transition:border-color .16s ease,box-shadow .16s ease!important} .osi-request-form-card textarea{min-height:142px;padding-top:13px!important;resize:vertical} .osi-request-form-card input:focus,.osi-request-form-card select:focus,.osi-request-form-card textarea:focus{border-color:var(--osi-red)!important;box-shadow:0 0 0 3px rgba(237,43,29,.13)!important;outline:0!important} .osi-request-form-card .wpforms-page-indicator{margin:0 0 26px!important} .osi-request-form-card .wpforms-page-indicator-steps{color:#222!important;font-family:Manrope,Arial,sans-serif!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase} .osi-request-form-card .wpforms-page-indicator-page-progress{background-color:var(--osi-red)!important} .osi-request-form-card .wpforms-submit-container{padding-top:21px!important} .osi-request-form-card button[type=submit],.osi-request-form-card .wpforms-page-button{min-height:50px;padding:13px 24px!important;border:1px solid var(--osi-red)!important;border-radius:0!important;background:var(--osi-red)!important;color:#fff!important;font-family:Manrope,Arial,sans-serif!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;line-height:1.2!important;text-transform:uppercase!important;transition:background .16s ease,transform .16s ease!important} .osi-request-form-card button[type=submit]:hover,.osi-request-form-card .wpforms-page-button:hover{background:var(--osi-red-dark)!important;transform:translateY(-1px)} .osi-request-form-card .wpforms-required-label{color:var(--osi-red)!important} .osi-request-form-card .wpforms-error{color:#bd2117!important;font-size:11px!important} .osi-request-form-card .wpforms-field-layout .wpforms-layout-column{padding-right:10px!important;padding-left:10px!important} .osi-request-form-card .wpforms-field-layout{margin-right:-10px!important;margin-left:-10px!important} @media(max-width:860px){.osi-request-hero{min-height:0;padding:58px 20px 35px}.osi-request-hero>img{right:-145px;bottom:-80px;width:500px}.osi-request-hero h1{font-size:44px}.osi-request-hero__copy{max-width:510px}.osi-request-hero__detail{position:relative;right:auto;bottom:auto;width:100%;margin-top:28px;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.28);border-left:0;background:transparent}.osi-request-shell{padding:47px 20px 62px}.osi-request-shell__grid{display:block}.osi-request-intro{position:static;margin-bottom:19px;padding:23px}.osi-request-intro h2{font-size:30px}.osi-request-form-card{padding:31px 22px 35px}.osi-request-form-card__heading h2{font-size:29px}} @media(max-width:560px){.osi-request-hero h1{font-size:39px;line-height:1.09}.osi-request-hero__copy>p:not(.osi-eyebrow){font-size:12px}.osi-request-form-card{margin:0 -4px;padding:28px 17px 31px}.osi-request-form-card .wpforms-field{padding:10px 0!important}.osi-request-form-card .wpforms-field-layout .wpforms-layout-column{padding-right:6px!important;padding-left:6px!important}.osi-request-form-card .wpforms-field-layout{margin-right:-6px!important;margin-left:-6px!important}.osi-request-form-card button[type=submit],.osi-request-form-card .wpforms-page-button{width:100%!important}} /* Unified public footer: shared with the React shell and native WordPress routes. */ .site-footer { position:relative; margin:0; padding:68px max(28px,calc((100vw - 1260px)/2)) 24px; background:#050505; color:#fff; } .site-footer__brand { display:grid !important; grid-template-areas:"badge message contact association"; grid-template-columns:112px minmax(0,1fr) minmax(225px,.62fr) 102px; align-items:center; gap:28px clamp(24px,4vw,58px); padding-bottom:36px; border-bottom:1px solid #414141; } .site-footer__brand .badge { grid-area:badge; display:block; width:112px; height:112px; object-fit:contain; } .site-footer__message { grid-area:message; min-width:0; } .site-footer .eyebrow { color:#fff; } .site-footer h2 { max-width:570px; margin:11px 0 0; color:#fff; font-family:'Barlow Condensed',Arial,sans-serif; font-size:clamp(36px,3.75vw,54px); font-weight:600; letter-spacing:.01em; line-height:1.08; text-transform:uppercase; } .site-footer h2 span { color:#ed2b1d; } .site-footer__contact { grid-area:contact; display:grid; gap:4px; min-width:0; margin:0; padding:5px 0 5px 20px; border-left:2px solid #ed2b1d; color:#d0d0d0; font-size:11px; font-style:normal; line-height:1.6; } .site-footer__contact p { margin:0 0 2px; color:#ed2b1d; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; } .site-footer__contact a { color:#fff; font-weight:700; text-decoration:none; } .site-footer__contact a:hover { color:#ed2b1d; } .site-footer__contact span { margin-top:3px; color:#c7c7c7; } .site-footer__quote { color:#fff !important; font-weight:800; text-decoration-color:#ed2b1d !important; text-decoration-thickness:1px; text-underline-offset:4px; } .site-footer__association { grid-area:association; display:block; justify-self:end; align-self:end; width:102px; height:102px; } .site-footer__association img { display:block; width:100%; height:100%; object-fit:contain; } .site-footer__license { max-width:880px; margin:30px auto 0; padding:0 0 26px; border:0; color:#c8c8c8; font-size:11px; line-height:1.72; text-align:center; } .site-footer__license strong { color:#fff; font-weight:700; } .site-footer__bottom { display:flex; justify-content:center; gap:15px; margin:0; padding:18px 8px 10px; border-top:1px solid #414141; color:#aaa; font-size:8px; font-weight:600; letter-spacing:.05em; line-height:1.6; text-align:center; text-transform:uppercase; } .site-footer__bottom a { color:#fff; text-decoration-color:#ed2b1d; text-decoration-thickness:1px; text-underline-offset:3px; } .site-footer__bottom a:hover { color:#ed2b1d; } @media (max-width:790px) { .site-footer { padding:48px 20px 24px; } .site-footer__brand { grid-template-areas:"badge message" "contact association"; grid-template-columns:minmax(0,1fr) 86px; align-items:start; gap:16px 16px; padding-bottom:28px; } .site-footer__brand .badge { width:72px; height:72px; } .site-footer__message { min-width:0; } .site-footer h2 { margin-top:9px; font-size:36px; line-height:1.06; } .site-footer__contact { align-self:stretch; margin-top:2px; padding:14px 0 14px 13px; font-size:11px; } .site-footer__association { width:86px; height:86px; margin:0; } .site-footer__license { margin-top:25px; padding:0 4px 23px; font-size:10px; line-height:1.68; } .site-footer__bottom { display:block; padding:17px 8px calc(96px + env(safe-area-inset-bottom)); font-size:8px; line-height:1.8; } } @media (max-width:360px) { .site-footer { padding-right:16px; padding-left:16px; } .site-footer__brand { grid-template-columns:minmax(0,1fr) 72px; gap:14px 12px; } .site-footer__brand .badge { width:64px; height:64px; } .site-footer h2 { font-size:32px; } .site-footer__association { width:72px; height:72px; } .site-footer__contact { font-size:10px; } } /* Fingerprinting appointment form: retain the Secure first step heading inside its panel. */ .osi-request-intro--fingerprinting { min-width: 0; } .osi-request-intro--fingerprinting h2 { max-inline-size: 100%; font-size: 26px; letter-spacing: 0; line-height: 1.12; overflow-wrap: anywhere; word-break: normal; } @media (max-width: 860px) { .osi-request-intro--fingerprinting h2 { font-size: 26px; } }