/**
 * PROPRIETARY SOFTWARE NOTICE
 *
 * Copyright (c) Pro Star CMS Development. All rights reserved.
 *
 * This website, its source code, database structure, administrative system,
 * content management system, visual editor, assistant, and all related
 * components, documentation, and methods (the "Software") were designed and
 * developed by Pro Star CMS Development and are its exclusive proprietary and
 * confidential property. The Software is protected by United States copyright
 * law, trade secret law, and other applicable intellectual property laws.
 *
 * No license or other right is granted by access to, possession of, or display
 * of this source code, whether express or implied, by estoppel or otherwise.
 * Except as permitted in a written agreement signed by Pro Star CMS Development,
 * no person may copy, modify, adapt, translate, distribute, publish, sublicense,
 * disclose, decompile, reverse engineer, extract, reuse, or reproduce any portion
 * of the Software, or create derivative works from it, in whole or in part.
 *
 * Review of this code is limited to personnel authorized in writing, and only as
 * necessary to perform approved hosting, maintenance, security, or support
 * services. Any unauthorized use or disclosure may result in civil liability and
 * criminal prosecution to the fullest extent permitted by law.
 *
 * This notice must not be removed, altered, or obscured.
 *
 * For questions, requests for authorization, or technical information, contact
 * Chad Sanders directly:
 *
 * Pro Star Web Design
 * Chad Sanders
 * Phone: 256-550-1988
 */

/**
 * Agri-Land Aviation: site-specific additions to the Pro Star engine stylesheet.
 * Square logo (not the engine's tall mark), blue/yellow brand, phone-first header.
 */

/* Square logo: a little larger on the desktop bar so the red A and the wordmark stay readable */
.brand-mark{width:60px}
.site-header.is-stuck .brand-mark{width:50px}
.brand-name{white-space:nowrap}

/* Phones and tablets: the engine centres the logo alone at the top (07 #113); the words only show in the desktop bar. */
@media (max-width:420px){
  .nav-phone{padding-inline:.55rem}
}

/* The frame offset of .framed pictures must never push the page wider than the screen */
.split,.split-media{max-width:100%}
.split-media.framed{overflow:visible}
@media (max-width:700px){
  .framed::before{inset:.5rem -.2rem -.5rem .2rem}
}
.splash,.splash-inner{max-width:100vw;overflow:hidden}
/* Reveal animations slide in from the side; clip (not hidden, so the sticky header still works) keeps them from widening the page */
html,body{overflow-x:clip}
main{overflow-x:clip}

/* Checklist used on the Aerial Advantages page */
.checks{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.45rem}
.checks li{position:relative;padding-left:1.6rem;text-indent:0}
.checks li::before{content:"";position:absolute;left:0;top:.5em;width:.9rem;height:.5rem;border-left:3px solid var(--accent-ink);border-bottom:3px solid var(--accent-ink);transform:rotate(-45deg) translateY(-30%)}

/* Four location cards */
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem}

/* 404: the big "404" was the hairline colour (axe: contrast) */
.notfound-code{color:var(--brand-soft)}

/* Desktop header: eight menu items, the logo with its tagline and the yellow button must all fit between 1000 and 1600 px. */
@media (min-width:1000px){
  .brand-sub{display:none}   /* the logo already carries the name; the tagline made the bar wider than its container */
}
@media (min-width:1000px) and (max-width:1599.98px){
  .nav-desktop a{padding-inline:.5rem;font-size:.92rem}
  .nav-cta{font-size:.84rem;padding-inline:.8rem}
}
@media (min-width:1000px) and (max-width:1339.98px){
  .nav-desktop a{padding-inline:.4rem;font-size:.88rem}
  .nav-bar{gap:.6rem}
}
@media (min-width:1600px){
  .nav-desktop a{padding-inline:.52rem}
}

/* Counties served: three regional panels of linked tiles (07 #125). Fixed ink on light tiles, so it holds on any section. */
.co-regions{display:grid;gap:1.4rem;margin-top:2.2rem;grid-template-columns:1fr}
@media (min-width:900px){.co-regions{grid-template-columns:1fr 1fr}.co-region:last-child{grid-column:1/-1}}
@media (min-width:1200px){.co-regions{grid-template-columns:5fr 5fr}}
.co-region{background:#fff;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:14px;padding:1.4rem 1.4rem 1.5rem;
  box-shadow:0 10px 28px -18px rgba(11,29,77,.45)}
.co-head{display:flex;gap:1rem;align-items:center;margin-bottom:1.1rem}
.co-num{flex:none;display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--brand);color:#fff;
  font-family:var(--font-display);font-size:1.9rem;font-weight:700;line-height:1}
.co-head h3{margin:0;font-size:1.35rem;color:#0b1d4d}
.co-head p{margin:.15rem 0 0;font-size:.95rem;color:#3d4a66}
.co-tiles{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}
.co-tile{display:flex;align-items:center;gap:.6rem;min-height:3.2rem;padding:.5rem .8rem;border:1px solid #d5dcea;border-radius:10px;background:#f4f7fc;
  color:#14213d;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.co-pin{flex:none;width:1.15rem;height:1.15rem;fill:var(--brand)}
.co-name{display:flex;flex-direction:column;line-height:1.15;font-weight:700;font-size:1.02rem}
.co-name small{font-weight:500;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#4a5875}
.co-go{margin-left:auto;flex:none;width:1rem;height:1rem;color:var(--brand);transition:transform .15s ease}
a.co-tile:hover,a.co-tile:focus-visible{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px)}
a.co-tile:hover .co-pin,a.co-tile:focus-visible .co-pin{fill:var(--accent)}
a.co-tile:hover .co-name small,a.co-tile:focus-visible .co-name small{color:#dbe4f7}
a.co-tile:hover .co-go,a.co-tile:focus-visible .co-go{color:#fff;transform:translateX(3px)}