/* These styles are applied to all user-side pages in Userside Master and to the CKEditor iFrames in GetCSSFromTemplateForCKEditor() */

/*User-side columns*/
.hubb-columns-two {
    column-count: 2;
    max-width: 80%;
    column-gap: 60px;
}

.hubb-columns-three {
    column-count: 3;
    max-width: 90%;
    column-gap: 40px;
}

.hubb-columns-two, .hubb-columns-three {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    column-rule-style: solid;
    column-rule-color: lightgrey;
}

@media screen and (max-width:800px) {
    .hubb-columns-three {
        column-count: 2
    }
}

@media screen and (max-width:450px) {
    .hubb-columns-two, .hubb-columns-three {
        column-count: 1
    }
}

/*User-side table improvements*/
table.hubb-article-table {
    background-color: #f5f5f5;
    width: 100%;
    border: #eaeaea solid 2px;
}

    table.hubb-article-table td {
        border: #eaeaea solid 1px;
    }

/* Userside Image module images*/
div.hubb-image-module img {
    max-width: 100%;
}