.page-title.announcement-heading {
  padding-bottom: 2rem; }

.announcement-container {
  padding-top: 4rem; }
  .announcement-container .announcement-notice {
    font-size: 1.35rem;
    font-weight: 500; }
  .announcement-container .announcement-support {
    margin: 2rem 0 0 0; }

.announcement--meta-support > * {
  margin: 0 0 1rem 0 !important; }

.announcement--meta-support .announcement-support-item {
  padding: 15px;
  background-color: #f1f4f7; }

.announcement-title {
  background-color: #f1f4f7;
  margin: -10vh 0 0 0;
  padding: 130px 0 0;
  position: relative; }
  .announcement-title::before {
    background-color: inherit;
    position: absolute;
    z-index: -1;
    bottom: 0;
    content: "";
    top: 0; }

.announcement-heading {
  position: relative; }
  .announcement-heading::before {
    position: absolute;
    width: 100vw;
    top: -20px;
    left: -30px;
    content: "";
    height: 1px; }

.field-announcement-type {
  padding: 0 0 0 2rem;
  position: relative; }
  .field-announcement-type::before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 2rem;
    left: 0;
    top: 15%; }

.announcement-outage::before {
  background: #DF1378; }

.announcement-maintenance::before {
  background: #663FA4; }

.announcement-alert::before {
  background: #EC814B; }

.announcement-meta--item {
  margin-top: 20px;
  margin-bottom: 30px; }
  .announcement-meta--item .announcement-meta--term {
    font-weight: 500;
    border-bottom-width: 1px;
    padding-bottom: 8.5px;
    margin-bottom: 8.5px; }
  .announcement-meta--item p {
    margin: 0; }
  .announcement-meta--item:first-of-type {
    margin-top: 0; }
  .announcement-meta--item .announcement-start-date,
  .announcement-meta--item .announcement-end-date {
    padding: 10.5px;
    background-color: #f1f4f7;
    margin: 10px 0;
    font-weight: 500; }

@media (min-width: 1600px) {
  .announcement-title.max-width--background::before, .announcement-heading::before {
    left: calc(-50vw - -800px);
    right: calc(-50vw - -800px); } }

@media (max-width: 768px) {
  .announcement--meta-container {
    margin: 2rem 0; } }
/*# sourceMappingURL=announcement-page.css.map */