/* Invitation theme phase 3 — public secondary pages only. */

html.theme-invitation.theme-page-faq .accordion-item,
html.theme-invitation.theme-page-guestbook .card,
html.theme-invitation.theme-page-questions .card,
html.theme-invitation.theme-page-thank-you .card {
    border: 1px solid rgba(163,79,50,.16) !important;
    background: rgba(251,246,239,.96) !important;
    box-shadow: 0 14px 34px rgba(84,58,45,.09) !important;
}

html.theme-invitation.theme-page-faq .accordion-item {
    border-radius: 18px !important;
    overflow: hidden;
}

html.theme-invitation.theme-page-faq .accordion-button {
    background: rgba(251,246,239,.96) !important;
    color: var(--invite-ink) !important;
    padding: 1.1rem 1.2rem;
}

html.theme-invitation.theme-page-faq .accordion-button:not(.collapsed) {
    color: var(--invite-terracotta) !important;
    box-shadow: inset 0 -1px 0 rgba(163,79,50,.15);
}

html.theme-invitation.theme-page-faq .accordion-button:focus {
    box-shadow: 0 0 0 .2rem rgba(163,79,50,.12) !important;
}

html.theme-invitation.theme-page-faq .accordion-body {
    background: rgba(255,252,247,.96) !important;
    color: var(--invite-ink) !important;
    padding: 1.15rem 1.25rem 1.3rem;
}

html.theme-invitation.theme-page-guestbook .container.py-5,
html.theme-invitation.theme-page-thank-you .container.py-5 {
    padding-top: .4rem !important;
}

html.theme-invitation.theme-page-guestbook h2,
html.theme-invitation.theme-page-guestbook h4,
html.theme-invitation.theme-page-questions h1,
html.theme-invitation.theme-page-questions h4,
html.theme-invitation.theme-page-thank-you h1,
html.theme-invitation.theme-page-thank-you h3,
html.theme-invitation.theme-page-thank-you h5 {
    color: var(--invite-terracotta) !important;
}

html.theme-invitation.theme-page-guestbook .card.bg-light {
    position: relative;
    border-radius: 24px !important;
}

html.theme-invitation.theme-page-guestbook .card.bg-light::before {
    content: "Een lieve wens";
    display: block;
    text-align: center;
    margin: 1.25rem 1rem -.15rem;
    font-family: 'Dancing Script', cursive;
    font-size: 2rem;
    color: var(--invite-terracotta);
}

html.theme-invitation.theme-page-guestbook button[type="submit"],
html.theme-invitation.theme-page-questions button[type="submit"] {
    background: var(--invite-terracotta) !important;
    border-color: var(--invite-terracotta) !important;
    color: #fff !important;
    border-radius: 999px !important;
    min-height: 50px;
}

html.theme-invitation.theme-page-guestbook blockquote {
    position: relative;
    padding-left: 1.15rem;
}

html.theme-invitation.theme-page-guestbook blockquote::before {
    content: "“";
    position: absolute;
    left: -.2rem;
    top: -.45rem;
    font-family: Georgia, serif;
    font-size: 2.5rem;
    color: rgba(163,79,50,.35);
}

html.theme-invitation.theme-page-questions .card.border-info {
    border-color: rgba(163,79,50,.18) !important;
    border-radius: 26px !important;
}

html.theme-invitation.theme-page-questions .card h4 {
    border-color: rgba(163,79,50,.18) !important;
    font-family: Georgia, serif;
}

html.theme-invitation.theme-page-thank-you .card-header.bg-success {
    background: linear-gradient(180deg, rgba(163,79,50,.96), rgba(132,64,42,.96)) !important;
    color: #fff !important;
}

html.theme-invitation.theme-page-thank-you .text-success {
    color: var(--invite-terracotta) !important;
}

html.theme-invitation.theme-page-thank-you #rsvp-confirmation-summary {
    border-radius: 22px !important;
}

html.theme-invitation.theme-page-thank-you #rsvp-confirmation-summary .bg-white,
html.theme-invitation.theme-page-thank-you .list-group-item,
html.theme-invitation.theme-page-thank-you .btn-light {
    background: rgba(255,252,247,.96) !important;
    border-color: rgba(163,79,50,.14) !important;
}

html.theme-invitation.theme-page-thank-you .badge.bg-primary,
html.theme-invitation.theme-page-thank-you .badge.bg-info {
    background: rgba(163,79,50,.12) !important;
    color: var(--invite-terracotta) !important;
    border: 1px solid rgba(163,79,50,.22);
}

html.theme-invitation.theme-page-thank-you .list-group {
    border-radius: 18px;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    html.theme-invitation.theme-page-faq .row.justify-content-center.mb-5:first-child,
    html.theme-invitation.theme-page-questions .row.justify-content-center.mb-5:first-child {
        margin-bottom: 1.7rem !important;
    }

    html.theme-invitation.theme-page-guestbook .container.py-5,
    html.theme-invitation.theme-page-thank-you .container.py-5 {
        padding-top: .1rem !important;
        padding-left: .75rem;
        padding-right: .75rem;
    }

    html.theme-invitation.theme-page-questions .card.p-5 {
        padding: 1.35rem !important;
    }

    html.theme-invitation.theme-page-thank-you .card-body.p-4,
    html.theme-invitation.theme-page-thank-you .card-body.p-md-5 {
        padding: 1.25rem !important;
    }
}