/**
 * Glendale Designs Custom Programming
 * GD Wrapper
 *
 * Glendale Designs -- GDMP
 *
 * Copyright Glendale Designs - Our optimizations are not freeware.
 * Do not use, copy or distribute without written permission.
 * Ask us, we're nice! support@glendaledesigns.com
 *
 * v01.00.00 - Initial release
 * v01.01.00 - convert HTML component to web component
 */

.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;
    border-radius: calc(var(--default-border-radius) * 2);
}

/* Background Color */
.gd-wrapper.gd-wrapper--background-color::after {
    background: 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, var(--gd-wrapper-background-image));
    }
}

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

/* 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%);
}