/* Layout */
.dp-container {
    margin-left: auto;
    margin-right: auto;
}
.dp-container-inner {
    width: 100%;
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.grid-container {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 75rem;
    margin: 0 auto;
}
.dp-container.full-width, .dp-container-inner.full-width {
    max-width: none;
}
.dp-container.medium-width, .dp-container-inner.medium-width {
    max-width: 75rem;
}
.dp-container.narrow-width, .dp-container-inner.narrow-width {
    max-width: 50rem;
}

.dp-col {
    display: block;
    width: 100%;
    align-self: flex-start;
    margin:0 0 2rem!important;
}
.sm-1 {
    flex-basis: calc(100% / 12 - 0.5rem)!important;
}
.sm-2 {
    flex-basis: calc(100% / 12 * 2 - 0.5rem)!important;
}
.sm-3 {
    flex-basis: calc(100% / 12 * 3 - 0.5rem)!important;
}
.sm-4 {
    flex-basis: calc(100% / 12 * 4 - 0.5rem)!important;
}
.sm-5 {
    flex-basis: calc(100% / 12 * 5 - 0.5rem)!important;
}
.sm-6 {
    flex-basis: calc(100% / 12 * 6 - 0.5rem)!important;
}
.sm-7 {
    flex-basis: calc(100% / 12 * 7 - 0.5rem)!important;
}
.sm-8 {
    flex-basis: calc(100% / 12 * 8 - 0.5rem)!important;
}
.sm-9 {
    flex-basis: calc(100% / 12 * 9 - 0.5rem)!important;
}
.sm-10 {
    flex-basis: calc(100% / 12 * 10 - 0.5rem)!important;
}
.sm-11 {
    flex-basis: calc(100% / 12 * 11 - 0.5rem)!important;
}
.sm-12 {
    flex-basis: 100%!important;
}

.padding-standard {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.padding-huge {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.padding-small {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.no-padding-top {
    padding-top: 0;
}
.no-padding-bottom {
    padding-bottom: 0;
}



/* General Wordpress Blocks */
.wp-block-group__inner-container {
    width: 100%;
    display: block;
}

.wp-block-columns {
    margin-bottom: 0!important;
}

/* Media-Text Block */
.wp-block-media-text .wp-block-media-text__content {
    padding: 8%!important;
}

.wp-block-media-text.is-image-fill figure {
    min-height: 300px!important;
}


@media only screen and (min-width: 600px) {

    /* Layout */
    .dp-grid-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }

    .md-1 {
        flex-basis: calc(100% / 12 - 1.5rem)!important;
    }
    .md-2 {
        flex-basis: calc(100% / 12 * 2 - 1.5rem)!important;
    }
    .md-3 {
        flex-basis: calc(100% / 12 * 3 - 1.5rem)!important;
    }
    .md-4 {
        flex-basis: calc(100% / 12 * 4 - 1.5rem)!important;
    }
    .md-5 {
        flex-basis: calc(100% / 12 * 5 - 1.5rem)!important;
    }
    .md-6 {
        flex-basis: calc(100% / 12 * 6 - 1.5rem)!important;
    }
    .md-7 {
        flex-basis: calc(100% / 12 * 7 - 1.5rem)!important;
    }
    .md-8 {
        flex-basis: calc(100% / 12 * 8 - 1.5rem)!important;
    }
    .md-9 {
        flex-basis: calc(100% / 12 * 9 - 1.5rem)!important;
    }
    .md-10 {
        flex-basis: calc(100% / 12 * 10 - 1.5rem)!important;
    }
    .md-11 {
        flex-basis: calc(100% / 12 * 11 - 1.5rem)!important;
    }
    .md-12 {
        flex-basis: 100%!important;
    }

    .padding-standard {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .padding-huge {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .padding-small {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

}


@media only screen and (min-width: 782px) {

    /* Layout */
    .dp-container-inner {
        flex-wrap: nowrap;
    }
    .dp-col {
        margin:0!important;
    }
    .dp-col:not(:first-child) {
        margin-top: 0!important;
    }

    .lg-1 {
        flex-basis: calc(100% / 12 - 2rem)!important;
    }
    .lg-2 {
        flex-basis: calc(100% / 12 * 2 - 2rem)!important;
    }
    .lg-3 {
        flex-basis: calc(100% / 12 * 3 - 2rem)!important;
    }
    .lg-4 {
        flex-basis: calc(100% / 12 * 4 - 2rem)!important;
    }
    .lg-5 {
        flex-basis: calc(100% / 12 * 5 - 2rem)!important;
    }
    .lg-6 {
        flex-basis: calc(100% / 12 * 6 - 2rem)!important;
    }
    .lg-7 {
        flex-basis: calc(100% / 12 * 7 - 2rem)!important;
    }
    .lg-8 {
        flex-basis: calc(100% / 12 * 8 - 2rem)!important;
    }
    .lg-9 {
        flex-basis: calc(100% / 12 * 9 - 2rem)!important;
    }
    .lg-10 {
        flex-basis: calc(100% / 12 * 10 - 2rem)!important;
    }
    .lg-11 {
        flex-basis: calc(100% / 12 * 11 - 2rem)!important;
    }
    .lg-12 {
        flex-basis: 100%!important;
    }


}

@media only screen and (min-width: 1200px) {

}