/* =========================================================
   HOMEPAGE — SUGGEST AN AQUAVIT
   ========================================================= */

.aqv-suggest-home-section {
    background: #d8d2c4 !important;
}

.aqv-suggest-band {
    width: 100%;
    box-sizing: border-box;
}

.aqv-suggest-band__inner {
    max-width: 1000px;
    margin: 0 auto;

    text-align: center;
}

.aqv-suggest-band__title {
    margin: 0 0 14px;

    color: #111;

    font-family:
        var(--wp--preset--font-family--heading),
        Georgia,
        serif;

    font-size:
        var(--wp--preset--font-size--x-large);

    font-weight: inherit;
    line-height: 1.2;
}

.aqv-suggest-band__text {
    max-width: 720px;
    margin: 0 auto;

    color: #303632;

    font-size: 15px;
    line-height: 1.6;
}

.aqv-suggest-band__notes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 7px;

    margin-top: 13px;

    color: #5c625e;

    font-size: 12px;
    line-height: 1.4;
}

.aqv-suggest-band__button {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 22px;
    padding: 12px 19px;

    border-radius: 999px;

    background: #213229;
    color: #fff !important;

    font-size: 14px;
    font-weight: 700;

    line-height: 1;

    text-decoration: none !important;

    transition:
        background-color .18s ease,
        transform .18s ease;
}

.aqv-suggest-band__button:hover,
.aqv-suggest-band__button:focus-visible {
    background: #31483a;
    transform: translateY(-1px);
}

.aqv-suggest-band__button span {
    font-size: 18px;
    line-height: 1;
}


/* Mobile */

@media screen and (max-width: 760px) {

    .aqv-suggest-home-section {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }

    .aqv-suggest-band__notes {
        flex-direction: column;
        gap: 3px;
    }

    .aqv-suggest-band__notes
    span[aria-hidden="true"] {
        display: none;
    }

    .aqv-suggest-band__button {
        width: 100%;

        justify-content: center;

        box-sizing: border-box;
    }
}