/* -------------------------------------------
    Layout
---------------------------------------------- */
.container .container-fluid,
.container-fluid .container-fluid {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.container .container,
.container-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.container-fluid {
    max-width: var(--rio-container-fluid-width);

    .container {
        padding-left: 0;
        padding-right: 0;
        max-width: calc(var(--rio-container-width) - 40px);
    }
}
.container,
.container-fluid,
.fixed .container,
.fixed .container-fluid {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

@include mq(var(--rio-container-width), max) {
    .container-fluid .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@include mq(xs, max) {
    .container,
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.container {
    max-width: var(--rio-container-width);
}
.divider {
    display: inline-block;
    vertical-align: middle;
    height: 1.9rem;
    width: 1px;
    background-color: $border-color;
}