/*
Theme Name: Astritis Redesign
Theme URI: https://astritis.net/
Author: Astritis Technologies
Description: The approved Astritis redesign, adapted to native editable WordPress content. Includes locally packaged artwork and responsive navigation. Install with the Astritis Site companion plugin for content preparation and enquiries.
Version: 1.0.1
Requires at least: 6.5
Tested up to: 7.1.3
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astritis-redesign
*/

.site-shell { min-height: 100vh; }
[hidden] { display: none !important; }
.contact-form { display: grid; gap: 17px; }
.contact-form label { color: #e4e8db; font-size: 12px; display: grid; gap: 7px; }
.contact-form input, .contact-form select, .contact-form textarea { color: #f1f2e9; background: #101611; border: 1px solid #48533c; border-radius: 2px; padding: 13px; width: 100%; font: inherit; font-size: 14px; }
.contact-form textarea { min-height: 145px; resize: vertical; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { outline: 2px solid #d5ef59; outline-offset: 2px; }
.contact-form button { text-align: left; font-weight: 500; width: fit-content; }
.contact-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-form .astritis-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-status { padding: 17px; margin-bottom: 20px; border: 1px solid #5c7440; background: #1a2618; color: #e1ecd2; font-size: 14px; }
.contact-status.is-error { border-color: #a87853; background: #2f2119; }
.wp-content-generic { max-width: 860px; padding-block: 75px; min-height: 450px; }
.wp-content-generic h1 { font-size: 60px; margin-bottom: 30px; }
.wp-content-generic p { margin-bottom: 20px; }
.wp-content-generic a { color: #d5ef59; text-decoration: underline; }
.wp-block-html { margin: 0; }
body.admin-bar .header-shell { top: 32px; }
@media (max-width: 782px) { body.admin-bar .header-shell { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .header-shell { top: 0; } .contact-form .form-row { grid-template-columns: 1fr; } }

.main-contact.wrap { padding-block: 55px 100px; }
.main-contact.wrap h2 { font-size: clamp(32px, 4vw, 54px); letter-spacing: -0.04em; margin: 24px 0 15px; }
.form-introduction { color: #a6ad9e; max-width: 600px; line-height: 1.7; margin-bottom: 35px; }
.form-introduction a { color: #d5ef59; }
.main-contact .contact-form { max-width: 820px; }