/*-------------------------+
 | Webitects Editor master |
 +-------------------------*/

/* Columns */
.we-columns { display: flex; justify-content: space-between; }
.we-columns-2 .we-column { width: 48%; }
.we-columns-3 .we-column { width: 31%; }
.we-columns-4 .we-column { width: 23%; }

/* Hidden */
.we-hidden { display: none; }

/* Images */
.we-image { display: block; }
.we-image-container { position: relative; }
.we-image-credit { bottom: 0.5em; float: right; position: absolute; right: 0.5em; }

/* Sections */
.we-section { padding: 3rem 40px; position: relative; }
.we-section-content { margin-left: auto; margin-right: auto; max-width: 1100px; }
.we-section-content-narrow { max-width: 870px; }

@media screen and (max-width: 840px) {
    .we-columns-4 .we-column { width: 48%; }
    .we-section { padding: 1rem 20px; }
}

@media screen and (max-width: 500px) {
    [class *= "we-columns"] { display: block; }
    [class *= "we-columns"] .we-column { width: auto; }
}