/* OVERALL LOOK */

body {
  font-family: Helvetica !important;
}

h1,h2,h3,h4 {
  color: #1E2124 !important;
}

/* HEADER and HERO IMAGE */

.layout-content.status .masthead-container.premium .masthead .text-container {
  background-color: white;
  bottom: -100px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.page-name a {
  color: #1E2124 !important;
}

.masthead {
  margin-bottom: 120px !important;
}

/* ABOUT THIS SITE - Sentence casing */

#about-this-site {
  display: none;
}

/* ABOUT THIS SITE - Move to the bottom */

.container {
  display: flex;
  flex-direction: column;
}

.text-section {
		  order: 10;
}


/* PAST INCIDENT - Sentence casing */

#past-incidents {
  font-size: 1.50rem !important;
  visibility: hidden;
  position: relative;
}

#past-incidents::after {
  content: "Past incidents";
  visibility: visible;
  position: absolute;
  top: 0;
  left:0;
}

/* PAST INCIDENTS - Hide days before yesterday */

.status-day:not(:nth-child(-n+3)) {
  display: none;
}

/* COMPONENTS */

.component-inner-container .name {
  font-weight: bold !important;
}

.child-components-container .name {
  font-weight: normal !important;
  font-size: 0.9rem !important;
}

.child-components-container .component-status {
    font-size: 0.9rem !important;
}

/* FOOTER */

.footer-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.footer-container ol {
    list-style-type: decimal;
    margin : 25px 0px;
}

.footer-content {
    width: 850px;
    opacity: 0.6;
    text-align: justify;
    font-size: 9pt;
}

.footer-links {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  margin-bottom: 50px;
}

/* BETA BADGE */
.beta-badge {
    background-color: #4C90F0;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 20px;
    height: 30px;
    width :90px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    bottom: 10px;
    right: 10px;
    opacity: 0.5;
 }

/* BEGIN DISABLE HISTORY */
  
.incidents-list { 
  margin-top: 0px !important
}
  
.components-section {
  margin-bottom: 20px !important;
} 

#past-incidents {
  display: none
}

.history-footer-link {
  display: none
}

.status-day.no-incidents {
  display: none
}