@charset "utf-8";
/**
 * Policies page (normal-pages/policies-page.php): a list of policy cards,
 * each linking to its PDF. Hand-written, no Elementor original. Colours are
 * the site's own: navy #171a43 (headings and the theme's link text), cyan
 * #00acef (Get Support / form buttons), the pale #F6F9FC used for the home
 * page's news and contact bands.
 */

.bct-policies {
    margin: 0 auto;
}

.bct-policies-intro {
    margin-bottom: 2em;
}

/* The theme's .post_content typography gives lists bullets and indents. */
.bct-policies .bct-policy-list {
    list-style: none;
    margin: 0 0 2em;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

.bct-policies .bct-policy-list > li.bct-policy {
    display: flex;
    gap: 18px;
    margin: 0;
    padding: 26px 26px 28px;
    background: #F6F9FC;
    border-top: 4px solid #00acef;
}

.bct-policy-icon {
    flex: 0 0 auto;
    color: #00acef;
    line-height: 0;
    padding-top: 4px;
}

.bct-policy-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

/* h2 for the outline (the page's h1 is in the title band); sized as a card
 * heading, not a section heading. */
.bct-policies h2.bct-policy-title {
    margin: 0 0 0.6em;
    color: #171a43;
    font-size: 1.3em;
    line-height: 1.3;
}

.bct-policies .bct-policy-summary {
    margin: 0 0 0.8em;
}

.bct-policies .bct-policy-meta {
    margin: 0 0 1.2em;
    font-size: 0.85em;
    opacity: 0.8;
}

/* Pushed to the bottom of the card, so buttons line up across a row. */
.bct-policies a.bct-policy-link {
    margin-top: auto;
    display: inline-block;
    padding: 12px 22px;
    background: #00acef;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
}

.bct-policies a.bct-policy-link:hover,
.bct-policies a.bct-policy-link:focus {
    background: #171a43;
    color: #fff;
}

@media (max-width: 767px) {
    .bct-policies .bct-policy-list {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bct-policies .bct-policy-list > li.bct-policy {
        padding: 20px 18px 22px;
        gap: 14px;
    }
}