body {
  background-color: #f7f7f8;
  font-family: -apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",Helvetica, Arial,sans-serif;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
}

.container.container.container {
  max-width: 850px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

a:link, 
a:hover,
a:focus {
  transition: color .25s ease-in;
}

a:link, .layout-content.status-index .page-footer span a:link, .layout-content.status-index .timeframes-container .timeframe:not(.active):link, .layout-content.status-incident .subheader a:link {
  color: #2c7cb0;
}
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: #1f567a;
}
.cf-inner a:link,
.cf-inner a:visited {
  color: #4e5255;
  font-weight: 600;
}

.cf-inner a:hover {
  color:#2c7cb0;
}

#show-updates-dropdown{
  display:none;
}
.layout-content.status .custom-header-container {
  margin-bottom: 32px;
}
.powered-by{
  display: none;
}
.page-status{
  display: none;
}
.layout-content.status.status-index .page-status {
  margin-bottom: 64px;
}
.text-section { 
  margin-bottom: 64px;
}


.navigation{
  overflow: hidden
}

.color-secondary { 
  color: #36393a;
}

.status-day, .scheduled-maintenances-container {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 32px;
  border-radius: 5px;
  margin-top: 0;
}

.padding-horizontal-medium { 
  padding-left: 32px;
  padding-right: 32px;
} 

.component-inner-container span {
    font-weight: bold;
}

span.component-status {
    font-weight: 600;
}

.components-section.font-regular {
    background-color: #fff;
}

.cf-head{
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color:#fff;
}

.cf-inner{
   display: flex;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 850px; 
  margin-left: auto;
  margin-right: auto;
	}

.logo{
  width: 100%;
}

.cf-logo-container{
 width:128px;
}

.nav-links{
  margin-left: auto;
}

.nav-links li{
  margin-left: 32px;
  display: inline-block;
  font-size: 14px;
}

.content-container {
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-righht: 16px;
} 

.cf-h2 {
  margin-top:2em;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  color: #36393a;
  line-height: 1.25;
}

.layout-content.status.status-index .page-status .status {
	position: static;
  top: 0;
}

.footer{
  width: 100%;
  padding-bottom: 128px;
}

.footer .wrapper {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.footer .container .wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-left: -32px;
  margin-right: -32px;
}

.layout-content.status.status-index .components-section {
  border-radius: 5px;
}

@media screen and (max-width: 480px) {
  .cf-h2 { font-size: 24px; }
  .nav-links li {
  margin-left: 16px;
}
  .cf-logo-container{
 width:96px;
}
  .cf-inner{
  padding-top: 16px;
  padding-bottom: 16px;

  }
}


.fa-plus-square-o:before {
  content: "\f0da" !important;
}

.fa-minus-square-o:before {
  content: "\f0d7" !important;
}

h4 {
  font-size: 1em !important;
  margin-bottom: 0px !important;
}

.layout-content.status.status-index .components-section .component-description-tooltip {
  max-width: 20vw;
}