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

// Variables
$black: #333;
$accent: #76bd1d;
$lightgray: #AAA;

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

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

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

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

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

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

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

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

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

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

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

.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;
}

.wpd-text-link {
  color: inherit;
  box-shadow: 0 -1px 0 inset;
  text-decoration: none;
  transition: .3s ease;

  &:hover {
    color: inherit;
    box-shadow: 0 -2px 0 inset;
    color: $accent;
  }
}

hr.wp-block-separator.is-style-default {
  width: 10%;
  height: 4px;
  background: #DDD;
  border: 0;
}