/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

body,
html {
  font-family: "Source Sans 3", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-color: rgb(0, 0, 0);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}

.fixed-cta {
  position: fixed;
  z-index: 1030;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(90deg) translateX(50%);
  -ms-transform: rotate(90deg) translateX(50%);
  transform: rotate(90deg) translateX(50%);
  -webkit-transform-origin: right 0%;
  -ms-transform-origin: right 0%;
  transform-origin: right 0%;
}

@media (min-width: 768px) {
  .fixed-cta {
    font-size: 1.125rem !important;
    line-height: calc(1.75 / 1.125) !important;
  }
}