:root {
  --informational: #C2EC3F;
  --urgent: #F6D400;
  --critical: #B11602;
}

/* hide page title and breadcrumbs */
.mod-page-middle-top,
.top-confined-breadcrumb-outer {
  display:none;
}

/* alert banner */
.alert-banner .container {
  max-width:100% !important;
  padding-left:0;
  padding-right:0;
}

.alert-banner .alert-banner-container {
  height:200px;
  margin-top:20px;
  position:relative;
}

@media only screen and (min-width: 992px) {
  .alert-banner .alert-banner-container {
    margin-top:0;
    height:360px;
  }
}

.alert-banner .alert-banner-container .alert-background-container {
  height:100%;
  width:100%;
  display:flex;
  justify-content:space-between;
  position:absolute;
  z-index:0;
}

.alert-banner .alert-banner-container .alert-background-container .left-pattern {
  /* width:220px; */
  width:12%;
  height:100%;
  background-image:url(../images/alert-pattern-green.svg);
  background-size:40px;
}

@media only screen and (min-width: 992px) {
  .alert-banner .alert-banner-container .alert-background-container .left-pattern {
    width:15%;
  }
} 

.alert-banner .alert-banner-container .alert-background-container .center-pattern {
  /* width:1000px; */
  width:80%;
  height:180px;
  background-image:url(../images/alert-banner-texture.svg);
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
}

.alert-banner .alert-banner-container .alert-background-container .center-pattern img {
  width:60px;
  height:60px;
  position:absolute;
  right:0;
  bottom:-45px;
}

@media only screen and (min-width: 992px) {
  .alert-banner .alert-banner-container .alert-background-container .center-pattern {
    width:58%;
    height:300px;
  }

  .alert-banner .alert-banner-container .alert-background-container .center-pattern img {
    width:90px;
    height:90px;
    right:-45px;
  }
}

.alert-banner .alert-banner-container .alert-background-container .right-pattern {
  /* width:125px; */
  width:6%;
  height:100%;
  background-image:url(../images/alert-pattern-green.svg);
  background-size:40px;
  display:none;
}

@media only screen and (min-width: 992px) {
  .alert-banner .alert-banner-container .alert-background-container .right-pattern {
    display:block;
  }
}

.alert-banner .alert-banner-container .alert-heading-container {
  background-color:var(--light-gray);
  width:50%;
  height:150px;
  padding:30px;
  position:absolute;
  z-index:1;
  bottom:0;
}

.alert-banner .alert-banner-container .alert-heading-container p {
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  height:100%;
}

.alert-banner .alert-banner-container .alert-heading-container p img {
  max-width:200px;
  width:100%;
  height:auto;
  position:absolute;
  right:0;
  top:50%;
  padding:0;
  transform:translateY(-50%);
}

@media only screen and (min-width: 992px) {
  .alert-banner .alert-banner-container .alert-heading-container {
    width:680px;
    height:280px;
  }

  .alert-banner .alert-banner-container .alert-heading-container p img {
    max-width:350px;
  }
}

/* alert statuses section */
.campus-status-container {
  width:1170px;
  max-width:100%;
  margin:0 auto;
  padding:0 15px;
}

.campus-status-container h2 {
  text-align:center;
  font-size:44px;
  line-height:50px;
  margin-bottom:20px;
  color:var(--under-the-elms);
}

.campus-status-container ul.campus-list {
  list-style:none;
  padding:0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}

.campus-status-container ul.campus-list > li {
  margin-right:20px;
  margin-bottom:20px;
}

.campus-status-container ul.campus-list > li img {
  height:46px;
  width:auto;
  display:block;
}

@media only screen and (min-width: 768px) {
  .campus-status-container ul.campus-list > li img {
    height:56px;
  }
}

/* alert statuses sidebar section */
.col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container {
  padding: 0;
}

.col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container h2 {
  font-family: var(--text-display-alt);
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 0;
  margin-bottom: 10px;
}

.col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-left: none;
}

.col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li {
  padding: 0;
  margin: 5px;
  border-left: none;
}

.col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li:last-of-type {
  margin-bottom: 0;
}

.col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li img {
  height: 32px;
}

@media only screen and (min-width: 992px) {
  .col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container h2 {
    text-align: left;
  }

  .col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list {
    flex-direction: column;
    justify-content: left;
    border-left: 2px solid var(--light-gray);
    overflow: visible;
  }

  .col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li {
    border-left: none;
  }

  .col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li img {
    padding-left: 15px;
    margin-left: -7px;
    border-left: 2px solid var(--light-gray);
  }

  .col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li img.campus-status-informational {
    border-left: 2px solid var(--informational);
  }

  .col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li img.campus-status-urgent {
    border-left: 2px solid var(--urgent);
  }

  .col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li img.campus-status-critical,
  .col-sm-12.col-md-6.col-lg-4.col-xl-4 .campus-status-container ul.campus-list > li img.campus-status-takeover {
    border-left: 2px solid var(--critical);
  }
}

