/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 31 2026 | 17:41:08 */
/* AMEN PRINTING — CONTACT design | contact
   Expects (Enfold, Contact page 47): .amen-page-hero (shared, SITE design); .amen-contact-sec with .amen-details-col
   (.amen-display-md heading + Text Block .amen-details > p.amen-detail) and .amen-form-col (Text Block .amen-form-intro +
   Code Block .amen-form holding the Contact Form 7 form "Contact page | Amen Printing", markup .amen-form-grid /
   .amen-field / .amen-submit / .amen-form-note); map .amen-map-sec (Code Block .amen-map > iframe.amen-map-frame). v1.0 — 2026-10-31 */

#top .amen-page-meta a { color: #fff; text-decoration: none; }

/* ---------- Details ---------- */
#top .amen-details { margin-top: var(--amen-gap-m); }
#top .amen-details .amen-detail { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 22px 0; border-top: 1px solid var(--amen-line); font-size: 17px !important; line-height: 1.45 !important; color: var(--amen-ink); }
#top .amen-details .amen-detail:last-child { border-bottom: 1px solid var(--amen-line); }
#top .amen-details .amen-detail a { color: var(--amen-ink); text-decoration: none; }
#top .amen-details .amen-detail a:hover { color: var(--amen-red); }

/* ---------- Form card ---------- */
#top .amen-contact-sec .flex_column.amen-form-col { padding: clamp(28px, 4vw, 56px) !important; border-radius: var(--amen-radius); background: linear-gradient(145deg, rgba(255,255,255,.7), rgba(201,52,50,.06)); border: 1px solid rgba(23,25,21,.12); }
#top .amen-form-intro .amen-lede { margin: 0 0 10px; }
#top .amen-form-intro p:not(.amen-lede) { margin: 0; color: rgba(23,25,21,.66); }
#top .amen-form { margin-top: var(--amen-gap-s); }
/* CF7 auto-wraps the labels in <p> and adds <br>: let the grid see the labels */
#top .amen-form .wpcf7 form br { display: none; }
#top .amen-form-grid > p, #top .amen-form-actions > p { display: contents; }
#top .amen-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 28px; }
#top .amen-field { display: flex; flex-direction: column; gap: 8px; margin: 0; font-weight: 400; }
#top .amen-field-full { grid-column: 1 / -1; }
#top .amen-field .amen-label { color: rgba(23,25,21,.55); }
#top .amen-form .wpcf7-form-control-wrap { display: block; }
#top .amen-form input[type="text"], #top .amen-form input[type="email"], #top .amen-form select, #top .amen-form textarea {
  width: 100%; margin: 0; padding: 12px 0; border: 0; border-bottom: 1px solid rgba(23,25,21,.28); border-radius: 0; background: transparent;
  font-size: 17px; line-height: 1.4; color: var(--amen-ink); box-shadow: none; transition: border-color .2s ease; }
#top .amen-form select { -webkit-appearance: none; appearance: none; padding-right: 26px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23171915' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 4px center / 12px 8px; }
#top .amen-form textarea { min-height: 150px; resize: vertical; }
#top .amen-form input:focus, #top .amen-form select:focus, #top .amen-form textarea:focus { outline: 0; border-bottom-color: var(--amen-red); }
#top .amen-form ::placeholder { color: rgba(23,25,21,.38); }
#top .amen-form-actions { margin-top: var(--amen-gap-m); display: flex; align-items: center; gap: 16px; }
#top .amen-form input.amen-submit { min-height: 54px; padding: 0 30px; border: 0; border-radius: 100px; background: var(--amen-ink); color: var(--amen-white); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; cursor: pointer; transition: transform .25s ease, background .25s ease; }
#top .amen-form input.amen-submit:hover { background: var(--amen-red); transform: translateY(-2px); }
#top .amen-form .wpcf7-spinner { margin: 0; }
#top .amen-form-note { margin: 18px 0 0 !important; font-size: 12px !important; line-height: 1.5 !important; color: rgba(23,25,21,.5); }
#top .amen-form .wpcf7-not-valid-tip { margin-top: 6px; font-size: 12px; color: var(--amen-red); }
#top .amen-form .wpcf7 form .wpcf7-response-output { margin: 22px 0 0; padding: 14px 18px; border-radius: 4px; font-size: 14px; }

/* ---------- Map ---------- */
#top .amen-map { margin: 0; }
#top .amen-map iframe.amen-map-frame { display: block; width: 100%; height: clamp(320px, 38vw, 520px); border: 0; border-radius: var(--amen-radius); filter: grayscale(1) contrast(1.05); }

@media (max-width: 989px) {
  #top .amen-contact-sec .flex_column.amen-details-col, #top .amen-contact-sec .flex_column.amen-form-col { width: 100% !important; margin-left: 0 !important; float: none; }
  #top .amen-contact-sec .flex_column.amen-form-col { margin-top: var(--amen-gap-l) !important; }
}
@media (max-width: 767px) {
  #top .amen-contact-sec .flex_column.amen-form-col { padding: 26px 20px !important; }
  #top .amen-form-grid { grid-template-columns: 1fr; }
}

/* v1.1 — details caption, inline links, storefront beside the map */
#top .amen-details .amen-details-title { margin: 0 0 18px !important; }
#top .amen-form-intro a.amen-inline-link { color: var(--amen-ink); text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 4px; }
#top .amen-form-intro a.amen-inline-link:hover { color: var(--amen-red); }
#top .amen-form-intro p + p { margin-top: 10px; }
#top .amen-contact-storefront img.avia_image { height: auto !important; aspect-ratio: 5 / 7; }
@media (max-width: 767px) {
  #top .amen-contact-storefront img.avia_image { height: auto; aspect-ratio: 4 / 3; }
  #top .amen-map-sec .flex_column.amen-map-col { margin-top: var(--amen-gap-m) !important; }
}