/* ==========================================================================
   GD WRAPPER
   ========================================================================== */

.gd-wrapper {
    position: relative;
    padding: 1rem;
}

.gd-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    z-index: -1;
}

/* Background Color */
.gd-wrapper.gd-wrapper--background-color::after {
    background-color: var(--gd-wrapper-background-color);
}

/* Background Image */
.gd-wrapper.gd-wrapper--background-image::after {
    background-image: var(--gd-wrapper-background-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 59.999em) {
    .gd-wrapper.gd-wrapper--background-image::after {
        background-image: var(--gd-wrapper-background-image--tablet);
    }
}

@media (max-width: 39.999em) {
    .gd-wrapper.gd-wrapper--background-image::after {
        background-image: var(--gd-wrapper-background-image--mobile);
    }
}

/* Full Width */
.gd-wrapper.gd-wrapper--full-width-background::after {
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.gd-wrapper.gd-wrapper--full-width-content {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}