@import url('https://use.typekit.net/ywf6mjm.css');
h1 {
font-family: "source-serif-4", serif;
}


@import url('https://use.typekit.net/ywf6mjm.css');
body {
font-family: "inter-tight-variable", sans-serif; 
}

body {
  background-color:#faf9f8;
}

p, .layout-content.status.status-index .components-section .component-container .name {
  font-weight:400;
}
/* Coloured Status Banner*/

.layout-content.status.status-index .page-status {
padding: 10px !important;
border:0;
  border-radius:0 !important;
}

.layout-content.status.status-index .page-status h2{
font-family:Inter-tight-variable;
font-weight:400;
font-size:11pt;
  padding-bottom:0 !important;
  padding: 0 !important;
      margin-left:20px;
  margin-bottom: 5px !important;
}

/* Coloured Status Banner: Green Text*/

.layout-content.status.status-index .page-status.status-none h2{
  color: #dffaa0 !important;
}

/* Coloured Status Banner: Blue Text*/

.layout-content.status.status-index .page-status.status-blue h2{
  color: #253a7b !important;
}

/* Coloured Status Banner: Red Text*/

.layout-content.status.status-index .page-status.status-red h2{
  color: #ffdad6 !important;
}


/* Coloured Status Banner: "Orange" Text*/

.layout-content.status.status-index .page-status.status-orange h2{
  color: #f83133 !important;
}

/* Coloured Status Banner: Yellow Text*/

.layout-content.status.status-index .page-status.status-yellow h2{
  color: #ce5511 !important;
}

/* History text */
.layout-content.status.status-full-history .months-container .month .incident-container .incident-title {
  font-weight:400;
  color: #160850;
}

/* ? icon */
button.tooltip-base {
  height:20px;
  width:20px;
  margin-left:10px;
}


/* Heading text */

h2, h4 {
  font-family: Source-serif-4;
  padding-bottom:20px;
  font-weight:300;
}

.month-title {
font-size:18pt;
}

.incidents-list{
display:none;
}

.header-container {
  width: 90%;
  max-width:850px;
  margin: 0 auto;
}

.update strong {
  color:#0c98d4;
}

.update {
border-bottom:1px solid #0c98d4;
  margin: 1rem 0;
  display: grid;
}

.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .updates-container .update {
padding: 1rem 0;
  padding-bottom:1.5rem;
}

.header {
  margin: 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  float: left;
  max-width: 12%;
}

img {
  max-width: 40%;
}
  
button, input[type='button'], input[type='reset'], input[type='submit']{
  background-color: #0c98d4;
  border: none;
  color: #faf9f8;
  border-radius:100px;
  padding: 10px 15px 9px;
  font-weight: 400;
  font-size: 14px;

}

.page-footer {
  display: none;
}

.icon-indicator {
  text-decoration:none;
}

.status-yellow .icon-indicator {
  color: #e5ba5a !important;
}

.status-blue .icon-indicator {
  color: #253a7b !important;
}

.status-orange .icon-indicator {
  color: #ce5511 !important;
}