/* New code for the cookie banner to be darker color. */
.css-1lc6m47 {
  background-color: rgba(26, 22, 22, 0.3) !important;
}
.css-1979g2e {
background-color: #00A4A6 !important;
}

/* New code for Links in Components to be underlined */
   .component-inner-container.status-green a:link, a:visited, a:hover, a:active {
  text-decoration: underline;
  }
/*New code for titles of past incs being Black in Light Mode */
    body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-critical a, .layout-content.status-index .status-day .update-title.impact-critical a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-critical, .layout-content.status.status-index .incidents-list .incident-title.impact-critical a, .incident-history .impact-critical, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
  body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-degraded a, .layout-content.status-index .status-day .update-title.impact-degraded a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-degraded, .layout-content.status.status-index .incidents-list .incident-title.impact-degraded a, .incident-history .impact-degraded, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
    color: #000;
}
  body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-minor a, .layout-content.status-index .status-day .update-title.impact-minor a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-minor, .layout-content.status.status-index .incidents-list .incident-title.impact-minor a, .incident-history .impact-minor, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
    body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-major a, .layout-content.status-index .status-day .update-title.impact-major a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-major, .layout-content.status.status-index .incidents-list .incident-title.impact-major a, .incident-history .impact-major, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
    body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-maintenance a, .layout-content.status-index .status-day .update-title.impact-maintenance a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-maintenance, .layout-content.status.status-index .incidents-list .incident-title.impact-maintenance a, .incident-history .impact-maintenance, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #000;
}
/* New code for components in separate boxes */
  
.layout-content.status.status-index .components-section .components-container.two-columns .component-container {
  border:none;
}
  
.component-inner-container.status-green {
  border-radius: 3px;
        border: 1px solid #00A4A6;
  padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
  border:none
}
.component-inner-container.status-blue {
  border-radius: 3px;
        border: 1px solid #145FA9;
  padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
  border:none
}
.component-inner-container.status-red {
  border-radius: 3px;
        border: 1px solid #AE1302;
  padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
  border:none
}
.component-inner-container.status-yellow {
  border-radius: 3px;
        border: 1px solid #EAB303;
  padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
  border:none
}
.component-inner-container.status-orange {
  border-radius: 3px;
        border: 1px solid #C4580C;
  padding:1.1rem 1.25rem 1rem;
}
.components-container.two-columns {
  border:none
}
span[class^="fa group-parent-indicator color-secondary font-small fa-plus-square-o"],
span[class^="fa group-parent-indicator color-secondary font-small fa-minus-square-o"] {
  color: grey;
}
/*End of New code for components in separate boxes */
  
 
/* Two Column Style */
 
 
.components-container {
  display: flex;
  flex-wrap: wrap;
} 
.component-container:nth-child(even) {
  border-left: 0 !important;
}
@media screen and (min-width: 650px)
.component-container {
  flex-basis: 50%;
}
/* END of Two Column Style */
/* New code for Footer */
.footer {
  text-align: center;
  max-width: 60%;
  margin-bottom: 0.1rem;
  margin-left: auto;
  margin-right: auto;
}
.footer a:link, a:visited {
  text-decoration: underline;
}
/*END New code for Footer */

/* New code for Dark mode */
@media (prefers-color-scheme: dark) {
 body {
  color: #5a5a5a !important;
  background: #292929 !important;
  font: 100% system-ui;
  }
  .font-regular {
      color: white;
  }
  .font-large,.footer, .font-largest.no-link, span, .month-name, .past-incidents, .no-logo, .legend-item {
  color: white;
  }
 a, a:hover, .layout-content.status-index .page-footer span a:hover, .layout-content.status-index .timeframes-container .timeframe:not(.active):hover, .layout-content.status-incident .subheader a:hover {
  color: white;
  }
  body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-none a, .layout-content.status-index .status-day .update-title.impact-none a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-none, .layout-content.status.status-index .incidents-list .incident-title.impact-none a, .incident-history .impact-none, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #fff;
}
    div[id^="component-info-container"], button[id^="component-description-11118247"],
  button[id^="tooltip-11118247"] {
   border-color:  #ffffff;
   color: #ffffff;
  }
   .footer a:link, a:visited, a:hover, a:active {
  color: #ffffff;
  }
  .layout-content.status-incident .subheader a:visited, a:hover, a:active {
    color:#ffffff !important;
  }

    body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-critical a, .layout-content.status-index .status-day .update-title.impact-critical a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-critical, .layout-content.status.status-index .incidents-list .incident-title.impact-critical a, .incident-history .impact-critical, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #fff;
  }
  body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-degraded a, .layout-content.status-index .status-day .update-title.impact-degraded a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-degraded, .layout-content.status.status-index .incidents-list .incident-title.impact-degraded a, .incident-history .impact-degraded, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
    color: #fff;
  }
  body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-minor a, .layout-content.status-index .status-day .update-title.impact-minor a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-minor, .layout-content.status.status-index .incidents-list .incident-title.impact-minor a, .incident-history .impact-minor, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #fff;
  }
    body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-major a, .layout-content.status-index .status-day .update-title.impact-major a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-major, .layout-content.status.status-index .incidents-list .incident-title.impact-major a, .incident-history .impact-major, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #fff;
  }
    body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-maintenance a, .layout-content.status-index .status-day .update-title.impact-maintenance a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-maintenance, .layout-content.status.status-index .incidents-list .incident-title.impact-maintenance a, .incident-history .impact-maintenance, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link {
color: #fff;
  }
}
/*END New code for Dark mode */