Footer Amanojaku

{acf_json_code}

Rename CSS Class:

footer-amanojaku →

Copy this

Default

Stacked Top Row

SCSS Editor:

.footer-amanojaku {
    padding-block: var(--space-none);

&__container {
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
        padding-block: var(--space-xxl);
        border-bottom: 1px solid var(--dark);

@media(max-width:767px) {
            padding-block: var(--space-xl);
            grid-template-columns: 1fr;
            gap: var(--space-l);

&>div {
                justify-content: center;
            }
        }
    }

&__logo-wrapper {
        display: flex;
    }

&__nav-wrapper {
        margin: auto;

@media(max-width:767px) {
            .bricks-nav-menu {
                flex-direction: column !important;

a {
                    justify-content: center;
                }

li {
                    margin-left: 0;
                }
            }
        }
    }

&__social-wrapper {
        display: flex;
        gap: var(--space-m);
        align-self: center;
        justify-content: flex-end;

}

&__social-icon {
        font-size: 1.5em;
        display: flex;
    }

&__social-aria-label {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

&__sub-footer {
        display: flex;
        padding-block: var(--space-l);
        font-size: var(--text-s);
        flex-direction: row;
        justify-content: center;
        gap: var(--space-xl);

@media(max-width:767px) {
            flex-direction: column;
            align-items: center;
            gap: var(--space-m);
        }
    }
}

Copy this