/**
 * Common styles loads on front end and back end
 */

/* Font size styles */
@media only screen and (min-width: 600px) {
  div[class*="wp-block-dggb"].dggb-font-size-14 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 14px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-15 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 15px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-16 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 16px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-17 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 17px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-18 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 18px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-19 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 19px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-20 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 20px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-21 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 21px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-22 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 22px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-23 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 23px;
    }
  }

  div[class*="wp-block-dggb"].dggb-font-size-24 {
    &.dggb-block-testimonial p,
    &.dggb-block-notice p,
    &.dggb-block-profile p,
    &.dggb-block-cta p {
      font-size: 24px;
    }
  }
}

/* Alignment styles */
.dggb-align-center {
  text-align: center;
}

.dggb-align-left {
  text-align: left;
}

.dggb-align-right {
  text-align: right;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

@media only screen and (min-width: 600px) {
  .wp-block-columns .layout-column-1,
  .wp-block-columns .layout-column-2 {
    margin-right: 5%;
  }
}

.wp-block-image {
  margin-bottom: 1.2em;
}

.dggb-text-link {
  color: inherit;
  text-decoration: none;

  &:hover {
    color: inherit;
    text-decoration: underline;
  }
}

/* Background image/color opacity */

.dggb-has-parallax {
  background-attachment: fixed;
  background-size: cover;
  background-position: 50%;
}

.dggb-has-background-dim:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: inherit;
  opacity: 0;
  z-index: 1;
}

.dggb-has-background-dim.has-theme-primary-background-color:before,
.dggb-has-background-dim.dggb-has-custom-background-color:before {
  background-color: inherit;
}

.dggb-has-background-dim-0 {
  &:before {
    opacity: 1;
  }
}

.dggb-has-background-dim-10 {
  &:before {
    opacity: 0.9;
  }
}

.dggb-has-background-dim-20 {
  &:before {
    opacity: 0.8;
  }
}

.dggb-has-background-dim-30 {
  &:before {
    opacity: 0.7;
  }
}

.dggb-has-background-dim-40 {
  &:before {
    opacity: 0.6;
  }
}

.dggb-has-background-dim-50 {
  &:before {
    opacity: 0.5;
  }
}

.dggb-has-background-dim-60 {
  &:before {
    opacity: 0.4;
  }
}

.dggb-has-background-dim-70 {
  &:before {
    opacity: 0.3;
  }
}

.dggb-has-background-dim-80 {
  &:before {
    opacity: 0.2;
  }
}

.dggb-has-background-dim-90 {
  &:before {
    opacity: 0.1;
  }
}

.dggb-has-background-dim-100 {
  &:before {
    opacity: 0;
  }
}

div.dggb-background-auto {
  background-size: auto;
  background-position: center center;
}

div.dggb-background-cover {
  background-size: cover;
}

div.dggb-background-contain {
  background-size: contain;
  background-position: center center;
}

div.dggb-background-no-repeat {
  background-repeat: no-repeat;
}

div.dggb-background-repeat {
  background-repeat: repeat;
}

div.dggb-background-repeat-x {
  background-repeat: repeat-x;
}

div.dggb-background-repeat-y {
  background-repeat: repeat-y;
  background-position: center center;
}