/*

* Snapshot footer styles copied from the qomplyreporting.com Astro output via DevTools.
*
* Scope root: .marketing-footer-snapshot in templates/freeuser/footer.html.
*
* Django does not build the Astro source. Keep the astro-* classes exactly as copied;
* they are snapshot identifiers from the Astro output.
*
* If the footer changes on qomplyreporting.com:
* 1. Open the footer on qomplyreporting.com.
* 2. Inspect the footer in DevTools.
* 3. Copy the footer's outerHTML.
* 4. Paste it into templates/freeuser/footer.html.
* 5. Review footer.html and copy all classes used there into this CSS file.
* 6. Prefix every selector in this CSS with .marketing-footer-snapshot to scope the styles to the footer only.

*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Syncopate:wght@400;700&display=swap');

.marketing-footer-snapshot {
    --color-black: #202020;
    --color-black-tint: rgba(32, 32, 32, .75);
    --color-white: #ffffff;
    --color-white-faded-1: rgba(255, 255, 255, .75);
    --color-white-faded-2: rgba(255, 255, 255, 0);
    --color-gray-light-4: #e8e8e8;
    --color-gray-light-3: #bfbfbf;
    --color-gray-light-2: #acacac;
    --color-gray-light-1: #6f687d;
    --color-blue-light-3: #f1f8fe;
    --color-blue-light-2: #d3e9fa;
    --color-blue-light-1: #91c3ee;
    --color-blue: #1c8ff7;
    --color-blue-dark-1: #253a7c;
    --color-blue-dark-1-tint: rgb(37, 58, 124, .75);
    --color-purple-dark-1: #1a0044;
    --color-purple-dark-2: #110129;
    --color-cyan: #1cf4f4;
    --color-cyan-faded-1: rgb(28, 244, 244, .25);
    --color-cyan-faded-2: rgb(28, 244, 244, .1);
    --color-cyan-faded-3: rgb(28, 244, 244, 0);
    --gradient-blue-light: linear-gradient(90deg, var(--color-blue) 0%, var(--color-cyan) 100%);
    --gradient-blue-dark: linear-gradient(140deg, var(--color-purple-dark-2) 0%, var(--color-blue-dark-1) 100%);
    --gradient-separator: linear-gradient(90deg, rgba(220, 220, 220, 0), rgba(220, 220, 220, 1) 10%, rgba(220, 220, 220, 1) 90%, rgba(220, 220, 220, 0));
    --foreground-color: var(--color-black);
    --background-color: var(--color-white);
    --anchor-color: var(--color-blue);
    --icon-list-background: var(--gradient-blue-light);
    --icon-list-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="4"/></svg>');
    --blockquote-background-color: var(--color-blue-light-3);
    --button-foreground-color: var(--color-white);
    --button-background-color: var(--color-purple-dark-1);
    --button-white-foreground-color: var(--color-purple-dark-1);
    --button-white-background-color: var(--color-white);
    --font-family-body: 'Nunito', Helvetica, Arial, sans-serif;
    --font-family-heading: avenir-lt-pro, Avenir, sans-serif;
    --font-family-emphasis: 'Syncopate', sans-serif
}

.marketing-footer-snapshot {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-body);
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--foreground-color);
    background-color: var(--background-color)
}
.marketing-footer-snapshot .menu.astro-it5sov75 {
    margin: 0;
    padding: 0;
    list-style: none
}

.marketing-footer-snapshot .menu--submenu.astro-it5sov75 {
    margin: .25rem 0 0;
    padding: 0 0 0 1rem
}

.marketing-footer-snapshot .menu__item.astro-it5sov75 {
    display: block;
    margin: .25rem 0;
    line-height: 1.25
}

.marketing-footer-snapshot .menu__item.astro-it5sov75:first-child {
    margin-top: 0
}

.marketing-footer-snapshot .menu__item.astro-it5sov75:last-child {
    margin-bottom: 0
}

.marketing-footer-snapshot .menu--submenu.astro-it5sov75 > .menu__item.astro-it5sov75 {
    position: relative
}

.marketing-footer-snapshot .menu--submenu.astro-it5sov75 > .menu__item.astro-it5sov75:before {
    content: "";
    position: absolute;
    top: .5rem;
    left: -.75rem;
    width: .25rem;
    height: .25rem;
    background-color: currentColor;
    border-radius: 50%
}

.marketing-footer-snapshot .menu__item.astro-it5sov75 a.astro-it5sov75, .marketing-footer-snapshot .menu__item.astro-it5sov75 span.astro-it5sov75 {
    font-size: .875rem;
    color: inherit
}

@media (min-width: 576px) {
    .marketing-footer-snapshot .menu--row.astro-it5sov75 {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: center
    }

    .marketing-footer-snapshot .menu--row.astro-it5sov75 > .menu__item.astro-it5sov75 {
        display: inline-block;
        margin: 0
    }
}

@media (min-width: 1280px) {
    .marketing-footer-snapshot .menu--row.astro-it5sov75 {
        flex-direction: column;
        gap: .25rem;
        align-items: flex-start
    }
}

.marketing-footer-snapshot.footer.astro-sz7xmlte {
    flex: 0 0 auto;
    padding: 4rem 2rem;
    padding-bottom: calc(4rem + constant(safe-area-inset-bottom));
    padding-bottom: calc(4rem + env(safe-area-inset-bottom));
    padding-left: calc(2rem + constant(safe-area-inset-left));
    padding-left: calc(2rem + env(safe-area-inset-left));
    padding-right: calc(2rem + constant(safe-area-inset-right));
    padding-right: calc(2rem + env(safe-area-inset-right));
    font-size: 1rem;
    color: #fff;
    background: var(--gradient-blue-dark)
}

.marketing-footer-snapshot .footer__content.astro-sz7xmlte {
    display: grid;
    gap: 2rem;
    max-width: 40rem;
    margin: 0 auto
}

.marketing-footer-snapshot .footer__brand.astro-sz7xmlte {
    display: flex;
    align-items: center;
    justify-content: center
}

.marketing-footer-snapshot .footer__brand.astro-sz7xmlte img.astro-sz7xmlte {
    width: 240px;
    max-width: 100%;
    height: auto
}

.marketing-footer-snapshot .footer__contact.astro-sz7xmlte {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.marketing-footer-snapshot .footer__contact-buttons.astro-sz7xmlte {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: center
}

.marketing-footer-snapshot .footer__contact-buttons.astro-sz7xmlte > a.astro-sz7xmlte {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    min-width: 15rem;
    padding: .75rem 1rem;
    color: #fff;
    background: linear-gradient(140deg, #93909038, #ffffff1a);
    border-radius: .25rem
}

.marketing-footer-snapshot .footer__contact-buttons.astro-sz7xmlte svg.astro-sz7xmlte {
    flex: 0 0 auto;
    color: var(--color-cyan)
}

.marketing-footer-snapshot .footer__social-icons.astro-sz7xmlte {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: center
}

.marketing-footer-snapshot .footer__social-icons.astro-sz7xmlte a.astro-sz7xmlte {
    color: var(--color-cyan)
}

.marketing-footer-snapshot .footer__title.astro-sz7xmlte {
    margin: 0 0 .5rem;
    font-family: var(--font-family-emphasis);
    font-size: .875rem;
    text-transform: uppercase
}

.marketing-footer-snapshot .footer__outtro.astro-sz7xmlte {
    font-size: .875rem
}

.marketing-footer-snapshot .footer__outtro.astro-sz7xmlte :first-child {
    margin-top: 0
}

.marketing-footer-snapshot .footer__outtro.astro-sz7xmlte :last-child {
    margin-bottom: 0
}

@media (min-width: 576px) {
    .marketing-footer-snapshot .footer__content.astro-sz7xmlte {
        grid-template-columns:3fr 2fr
    }

    .marketing-footer-snapshot .footer__brand.astro-sz7xmlte {
        grid-column: 1 / -1;
        grid-row: 1
    }

    .marketing-footer-snapshot .footer__contact.astro-sz7xmlte {
        grid-column: 1 / -1;
        grid-row: 2
    }

    .marketing-footer-snapshot .footer__nav--slot-1.astro-sz7xmlte {
        display: flex;
        grid-column: 1 / -1;
        grid-row: 3;
        flex-direction: column;
        align-items: center
    }

    .marketing-footer-snapshot .footer__nav--slot-2.astro-sz7xmlte {
        grid-column: 1;
        grid-row: 4
    }

    .marketing-footer-snapshot .footer__nav--slot-3.astro-sz7xmlte {
        grid-column: 1;
        grid-row: 5
    }

    .marketing-footer-snapshot .footer__nav--slot-4.astro-sz7xmlte {
        grid-column: 2;
        grid-row: 4 / span 2
    }

    .marketing-footer-snapshot .footer__contact-form.astro-sz7xmlte {
        grid-column: 1 / -1;
        grid-row: 6
    }

    .marketing-footer-snapshot .footer__outtro.astro-sz7xmlte {
        grid-column: 1 / -1;
        grid-row: 7
    }
}

@media (min-width: 1280px) {
    .marketing-footer-snapshot .footer__content.astro-sz7xmlte {
        grid-template-columns:2fr 3fr 2fr 4fr;
        grid-template-rows: auto 2rem auto 2rem auto 2rem auto 2rem auto auto;
        row-gap: 0;
        max-width: 80rem
    }

    .marketing-footer-snapshot .footer__brand.astro-sz7xmlte, .marketing-footer-snapshot .footer__contact-buttons.astro-sz7xmlte, .marketing-footer-snapshot .footer__social-icons.astro-sz7xmlte {
        justify-content: flex-start
    }

    .marketing-footer-snapshot .footer__contact.astro-sz7xmlte {
        grid-column: 1;
        grid-row: 3 / span 3;
        margin: 0 0 2rem
    }

    .marketing-footer-snapshot .footer__nav--slot-1.astro-sz7xmlte {
        grid-column: 1;
        grid-row: 6 / span 2;
        align-items: flex-start
    }

    .marketing-footer-snapshot .footer__nav--slot-2.astro-sz7xmlte {
        grid-column: 2;
        grid-row: 2 / span 2
    }

    .marketing-footer-snapshot .footer__nav--slot-3.astro-sz7xmlte {
        grid-column: 2;
        grid-row: 5
    }

    .marketing-footer-snapshot .footer__nav--slot-4.astro-sz7xmlte {
        grid-column: 3;
        grid-row: 2 / span 4
    }

    .marketing-footer-snapshot .footer__contact-form.astro-sz7xmlte {
        grid-column: 4;
        grid-row: 2 / span 9;
        align-self: start
    }

    .marketing-footer-snapshot .footer__outtro.astro-sz7xmlte {
        grid-column: 1 / -2;
        grid-row: 10
    }
}


.marketing-footer-snapshot #footer-contact-form {
    background: transparent;
}

.marketing-footer-snapshot #footer-contact-form iframe,
.marketing-footer-snapshot #footer-contact-form .hs-form-iframe {
    display: block;
    width: 100%;
    border: 0;
    background: transparent !important;
}