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

// Variables 
//$black: #293038;

/* Import the flexbox grid */
@import "../dist/assets/bulma/sass/utilities/_all";
@import "../dist/assets/bulma/sass/grid/columns";

/* Font size styles */
@media only screen and (min-width: 600px) {
    div[class*="wp-block-atomic"].font-size-14 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 14px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-15 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 15px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-16 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 16px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-17 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 17px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-18 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 18px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-19 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 19px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-20 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 20px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-21 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 21px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-22 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 22px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-23 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 23px;
      }
    }
  
    div[class*="wp-block-atomic"].font-size-24 {
      &.block-testimonial p,
      &.block-notice p,
      &.block-profile p {
        font-size: 24px;
      }
    }
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

#editor .columns {
  margin: 0;
}