@import '../../../../../../styles/mixins.scss';
@import '../../../../../../styles/shared/footer.scss';

// Component Variables
$col-spacing-x: 40px;
$col-spacing-y: 15px;

// Component Styles
.footerMenu {
    &_nav {
        display: flex;
        flex-wrap: wrap;
        margin: ($col-spacing-y * -1) ($col-spacing-x * -1);

        &--align-right {
            justify-content: flex-end;
        }
    }

    &_col {
        padding-left: $col-spacing-x;
        padding-right: $col-spacing-x;
        margin-top: $col-spacing-y;
        margin-bottom: $col-spacing-y;

        @include media-md-up {
            @include column-width(4);
        }

        @include media-xl-up {
            @include column-width(5);
        }

        @include media-xxl-up {
            @include column-width(6);
        }
    }

    &_list {
        @extend %reset-list;
    }

    &_link {
        @extend %footer-links;
    }

    &_title {
        @extend %footer-title;
    }

    &_title + &_list {
        margin-top: $footer-title-spacing-bottom;
    } 
}