/* about alert and active/non-active alert section */
.alert-about-active .view-content .alert-takeover,
.alert-about-active .view-content .alert-critical,
.alert-about-active .view-content .alert-urgent,
.alert-about-active .view-content .alert-informational {
  background-color:var(--white);
}

.alert-about-active {
  margin-top:40px;
}

.alert-about-active > .container {
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 992px) {
  .alert-about-active > .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.alert-about-active .about-alert {
  background:var(--under-the-elms);
  padding:40px;
  margin-bottom:40px;
}

.alert-about-active .about-alert h3,
.alert-about-active .about-alert p {
  color:var(--white);
}

.alert-about-active .about-alert h3 {
  font-family:var(--text-display-alt);
  text-transform:uppercase;
  letter-spacing:1.4px;
  font-size:28px;
  line-height:33px;
  padding-top:0;
}

.alert-about-active .report-alert {
  background:var(--light-gray);
  padding:22px 14px;
  text-align:center;
}

.alert-about-active .report-alert span {
  color:var(--under-the-elms);
  display:block;
}

.alert-about-active .report-alert span.small {
  font-family:var(--text-display-alt);
  text-transform:uppercase;
  letter-spacing:0.8px;
  font-size:16px;
  line-height:20px;
}

.alert-about-active .report-alert span.large {
  font-family:var(--text-display);
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:42px;
  line-height:50px;
}

.report-alert.campus-page {
  margin-top: 40px;
}

.important-contacts {
  margin-top: 40px;
  text-align: center;
}

.important-contacts h3 {
  font-family: var(--text-display-alt);
  text-transform:uppercase;
  font-size: 20px;
  letter-spacing:1.6px;
  margin-bottom: 0;
  padding-top: 0;
  color: var(--under-the-elms);
}

.important-contacts .bold {
  font-weight: bold;
  color: var(--under-the-elms);
}

.important-contacts .normal {
  font-weight: normal;
  color: var(--under-the-elms);
}

@media only screen and (min-width: 992px) {
  .important-contacts {
    text-align:left;
  }
}

/* all active/inactive alerts view */
.alert-about-active .modInnerContent:nth-of-type(2) {
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%;
}

@media only screen and (min-width: 992px) {
  .alert-about-active .modInnerContent:first-of-type {
    padding-left:45px;
    order:2;
  }

  .alert-about-active .modInnerContent:nth-of-type(2) {
    padding-right:45px;
    order:1;
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%;
  }
}

.alert-about-active .alert-inactive-container h3 {
  font-family:var(--text-display-alt);
  text-transform:uppercase;
  letter-spacing:1.6px;
  font-size:30px;
  line-height:36px;
  color:var(--under-the-elms);
  margin:0;
  padding:0;
}

.alert-about-active .alert-inactive-container p {
  color:var(--under-the-elms);
}

.alert-about-active .alert-inactive-container .alert-inactive-information,
.alert-about-active .alert-inactive-container .alert-overview {
  border-bottom:1px solid var(--middle-gray);
  padding-bottom:40px;
}

@media only screen and (min-width: 992px) {
  .alert-about-active .alert-inactive-container .alert-overview {
    border-bottom: none;
  }
}

.alert-about-active .alert-inactive-container .alert-inactive-information .alert-inactive-heading-container {
  display:flex;
  align-items:center;
}

.alert-about-active .alert-inactive-container .alert-inactive-information .alert-inactive-heading-container img {
  width:56px;
  height:auto;
  margin-right:20px;
}

.alert-about-active .alert-inactive-container .alert-overview {
  margin-top:40px;
}

.alert-about-active .alert-inactive-container .alert-overview h3 {
  font-size:24px;
  line-height:30px;
  margin-bottom:20px;
}

.alert-about-active .alert-container {
  margin-top:30px;
  padding-bottom:30px;
  border-bottom:1px dashed var(--under-the-elms);
}

.alert-about-active .alert-updates:first-of-type .alert-container {
  margin-top:0px;
}

.alert-about-active .alert-updates:last-of-type .alert-container {
  padding-bottom:0;
  border-bottom:none;
}

.alert-about-active .alert-container .alert-meta {
  display:flex;
  align-items:center;
}

.alert-about-active .alert-container .alert-meta img {
  width:56px;
  height:56px;
  margin-right:20px;
  align-self: baseline;
  margin-top: 9px;
}

.alert-about-active .alert-container .alert-meta .alert-meta-text span,
.alert-about-active .alert-container .alert-more-info .alert-updates span.update-time {
  color:var(--under-the-elms);
  font-size:16px;
  line-height:24px;
  font-weight:600;
  font-style:normal;
  padding-top:10px;
}

.alert-about-active .alert-container .alert-more-info .alert-updates span.update-time {
  display:flex;
  align-items:center;
  width: 100%;
  padding: 15px 10px;
  border: 2px solid var(--light-gray);
  border-top: none;
  justify-content: center;
}

.alert-about-active .alert-container .alert-meta .alert-meta-text span.date:after {
  content:'|';
}

.alert-about-active .alert-container .alert-more-info .alert-updates span.update-time:before {
  content:"";
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:9px;
  margin-right:8px;
}

.alert-about-active .alert-container.alert-informational .alert-more-info .alert-updates span.update-time:before {
  background-color:var(--informational);
}

.alert-about-active .alert-container.alert-informational .alert-more-info .alert-updates ul li:first-of-type span.update-time:before {
  transform: scale(1);
  animation: pulse-informational 2s infinite;
}

.alert-about-active .alert-container.alert-urgent .alert-more-info .alert-updates span.update-time:before {
  background-color:var(--urgent);
}

.alert-about-active .alert-container.alert-urgent .alert-more-info .alert-updates ul li:first-of-type span.update-time:before {
  transform: scale(1);
  animation: pulse-urgent 2s infinite;
}

.alert-about-active .alert-container.alert-critical .alert-more-info .alert-updates span.update-time:before,
.alert-about-active .alert-container.alert-takeover .alert-more-info .alert-updates span.update-time:before {
  background-color:var(--critical);
}

.alert-about-active .alert-container.alert-critical .alert-more-info .alert-updates ul li:first-of-type span.update-time:before,
.alert-about-active .alert-container.alert-takeover .alert-more-info .alert-updates ul li:first-of-type span.update-time:before {
  transform: scale(1);
  animation: pulse-critical 2s infinite;
}

.alert-about-active .alert-container .alert-more-info .alert-updates ul li:first-of-type:not(:last-child) span.update-time:after {
  content: "(Latest Update)";
  margin-left: 5px;
  font-style: italic;
  font-weight: normal;
}

@keyframes pulse-informational {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(194, 236, 63, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(194, 236, 63, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(194, 236, 63, 0);
  }
}

@keyframes pulse-urgent {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(246, 212, 0, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(246, 212, 0, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(246, 212, 0, 0);
  }
}

@keyframes pulse-critical {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(177, 22, 2, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(177, 22, 2, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(177, 22, 2, 0);
  }
}

.alert-about-active .alert-container .alert-body p,
.alert-about-active .alert-container .alert-body ul,
.alert-about-active .alert-container .alert-body ol,
.alert-about-active .alert-container .alert-body li {
  color:var(--under-the-elms);
  font-weight:600;
}

.alert-about-active .alert-container .alert-body p {
  margin: 10px 0 0;
}

.alert-about-active .alert-container .alert-more-info .alert-updates ul,
.alert-about-active .alert-container .alert-more-info .alert-updates ol {
  margin-top:4px;
}

.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description > ul,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description > ol {
  margin-left: 5px !important;
}

.alert-about-active .alert-container .alert-more-info .alert-updates > ul > li {
  border-top: 5px solid var(--black);
  margin-top:20px;
  border-bottom: none;
}

.alert-about-active .alert-container .alert-more-info .alert-updates > ul > li:first-of-type {
  padding-bottom: 0;
}

.alert-about-active .alert-container .alert-more-info .alert-updates > ul > li:last-of-type {
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}

.alert-about-active .alert-container.alert-informational .alert-more-info .alert-updates > ul > li {
  border-color:var(--informational);
}

.alert-about-active .alert-container.alert-urgent .alert-more-info .alert-updates > ul > li {
  border-color:var(--urgent);
}

.alert-about-active .alert-container.alert-critical .alert-more-info .alert-updates > ul > li,
.alert-about-active .alert-container.alert-takeover .alert-more-info .alert-updates > ul > li {
  border-color:var(--critical);
}

.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description p,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description ul,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description ol,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description li {
  font-size:18px;
  line-height:27px;
  color:var(--under-the-elms);
  font-weight:400;
  margin:0;
  padding:0;
}

.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description p {
  margin: 15px 0 0 0;
}

.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description p:first-child,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description h3 + p,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description h4 + p,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description h5 + p,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description h6 + p {
  margin-top: 5px;
}


.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description p strong,
.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description li strong {
  color: var(--under-the-elms);
}

.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description ol li {
  list-style: decimal;
  margin-left: 20px;
}

.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description ul li {
  list-style: disc;
  margin-left: 17px;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description ul li {
    margin-left: 20px;
  }
    
  .alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description ol li {
    margin-left: 26px;
  }
}

.alert-about-active .alert-container .alert-more-info .alert-updates .alert-more-info-description ol li::marker {
  font-weight: bold;
}

.alert-about-active .alert-container .alert-meta .alert-meta-text h3 {
  font-family:var(--text-display-alt);
  text-transform:uppercase;
  letter-spacing:1.6px;
  font-size:22px;
  line-height:28px;
  color:var(--under-the-elms);
  margin:0;
  padding:0;
}

@media (min-width: 992px) {
  .alert-about-active .alert-container .alert-meta .alert-meta-text h3 {
    font-size:30px;
    line-height:36px;
  }
}

.alert-about-active .alert-container .alert-more-info .alert-updates h3,
.alert-about-active .alert-container .alert-more-info .alert-updates h4,
.alert-about-active .alert-container .alert-more-info .alert-updates h5,
.alert-about-active .alert-container .alert-more-info .alert-updates h6 {
  font-family:var(--text-display-alt);
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:14px;
  line-height:20px;
  color:var(--under-the-elms);
  margin-bottom:0;
  margin-top:15px;
  padding:0;
}

@media (min-width: 992px) {
  .alert-about-active .alert-container .alert-more-info .alert-updates h3,
  .alert-about-active .alert-container .alert-more-info .alert-updates h4,
  .alert-about-active .alert-container .alert-more-info .alert-updates h5,
  .alert-about-active .alert-container .alert-more-info .alert-updates h6 {
    font-size:20px;
    line-height:26px;
  }
}

.alert-about-active .alert-container .alert-more-info .alert-updates h3:not(:first-child),
.alert-about-active .alert-container .alert-more-info .alert-updates h4:not(:first-child),
.alert-about-active .alert-container .alert-more-info .alert-updates h5:not(:first-child),
.alert-about-active .alert-container .alert-more-info .alert-updates h6:not(:first-child) {
  margin-top: 20px;
}

.alert-about-active .alert-container .alert-more-info .alert-updates h4.alert-heading {
  font-size:18px;
  line-height:24px;
}

@media (min-width: 992px) {
  .alert-about-active .alert-container .alert-more-info .alert-updates h4.alert-heading {
    font-size:24px;
    line-height:30px;
  }
}

.alerts-information .view-empty img {
  height: 56px;
}

/* alert levels */
.alert-levels {
  margin-top:20px;
  padding-top:40px;
  padding-bottom:40px;
}

.alert-levels h2 {
  font-size:50px;
  text-align:center;
  font-family:var(--text-serif);
  font-weight:700;
  padding-top:0px;
}

.alert-levels p.intro-text {
  max-width:870px;
  margin:0 auto;
}

.alert-levels .alert-level-container {
  padding-left:60px;
  padding-right:60px;
}

.alert-levels .alert-level-container p img,
.alert-levels .alert-level-container img {
  padding:0;
  width:100%;
  height:auto;
}

.alert-levels .alert-level-container h3 {
  font-family:var(--text-display-alt);
  font-size:18px;
  line-height:22px;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:0px;
}

/* stay informed */
.alert-stay-informed {
  padding-top:40px;
}

.alert-stay-informed .container .mod-page-container  .image-tile.container {
  padding-left:0;
  padding-right:0;
}

.alert-stay-informed .paragraph__column {
  padding-bottom:0;
}

.alert-stay-informed h2 {
  font-size:50px;
  text-align:center;
  font-family:var(--text-serif);
  font-weight:700;
  padding-top:0px;
  color:var(--under-the-elms);
}

.alert-stay-informed p {
  max-width:870px;
  margin:0 auto;
}

.image-tiles.component-wrapper {
  padding-top:40px !important;
}

/* alert methods */
.alert-methods {
  padding-top:40px;
  padding-bottom:40px;
}

.alert-methods .modInnerContent:first-of-type .paragraph__column {
  padding-bottom:0;
}

.alert-methods h2 {
  font-size:50px;
  font-family:var(--text-serif);
  font-weight:700;
  color:var(--under-the-elms);
  padding-top:0px;
  border-bottom:1px solid var(--middle-gray);
  padding-bottom:12px;
}

.alert-methods h3 {
  font-size:28px;
  font-family:var(--text-serif);
  font-weight:700;
  color:var(--under-the-elms);
  margin-bottom:5px;
}

.alert-methods .modInnerContent:nth-child(3) h3:first-child {
  padding-top: 30px;
}

@media (min-width: 767px) {
  .alert-methods .modInnerContent:nth-child(3) h3:first-child {
    padding-top: 15px;
  }
}

.alert-methods p {
  color:var(--black);
}

/* important information */
.alert-important-info .quicklinks.background--green {
  background-color:var(--under-the-elms);
}