/**
 * Content Block Styles
 */

/* Main container */
.content-block h2 + .content-block-button {
    margin-top: 40px;
}

/* Background color variations */
.content-block-background-dark {
    background-color: var(--text-color);
}

.content-block-background-dark .subtitle,
.content-block-background-dark h2,
.content-block-background-dark p {
    color: #fff;
    text-align: left;
}

.content-block-background-green {
    background-color: var(--accent-color);
}

.content-block-background-green .subtitle,
.content-block-background-green h2,
.content-block-background-green p {
    color: var(--text-color);
    text-align: left;
}

.content-block-background-dark-green {
    background-color: #354200;
}

.content-block-background-dark-green .subtitle,
.content-block-background-dark-green h2,
.content-block-background-dark-green p {
    color: #fff;
    text-align: left;
}

/* Image */
.content-block-image-container {
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

.content-block-image-wrapper {
    overflow: hidden;
    position: relative;
}

.content-block-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    transition: .5s;
}

.content-block-image-wrapper:hover img {
    transform: scale(1.15);
}

/* Button styles */
.content-block-button {
    text-align: center;
    margin-bottom: 20px;
}

/* Responsive adjustments */
@media only screen and (min-width: 1200px) {
    .content-block-button {
        text-align: left;
    }

    .content-block h2 + .content-block-button {
        margin-top: 30px;
    }

    .content-block h2 {
        font-size: 64px;
        line-height: 1;
    }
}