/*MARGINS*/

.negative-mt-18 {
    margin-bottom: -180px !important;
}

/*PILLS*/
/*removed from card.css*/

.byu-pill-blue {
    background-color: var(--royal-10);
    color: var(--dark-navy);
    padding: 0.25rem 0.875rem;
    border-radius: 100px;
    margin: 0 0.0625rem 0.25rem;
    display: inline-block;
}

.byu-pill-yellow {
    background-color: var(--yellow);
    color: #000;
    padding: 0.25rem 0.875rem;
    border-radius: 100px;
    margin: 0 0.0625rem 0.25rem;
    display: inline-block;
}

.byu-pill-royal-10 {
    background-color: var(--royal-10);
    color: #000;
    padding: 0.5rem 1rem;
    border-radius: 100px;
    margin-bottom: 8px;
    display: inline-block;
}

.byu-pill-royal-10.mb-0 {
    margin-bottom: 0;
}

.byu-pill-yellow-light,
/*CK Editor Styling*/
#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content p.byu-pill-yellow-light {
    background-color: var(--yellow-light) !important;
    color: var(--yellow-dark) !important;
    padding: 0.75rem 1.25rem !important;
    border-radius: 100px !important;
    margin: 0 0.0625rem 0.25rem;
    display: inline-block;
}

#drupal-off-canvas-wrapper [data-drupal-ck-style-fence] .ck.ck-content p.byu-pill-yellow-light strong {
    color: inherit !important;
}

/*ICONS*/
/*removed from card.css*/

.column-icon h4 {
    margin-top: 1rem; 
    margin-bottom: 0.5rem; 
    text-align: center; 
  }
  
  @media (min-width: 640px) {
    .column-icon h4 {
        text-align: left; 
    }
  }
  
  @media (min-width: 768px) {
    .column-icon h4 {
        text-align: left; 
    }
  }
  
  .column-icon p {
    text-align: center;  
  }
  
  @media (min-width: 640px) {
    .column-icon p {
        text-align: left;  
    }
  }
  
  @media (min-width: 768px) {
    .column-icon p {
        text-align: left;  
    }
  }
  

  /*IMAGES*/

img[data-align="left"] {
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem;
}