/*
Theme Name: Arrow Fence Industrial
Theme URI: https://fencesbyarrow.com/
Author: Arrow Fence Co.
Description: Custom industrial red, black and silver theme with project photography and existing WordPress page content.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: arrow-fence
*/
:root{--red:#d9151c;--black:#101114;--silver:#c4c7cc;--paper:#f5f5f5}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f5;color:#1c1c1c;line-height:1.65}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}.site-header{background:#0b0c0e;color:#fff;border-bottom:4px solid var(--red);position:relative;z-index:3}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand img{display:block;width:220px;max-height:95px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.main-nav a{text-decoration:none;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.06em}.main-nav a:hover{color:#ff555b}.button,.wp-block-button__link{display:inline-block;background:var(--red);color:white!important;text-decoration:none;padding:13px 23px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:2px}.button:hover{background:#ad0d14}.button-outline{background:transparent;border:2px solid #fff}.hero{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.38)),url('assets/project-10.jpg') center/cover;min-height:590px;display:flex;align-items:center;color:#fff}.eyebrow{font-size:13px;letter-spacing:.17em;font-weight:900;color:#ff575d;text-transform:uppercase}h1,h2,h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em;line-height:1.08}h1{font-size:clamp(46px,7vw,92px);max-width:850px;margin:16px 0}h2{font-size:clamp(32px,4.2vw,53px);margin:0 0 22px}h3{font-size:25px;margin:0 0 10px}.hero p{font-size:20px;max-width:670px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.section{padding:75px 0}.section-dark{background:#15171a;color:white}.section-gray{background:#e9eaec}.accent{height:5px;width:78px;background:var(--red);margin-bottom:25px}.lead{font-size:19px;max-width:850px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.feature-image{width:100%;height:420px;object-fit:cover;border-left:7px solid var(--red)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:30px 20px;background:#24272c;border-top:5px solid var(--red);min-height:175px}.service-card h3{font-size:22px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gallery-grid a{display:block;background:#17191d;overflow:hidden}.gallery-grid img{width:100%;height:265px;object-fit:cover;display:block;transition:transform .25s}.gallery-grid a:hover img{transform:scale(1.04)}.gallery-caption{padding:10px 13px;color:white;font-weight:700;font-size:13px}.cta{background:#c9151b;color:white;padding:58px 0}.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.cta .button{background:#111}.qr-card{display:flex;align-items:center;gap:25px;background:white;color:#111;padding:22px;max-width:570px}.qr-card img{width:130px;height:130px;object-fit:contain}.site-footer{background:#0a0b0d;color:#e7e7e7;padding:40px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}.footer-grid a{color:#fff}.page-hero{background:#17191d;color:#fff;padding:75px 0 55px;border-bottom:5px solid var(--red)}.page-hero h1{font-size:clamp(42px,6vw,68px)}.page-content{padding:65px 0;max-width:960px}.page-content p{font-size:17px}.page-content h2{margin-top:32px}.content-services p{border-left:4px solid var(--red);padding-left:17px}.contact-info{background:#e8e9eb;padding:25px;margin:25px 0}.site-footer .brand img{width:180px}.site-footer small{color:#bbb}form input,form textarea,form select{max-width:100%;padding:12px;border:1px solid #aaa}.wp-block-gallery img{object-fit:cover}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.main-nav{gap:12px}.brand img{width:160px}}@media(max-width:600px){.header-inner{flex-direction:column}.main-nav{justify-content:center}.hero{min-height:530px}.gallery-grid,.service-grid,.footer-grid{grid-template-columns:1fr}.gallery-grid img{height:230px}.qr-card{flex-direction:column;align-items:flex-start}.section{padding:50px 0}}

/* Careers application */
.application-wrap{max-width:980px}.job-application{margin-top:28px}.job-application fieldset{border:1px solid #c8c8c8;background:#fff;margin:0 0 24px;padding:26px}.job-application legend{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:27px;text-transform:uppercase;padding:0 10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.job-application label{display:block;font-weight:700;margin-bottom:15px}.job-application input:not([type=checkbox]),.job-application select,.job-application textarea{display:block;width:100%;margin-top:7px;font:inherit;border:1px solid #a8a8a8;border-radius:2px;background:#fff;color:#111}.job-application input:focus,.job-application select:focus,.job-application textarea:focus{outline:3px solid #db3940;outline-offset:1px}.job-application .hint{display:block;font-size:14px;font-weight:400;color:#555;margin:6px 0 14px}.job-application .checkline{display:flex;gap:12px;align-items:flex-start}.job-application .checkline input{margin-top:6px;flex-shrink:0}.form-message{background:#e6f4e8;border-left:5px solid #237c35;padding:16px;margin:20px 0}.form-message.error{background:#fff0f0;border-color:#bb1521}.honey{position:absolute;left:-9999px;opacity:0}.job-application button{cursor:pointer}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.job-application fieldset{padding:18px}}

.project-detail .wp-block-image img,.project-detail .wp-block-gallery img{max-height:720px;object-fit:contain}.project-detail .wp-block-gallery{margin:30px 0}.gallery-grid a:focus-visible{outline:4px solid #d9151c;outline-offset:3px}

.arrow-contact-form-section{padding:24px 0 38px}.arrow-contact-form{max-width:650px}.arrow-contact-form label{display:block;font-weight:700}.arrow-contact-form input,.arrow-contact-form textarea{display:block;width:100%;margin-top:6px}.arrow-contact-form .button{cursor:pointer}.arrow-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}