/*
 * Full-width content
 */

.content-full-width > div {
    width: 1140px;
    margin: 0 auto;
}

/*
 * Two columns with small right column
 */

.content-columns-page > div {
    width: 1140px;
    margin: 0 auto;
}

.content-columns-page > div > div {
    display: inline-block;
    vertical-align: top;
}

.content-columns-page > div > :nth-child(odd) {
    width: calc(100% - 380px);
}

.content-columns-page > div > :nth-child(even) {
    width: 380px;
    padding-left: 10px;
}

@media (max-width: 1240px) {
    .content-columns-page > div {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .content-columns-page > div > div {
        display: block;
        max-width: 760px;
        margin: 0 auto;
    }

    .content-columns-page > div > :nth-child(odd) {
        width: 100%;
    }

    .content-columns-page > div > :nth-child(even) {
        width: 100%;
        padding-left: 0;
    }
}

/*
 * Two columns
 */

.content-columns-half > div {
    width: 1140px;
    margin: 0 auto;
}

.content-columns-half > div > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.content-columns-half > div > :nth-child(odd) {
    padding-right: 5px;
}

.content-columns-half > div > :nth-child(even) {
    padding-left: 5px;
}

/*
 * Two column tiles with full page width
 */

.content-columns-half-tiles > div {
    display: flex;
    flex-wrap: wrap;
    width: 1140px;
    margin: 0 auto;
}

.content-columns-half-tiles > div > div {
    padding-bottom: 10px;
    width: 50%;
}

.content-columns-half-tiles > div > :not(:last-child):nth-child(odd) {
    padding-right: 5px;
}

.content-columns-half-tiles > div > :nth-child(even) {
    padding-left: 5px;
}

@media (max-width: 1240px) {
    .content-columns-half-tiles > div {
        width: 100%;
    }

    .content-columns-half-tiles > div > div {
        width: 100%;
        max-width: 760px;
        margin: 0 auto;
    }

    .content-columns-half-tiles > div > :not(:last-child):nth-child(odd) {
        padding-right: 0;
    }

    .content-columns-half-tiles > div > :nth-child(even) {
        padding-left: 0;
    }
}

/*
 * Three columns
 */

.content-columns-third > div {
    width: 1140px;
    margin: 0 auto;
}

.content-columns-third > div > div {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
}

/* Left column */

.content-columns-third > div > :nth-child(3n + 1) {
    padding-right: 5px;
}

/* Center column */

.content-columns-third > div > :nth-child(3n - 1) {
    padding: 0 5px;
}

/* Right column */

.content-columns-third > div > :nth-child(3n) {
    padding-left: 5px;
}

@media (max-width: 1240px) {
    .content-columns-third > div {
        width: 100%;
    }

    .content-columns-third > div > div {
        display: block;
        width: 100%;
    }

    /* Left column */
    .content-columns-third > div > :nth-child(3n + 1) {
        padding: 0;
        max-width: 760px;
        margin: 0 auto;
    }

    /* Center column */
    .content-columns-third > div > :nth-child(3n - 1) {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 5px 0 10px;
    }

    /* Right column */
    .content-columns-third > div > :nth-child(3n) {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 10px 0 5px;
    }
}

@media (max-width: 768px) {
    /* Left column */
    .content-columns-third > div > :nth-child(3n + 1) {
        padding: 0;
    }

    /* Center column */
    .content-columns-third > div > :nth-child(3n - 1) {
        display: block;
        width: 100%;
        padding: 0;
    }

    /* Right column */
    .content-columns-third > div > :nth-child(3n) {
        display: block;
        width: 100%;
        padding: 0;
    }
}