// _layout.scss

html,
body {
    height: 100%;
    font-family: 'Rubik', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mainwrapper {
    background: $mouse;

    /*Main Width Cutoff after 1375px (Can be Increased if needed)*/
    .max-grid-width {
        margin: auto;
        max-width: 1375px;
        padding: 0 75px;
        width: 100%;
    }

    /*Inner Spacing For Header & Footer*/
    .hf-spacing {
        padding: 30px 75px;
    }

    .content-area {
        background: $white;
        margin-top: -75px;
        padding: 50px 25px;

        .site-content {
            float: left;
        }

        #sidebar-left {
            float: left;
            margin-right: 25px;
            width: 175px;
        }

        #sidebar-right {
            float: right;
            margin-left: 25px;
            width: 275px;
        }

    }

}

/*No Sidebar Column*/
.theme-col-1 {

    .site-content {
        width: 100%;
    }

    .content-area {
        padding: 50px 175px;
    }

}

/*One Sidebar(Left) Column*/
.theme-col-2 {

    .site-content {
        width: calc(100% - 200px);
    }

}

/*Two Sidebar(Left/Right) Column*/
.theme-col-3 {

    .site-content {
        width: calc(100% - 500px);
    }

}