/*
Theme Name: ABC Network
Description: Shared shell for the Arizona Balloon Company network. The per-site look comes from design.css; this file only maps generated page content onto the design's classes.
Version: 1.0
*/

/* ---- content produced by render.py, styled to match the design ---- */

.abc-lede {
    font-size: 1.15em;
    margin: 0 0 1.4em;
}

/* Hero photo at the top of the front page. Capped so a tall portrait shot
   does not push the whole page down. */
.abc-hero-img {
    display: block;
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    object-position: center;
    height: auto;
    border-radius: 8px;
    margin: 0 0 1.8em;
}

.entry img {
    max-width: 100%;
    height: auto;
}

.abc-cta {
    margin: 1.6em 0;
    padding: 18px 20px;
    border-radius: 10px;
    background: rgba(127, 127, 127, .09);
}

.abc-cta p {
    margin: 0;
}

.abc-uplink {
    margin: 2.4em 0 0;
    padding-top: 1.2em;
    border-top: 1px solid rgba(127, 127, 127, .25);
    font-size: .95em;
}

/* Tables come out of the generator wrapped in a figure; the designs style bare tables. */
.wp-block-table {
    margin: 1.4em 0;
    overflow-x: auto;
}

.wp-block-table table {
    width: 100%;
}

.entry ul {
    padding-left: 1.2em;
}

.entry li {
    margin: 0 0 .5em;
}

.entry h2 {
    margin-top: 1.6em;
}

.entry h3 {
    margin-top: 1.3em;
}

/* ---- Fluent Forms, kept in the design's visual language ---- */

.ff-el-group {
    margin: 0 0 16px;
}

.ff-el-input--label label {
    display: block;
    font-weight: 600;
    margin: 0 0 5px;
}

.frm-fluent-form input[type=text],
.frm-fluent-form input[type=email],
.frm-fluent-form input[type=tel],
.frm-fluent-form textarea {
    width: 100%;
    padding: 11px 13px;
    border: 1px solid rgba(127, 127, 127, .45);
    border-radius: 7px;
    font: inherit;
    background: #fff;
    color: #101010;
}

.frm-fluent-form textarea {
    min-height: 130px;
}

.ff-btn-submit {
    cursor: pointer;
    border: 0;
    padding: 13px 26px;
    border-radius: 8px;
    font: inherit;
    font-weight: 600;
}

/* ---- skip link, for keyboard and screen-reader users ---- */

.abc-skip {
    position: absolute;
    left: -9999px;
}

.abc-skip:focus {
    left: 12px;
    top: 12px;
    z-index: 100;
    padding: 10px 16px;
    background: #fff;
    color: #101010;
    border-radius: 6px;
}

/* ---- small screens ---- */

@media (max-width: 640px) {
    header .bar {
        flex-wrap: wrap;
        gap: 8px;
    }

    nav.nav {
        flex-wrap: wrap;
    }
}