/*
Replace "x" with the number of days you want to show + 2.
For example, if you wanted to show the last 3 days of history, you would replace x with 5.
Do the replacements described above and then paste the following into your Custom CSS section.
*/

.status-day:nth-child(n+1) { display:none; }
.history-footer-link

body {
  font-family: Arial, Helvetica, sans-serif;
}

#custom-header {
  height: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0 0;
  background-color:#F0F2F2;
}

#custom-header .header-logo {
  width: 136px;
  margin: 0 auto;
}

#custom-header .logo {
  max-width:136px;
  display:inline-block;
}

#custom-header .links {
  float: right;
  text-align: right;
  width: 70%;
  margin-top: 7px;
}

#custom-header .links a {
  margin-left: 30px;
  font-size: 14px;
  color:#0650D0;
}

#custom-header .links a:hover {
  text-decoration: underline;
}

.container { 
  margin-top: -20px;
}

#custom-footer {
  padding:30px 40px 35px;
  color:#787A7A; 
  font-size:13px;
  background-color:#F0F2F2;
  border-top: 1px solid #DADEDE;
}

#custom-footer .logo {
  max-width:100px;
  display:inline-block;
}

#custom-footer > div {
  position:relative;
  top:2px;
}

#custom-footer .meta {
  float:right;
  color:#888;
}

#custom-footer .links {
  float:right;
  margin-left:30px;
}

#custom-footer .links a {
  color:#787A7A;
  display:inline-block;
  margin-left:20px;
}

#custom-footer .links a:hover {
  color:#272727;
  text-decoration: underline;
}

#custom-footer .links a:first-of-type {
  margin-left:0px;
}

@media screen and (max-width: 880px) {
  #custom-footer {
    overflow:hidden;
  }
  
  #custom-footer > div {
    top:0px;
    color:#888;
  }
  
  #custom-footer .links {
    margin-left:0px;
  }
  
  #custom-footer .meta {
    float:left;
    color:#888;
  }
  
  #custom-footer .logo {
    display:none;
  }
}

@media screen and (max-width: 600px) {
  #custom-footer {
    text-align:center;
    font-size:13px;
    line-height:20px;
    color:#888;
  }
  
  #custom-footer .meta, #custom-footer .links {
    float:none;
    color:#888;
  }
  
  #custom-footer .links {
    margin-bottom:5px;
  }
}

.incidents-list {
  display:none;
}
.updates-dropdown-container {
    display: none;
}
.layout-content.status .masthead-container.basic .masthead .logo-container {
    float: none !important;
    margin: auto;
}
/* remove the shading of the title text in cards */
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
  text-shadow: none;
}