/* 10-8 Protective Services restyle.
   Applies the Ohio Security & Investigations type, color and button system to
   the saved Elementor pages and Inestit Core widgets without changing content. */

:root{
	--ten8-red:#ed2b1d;
	--ten8-red-dark:#cb1d13;
	--ten8-black:#050505;
	--ten8-ink:#111;
	--ten8-head:'Barlow Condensed',Arial,sans-serif;
	--ten8-body:'Open Sans',Arial,sans-serif;
}

/* ---------- Base type ---------- */
body.ten8-theme{background:#fff;color:#454545;font-family:var(--ten8-body);font-size:15px;line-height:1.75}
body.ten8-theme .boxed_wrapper{overflow-x:clip}
body.ten8-theme .ten8-main p,
body.ten8-theme .ten8-main li,
body.ten8-theme .ten8-main .text,
body.ten8-theme .ten8-main td{font-family:var(--ten8-body)}
body.ten8-theme .ten8-main h1,
body.ten8-theme .ten8-main h2,
body.ten8-theme .ten8-main h3,
body.ten8-theme .ten8-main h4,
body.ten8-theme .ten8-main h5,
body.ten8-theme .ten8-main h6,
body.ten8-theme .ten8-main .elementor-heading-title,
body.ten8-theme .ten8-main .sec-title h2{font-family:var(--ten8-head);font-weight:600;letter-spacing:.01em;text-transform:uppercase}
body.ten8-theme .ten8-main .sec-title h2{color:var(--ten8-ink);font-size:clamp(34px,4vw,50px);line-height:1.06}
body.ten8-theme .ten8-main a{transition:color .2s ease,background-color .2s ease,border-color .2s ease}

/* Inestit's red (#dd0404) becomes the OSI fire engine red. */
body.ten8-theme .ten8-main [style*="#dd0404"],
body.ten8-theme .ten8-main .theme-color{color:var(--ten8-red)!important}

/* ---------- Buttons ---------- */
body.ten8-theme .ten8-main .theme-btn-one,
body.ten8-theme .ten8-main .theme-btn,
body.ten8-theme .ten8-main .elementor-button,
body.ten8-theme .ten8-main .wpforms-submit,
body.ten8-theme .ten8-main button[type=submit]:not(.am-button):not([class*=ivyforms]),
body.ten8-theme .ten8-main input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 26px!important;border:0!important;border-radius:0!important;background:var(--ten8-red)!important;color:#fff!important;font-family:var(--ten8-body)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em!important;line-height:1.2!important;text-transform:uppercase!important;box-shadow:none!important}
body.ten8-theme .ten8-main .theme-btn-one:hover,
body.ten8-theme .ten8-main .theme-btn:hover,
body.ten8-theme .ten8-main .elementor-button:hover,
body.ten8-theme .ten8-main .wpforms-submit:hover,
body.ten8-theme .ten8-main input[type=submit]:hover{background:var(--ten8-black)!important;color:#fff!important}
body.ten8-theme .ten8-main .theme-btn-one:before,
body.ten8-theme .ten8-main .theme-btn-one:after{display:none!important}

/* ---------- Hero banners (investigator photos kept) ---------- */
body.ten8-theme .ten8-main .banner-section{position:relative;isolation:isolate}
body.ten8-theme .ten8-main .banner-section .content-box h1,
body.ten8-theme .ten8-main .banner-section .content-box h2{font-family:var(--ten8-head);font-size:clamp(34px,4.2vw,58px);font-weight:600;line-height:1.05;letter-spacing:.01em}
body.ten8-theme .ten8-main .banner-section .content-box p,
body.ten8-theme .ten8-main .banner-section .content-box .text{color:#ededed;font-family:var(--ten8-body);font-size:15px;line-height:1.85}
body.ten8-theme .ten8-main .banner-section .slide-item:before,
body.ten8-theme .ten8-main .banner-section .bg-layer:before{background:linear-gradient(90deg,rgba(4,4,4,.92),rgba(6,6,6,.7) 55%,rgba(60,8,4,.45))!important;opacity:1!important}
body.ten8-theme .ten8-main .banner-section .content-box{border-left:3px solid var(--ten8-red);padding-left:28px}
body.ten8-theme .ten8-main .banner-section .content-box p + p,
body.ten8-theme .ten8-main [class*=service-block] p + p{margin-top:14px}

/* ---------- Feature, choose us, service and FAQ blocks ---------- */
body.ten8-theme .ten8-main .feature-section .feature-block-one .inner-box,
body.ten8-theme .ten8-main .feature-section [class*=feature-block] .inner-box{border-radius:0;border-top:4px solid var(--ten8-red);background:#111;color:#fff;box-shadow:0 16px 36px rgba(0,0,0,.12)}
body.ten8-theme .ten8-main .feature-section [class*=feature-block] h3,
body.ten8-theme .ten8-main .feature-section [class*=feature-block] h4,
body.ten8-theme .ten8-main .feature-section [class*=feature-block] a{color:#fff}
body.ten8-theme .ten8-main .feature-section [class*=feature-block] p{color:#d7d7d7}
body.ten8-theme .ten8-main [class*=feature-block] .icon-box,
body.ten8-theme .ten8-main [class*=service-block] .icon-box{color:var(--ten8-red)}

body.ten8-theme .ten8-main .service-section .service-block .inner-box,
body.ten8-theme .ten8-main .service-page-section .service-block .inner-box,
body.ten8-theme .ten8-main [class*=service-block-] .inner-box{border-radius:0;border:1px solid #e3e3e3;border-top:4px solid var(--ten8-red);background:#fff;box-shadow:0 15px 42px rgba(0,0,0,.07);transition:transform .2s ease,box-shadow .2s ease}
body.ten8-theme .ten8-main [class*=service-block] .inner-box:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(0,0,0,.12)}
body.ten8-theme .ten8-main [class*=service-block] h3,
body.ten8-theme .ten8-main [class*=service-block] h3 a{color:var(--ten8-ink);font-family:var(--ten8-head);font-size:26px;font-weight:600;text-transform:uppercase}
body.ten8-theme .ten8-main [class*=service-block] h3 a:hover{color:var(--ten8-red)}

body.ten8-theme .ten8-main .chooseus-section .image-box img,
body.ten8-theme .ten8-main .chooseus-section img{border-radius:0}
body.ten8-theme .ten8-main .chooseus-section .list-item li:before,
body.ten8-theme .ten8-main .chooseus-section .list li:before{color:var(--ten8-red)}

/* Open Sans runs longer than Rajdhani, so let the grey panel follow the text. */
body.ten8-theme .ten8-main .chooseus-section .row > .image-column{align-self:stretch;height:auto!important}
body.ten8-theme .ten8-main .chooseus-section .image_block_2,
body.ten8-theme .ten8-main .chooseus-section .image-box{height:100%}
body.ten8-theme .ten8-main .chooseus-section .bg-layer{bottom:0!important;height:auto!important}

/* The FAQ red side panel has no image saved, so it showed as a bare red block. */
body.ten8-theme .ten8-main .faq-section:before{display:none!important}

body.ten8-theme .ten8-main .faq-section .accordion,
body.ten8-theme .ten8-main .accordion-box .block{border-radius:0;border:0;border-bottom:1px solid #d9d9d9;background:transparent;box-shadow:none}
body.ten8-theme .ten8-main .accordion-box .block .acc-btn{padding-left:0;font-family:var(--ten8-head);font-size:23px;font-weight:600;text-transform:uppercase;color:var(--ten8-ink)}
body.ten8-theme .ten8-main .accordion-box .block .acc-btn.active{color:var(--ten8-red)}
body.ten8-theme .ten8-main .accordion-box .block .acc-btn .icon-outer{border-radius:0;background:var(--ten8-black);color:#fff}
body.ten8-theme .ten8-main .accordion-box .block .acc-btn.active .icon-outer{background:var(--ten8-red)}

/* Forms inside Elementor pages */
body.ten8-theme .ten8-main .wpforms-container input:not([type=submit]):not([type=checkbox]):not([type=radio]),
body.ten8-theme .ten8-main .wpforms-container select,
body.ten8-theme .ten8-main .wpforms-container textarea{border:1px solid #111!important;border-radius:0!important;box-shadow:none!important}
body.ten8-theme .ten8-main .wpforms-container input:focus,
body.ten8-theme .ten8-main .wpforms-container select:focus,
body.ten8-theme .ten8-main .wpforms-container textarea:focus{border-color:var(--ten8-red)!important;outline:2px solid rgba(237,43,29,.18)}

/* ---------- Elementor pages inside the new shell ---------- */
.ten8-elementor-page{display:block;width:100%}
.ten8-elementor-page > .elementor{width:100%}

/* ---------- Header details ---------- */
.ten8-theme .osi-preview-brand img{width:76px;height:76px;object-fit:contain}
/* Bootstrap hides empty .badge elements, which includes the logo images. */
.ten8-theme img.badge{display:block!important}
@media (min-width:791px){
	.ten8-theme .osi-preview-nav__inner > ul > li{flex:0 0 auto}
	.ten8-theme .osi-preview-nav__inner > ul{gap:34px}
}
.ten8-theme .osi-preview-nav__links li.is-current a{color:var(--ten8-red)}

/* ---------- Banners: investigator photo behind the 10-8 badge ---------- */
.ten8-banner>img{opacity:.1!important;filter:grayscale(1)}

/* ---------- Booking page: full width card so the calendar has room ---------- */
.ten8-request-shell--wide{padding-top:56px}
.ten8-request-shell--wide .ten8-booking-card{max-width:1100px;margin:0 auto;padding:0;border-top:0;background:transparent;box-shadow:none}
.ten8-booking-card .osi-request-form-card__content{margin-top:0}
.ten8-booking-card .ivyforms,.ten8-booking-card .amelia-v2-booking{margin-left:auto!important;margin-right:auto!important}
.ten8-booking-card .osi-request-form-card__content>p:first-child{display:block}
.ten8-booking-card .osi-request-form-card__content>style:first-child + p{display:block}

/* ---------- Posts ---------- */
.ten8-post-image{margin:0 0 30px}
.ten8-post-image img{display:block;width:100%;height:auto}
.ten8-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.ten8-post-tags a{display:inline-block;padding:5px 11px;border:1px solid #111;color:#111;font-size:10px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.ten8-post-tags a:hover{border-color:var(--ten8-red);background:var(--ten8-red);color:#fff}
.ten8-pagination{max-width:1260px;margin:0 auto;padding:0 28px 80px}
.ten8-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.ten8-pagination .page-numbers{display:inline-block;padding:8px 14px;border:1px solid #111;color:#111;text-decoration:none}
.ten8-pagination .page-numbers.current,.ten8-pagination .page-numbers:hover{border-color:var(--ten8-red);background:var(--ten8-red);color:#fff}

/* ---------- Footer: Facebook block replaces the association logo ---------- */
.ten8-footer .ten8-footer__social{display:grid;place-content:center;width:102px;height:102px;border:1px solid #414141;color:#fff;text-align:center;text-decoration:none}
.ten8-footer .ten8-footer__social span{color:var(--ten8-red);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ten8-footer .ten8-footer__social b{margin-top:4px;font-family:var(--ten8-head);font-size:20px;font-weight:600;text-transform:uppercase}
.ten8-footer .ten8-footer__social:hover{border-color:var(--ten8-red)}

/* Inestit's back to top button and preloader are not rendered by this shell. */
.ten8-theme .preloader,.ten8-theme .loader-wrap{display:none!important}