/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
 
/* Place all the styles related to the Pages controller here.
   They will automatically be included in application.css. */

#first-class-banner a,
#first-class-banner a:visited,
#first-class-banner a:focus {
  color: var(--color-banner-text) !important;
  text-decoration: none !important;
}

#first-class-banner a:hover {
  color: var(--color-brand-gold-alt) !important;
  text-decoration: none !important;
}

.contact-email a,
.contact-email a:visited {
  display: inline-block;
  background-color: var(--color-brand-red);
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: bold;
  font-size: 1.25rem;
  color: var(--color-contact-link) !important;
  text-decoration: none !important;
}

.contact-email a:hover {
  color: white !important;
}

.contact-email a:focus {
  outline: none;
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--color-brand-gold);
}