body{margin:0;background:#F1F1F1;color:#2C2B2B;font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:18px;line-height:1.7}
a{color:#2C2B2B}a:hover{color:#000000}
.nav a{color:#2C2B2B;text-decoration:none;font-size:11px;font-weight:300;letter-spacing:0.32em;text-transform:uppercase;padding:10px 14px;border-bottom:1px solid transparent}
.nav a:hover{border-bottom-color:#2C2B2B}
.nav a.on{border-bottom-color:#2C2B2B}
.caps{text-transform:uppercase;letter-spacing:0.02em;font-weight:300;line-height:1.08}
.lbl{font-size:11px;font-weight:300;letter-spacing:0.32em;text-transform:uppercase;color:#6B6B6B}
.lnk{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:300;letter-spacing:0.28em;text-transform:uppercase;text-decoration:none;color:#2C2B2B;border-bottom:1px solid #2C2B2B;padding-bottom:2px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}
.lnk:hover{color:#000000;border-bottom-color:#000000}
.lnk svg{flex-shrink:0}
.lnk.lt{color:#F1F1F1;border-bottom-color:#F1F1F1}.lnk.lt:hover{color:#FFFFFF;border-bottom-color:#FFFFFF}
.muted{color:#4A4A4A}
.rule{border-top:1px solid #D6D6D6}
.pill{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #2C2B2B;background:transparent;font-family:'Jost',sans-serif;font-weight:300;font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:#2C2B2B;cursor:pointer;text-decoration:none}
.pill.on{background:#2C2B2B;color:#F1F1F1}
input,textarea{font-family:'Jost',sans-serif;font-weight:300;font-size:16px;background:transparent;border:0;border-bottom:1px solid #2C2B2B;border-radius:0;padding:12px 0;color:#2C2B2B;letter-spacing:0.04em;width:100%;box-sizing:border-box}
input::placeholder,textarea::placeholder{color:#8A8A8A}
.ph{background:repeating-linear-gradient(135deg,#E2E2E2 0 10px,#E9E9E9 10px 20px);display:flex;align-items:center;justify-content:center;color:#6B6B6B;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;text-align:center;padding:16px}
.foot a{color:#2C2B2B;text-decoration:none;font-size:12px;letter-spacing:0.2em;text-transform:uppercase}.foot a:hover{text-decoration:underline}
.card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:#2C2B2B;min-width:0}
.card:hover .ttl{text-decoration:underline;text-underline-offset:4px}

/* layout rules for phones and tablets */
img{max-width:100%}
@media (max-width: 900px){
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]{grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
  [style*="grid-template-columns: 2fr 1fr"]{grid-template-columns: 1fr !important}
  h1.caps{font-size: 48px !important}
  h2.caps{font-size: 34px !important}
}
@media (max-width: 640px){
  [style*="grid-template-columns: repeat(3, minmax(0, 1fr))"],
  [style*="grid-template-columns: repeat(2, minmax(0, 1fr))"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns: 120px minmax(0, 1fr) auto"]{grid-template-columns: 1fr !important}
  [style*="margin-top: 120px"],[style*="margin-top: 140px"],[style*="margin-top: 80px"],[style*="margin-top: 48px"]{margin-top: 0 !important}
  h1.caps{font-size: 40px !important}
  h2.caps{font-size: 30px !important}
  .nav a{padding: 8px 9px; letter-spacing: 0.22em; font-size: 10px}
  header img[alt^="Arizona Believers Church"]{height: 84px !important}
  section > div{padding-left: 20px !important; padding-right: 20px !important}
  footer > div{padding-left: 20px !important; padding-right: 20px !important}
  img[style*="height: 640px"],img[style*="height: 560px"],img[style*="height: 520px"]{height: 320px !important}
}
.skel{background:#E4E4E4;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
select.sel{font-family:'Jost',sans-serif;font-weight:300;font-size:16px;background:transparent;border:0;border-bottom:1px solid #2C2B2B;border-radius:0;padding:12px 0;color:#2C2B2B;letter-spacing:0.04em;width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232C2B2B' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;cursor:pointer}
input[type=search]{-webkit-appearance:none;appearance:none}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
@media (max-width:720px){.msg-controls{grid-template-columns:1fr !important}}