p, h1, h2, h3 {
    padding: 0 2rem;
}

p {
}

.block-type-image,
.block-type-text,
.block-type-imageWithTextOverlay > div > .caption,
.block-type-heading {
    max-width: var(--breakpoint-2);
    margin: 0 auto;
}

/* Block type image */

.block-type-image > figure {
    margin: 2rem 2rem 4rem 2rem;
}

.block-type-image > figure > img {
    max-width: 100%;
    text-align: center;
}

.block-type-image.center {
    text-align: center;
}

.block-type-image.right {
    text-align: right;
}

.block-type-image.left {
    text-align: left;
}

/* Block type imageWithTextOverlay */

.block-type-imageWithTextOverlay {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.block-type-imageWithTextOverlay > div {
    background-image: var(--image-src);
    background-size: cover;
    background-position: center;
    position: relative;
}

.block-type-imageWithTextOverlay > div > .caption {
    font-size: 2em;
    padding: 4rem 2rem;
    position: relative;
}

@media (min-width: 400px) {
    .block-type-imageWithTextOverlay > div > .caption {
        font-size: 2.5em;
    }
}

@media (min-width: 900px) {
    .block-type-imageWithTextOverlay > div > .caption {
        font-size: 3em;
    }
}

.block-type-imageWithTextOverlay > div > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Block type text */

.block-type-text.highlight {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding: 2rem;
    background-color: var(--highlighted-background);
}

.block-type-text.highlight::before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    background-image: url('/assets/swirl.jpg');
    margin: 0 auto;
}