/*
  Page-specific tweaks. Each page gets a body class from its URL (slug-<url>), set in Views/Master.cshtml,
  so a rule here only affects the page it names. Loaded after the theme stylesheet so it wins.
*/

/* Pages that are just a list of links (Connect With Us, Braveheart Connect, Support...): full-width pill buttons on mobile.
   .page-section-links-only is added by TextAndImageSection.cshtml to any block with links and no title, text or image. */
@media (max-width: 767.98px) {
    .page-section-links-only .page-section-content .actions {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .page-section-links-only .page-section-content .actions li {
        display: block;
        width: 100%;
        padding: 0;
    }

    .page-section-links-only .page-section-content .actions li .btn {
        display: block;
        width: 100%;
        text-align: center;
    }
}

/* Form thank-you message, shown in place of the form after a submit (Views/Partials/Forms/Themes/default/Submitted.cshtml) */
.umbraco-forms-submitted {
    text-align: center;
    padding: 2.5rem 0 3rem;
}

.umbraco-forms-submitted-message {
    max-width: 36rem;
    margin: 0 auto;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    color: #110605;
    color: var(--page-theme-text);
}

@media (min-width: 768px) {
    .umbraco-forms-submitted-message {
        font-size: 1.625rem;
    }
}