/*

Glendale Designs Custom Programming
for {{ENTER DOMAIN NAME}}
Ticket: {{ENTER TEAMWORK TICKET NUMBER}}
Allowed Domains: {{ENTER ALLOWED DOMAIN NAMES}}
  

GD Wrapper

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

TERMS OF SERVICE
https://glendaledesigns.com/terms-of-service/
(Make sure to read and understand this section 'Non-Exclusive License to Customer')
  

GDPM - v01.00.62

*/

* {
  box-sizing: border-box;
}

.gd-wrapper {
    position: relative;
    padding: 1rem;
    padding-top: var(--gd-wrapper-padding-top);
    padding-bottom: var(--gd-wrapper-padding-bottom);
    padding-left: var(--gd-wrapper-padding-left);
    padding-right: var(--gd-wrapper-padding-right);
}

.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: 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%);
}

::slotted([slot="content"]) {
  display: var(--gd-wrapper-layout-type);
  flex-direction: var(--gd-wrapper-flex-direction);
  grid-template-columns: repeat(var(--gd-wrapper-grid-columns), 1fr);
  grid-template-rows: repeat(var(--gd-wrapper-grid-rows), 1fr);
  gap: var(--gd-wrapper-gap);
  row-gap: var(--gd-wrapper-row-gap);
  column-gap: var(--gd-wrapper-column-gap);
  justify-content: var(--gd-wrapper-justify-content);
  align-items: var(--gd-wrapper-align-items);

  @media (max-width: 59.999em) {
    display: var(--gd-wrapper-layout-type-mobile);
    flex-direction: var(--gd-wrapper-flex-direction-mobile);
    grid-template-columns: repeat(var(--gd-wrapper-grid-columns-mobile), 1fr);
    grid-template-rows: repeat(var(--gd-wrapper-grid-rows-mobile), 1fr);
    gap: var(--gd-wrapper-gap-mobile);
    row-gap: var(--gd-wrapper-row-gap-mobile);
    column-gap: var(--gd-wrapper-column-gap-mobile);
    justify-content: var(--gd-wrapper-justify-content-mobile);
    align-items: var(--gd-wrapper-align-items-mobile);
  }

  @media (max-width: 39.999em) {
    display: var(--gd-wrapper-layout-type-mobile);
    flex-direction: var(--gd-wrapper-flex-direction-mobile);
    grid-template-columns: repeat(var(--gd-wrapper-grid-columns-mobile), 1fr);
    grid-template-rows: repeat(var(--gd-wrapper-grid-rows-mobile), 1fr);
    gap: var(--gd-wrapper-gap-mobile);
    row-gap: var(--gd-wrapper-row-gap-mobile);
    column-gap: var(--gd-wrapper-column-gap-mobile);
    justify-content: var(--gd-wrapper-justify-content-mobile);
    align-items: var(--gd-wrapper-align-items-mobile);
  }
}