body {
  background: #162226;
}

body #cover-image-container {
  display: none;
}

body .container {
  border-top: solid thin transparent;
  background: #FAFAFA;
  border-radius: 8px;
  padding: 16px;
}

@media (min-width: 768px) {
  body .container {
    padding: 32px;
  }
}

body.status .layout-content.status {
  border-top: solid thin transparent;
}

body.status .layout-content.status .masthead-container.premium .masthead .text-container {
  position: relative;
  max-width: 850px;
  margin: 32px auto 56px;
  background: url(https://static.getpostman.com/assets/pm-logo-alt-1.svg) 10px/auto 40px no-repeat transparent;
  text-align: right;
}

@media (min-width: 768px) {
  body.status .layout-content.status .masthead-container.premium .masthead .text-container {
    background-size: auto 50px;
  }
}

body.status .layout-content.status .masthead-container.premium .masthead .text-container::after {
  display: block;
  content: "";
  clear: both;
}

body.status .layout-content.status .masthead-container.premium .masthead .text-container .page-name {
  display: none;
}

body.index.status-none .container {
  margin-top: 370px;
}

body.index.status-none .layout-content.status .page-status {
  position: absolute;
  top: 170px;
  height: 180px;
  width: 180px;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

body.index.status-none .layout-content.status .page-status.status-none {
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ1MSIgd2lkdGg9IjQ1MSIgIGZpbGw9IiNGRkZGRkYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHZlcnNpb249IjEuMSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247dGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO2ltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IiB2aWV3Qm94PSIwIDAgMzMzIDMxOSIgeD0iMHB4IiB5PSIwcHgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuZmlsMCB7ZmlsbDojRkZGRkZGfSA8L3N0eWxlPjwvZGVmcz48Zz48cGF0aCBjbGFzcz0iZmlsMCIgZD0iTTU0IDE1NGw2NCA3NCAxODcgLTIyMmMxNCwtMTUgMzYsMSAyNSwxOGwtMTg0IDI4MWMtMTQsMTggLTMzLDIwIC00OSwybC05MyAtMTExYy0xOCwtMjYgMjgsLTYzIDUwLC00MnoiPjwvcGF0aD48L2c+PC9zdmc+") center/100px no-repeat #26b47f;
}

body.index.status-none .layout-content.status .page-status .status {
  color: #fff;
  position: relative;
  top: 180px;
  width: 320px;
  text-align: center;
  display: block;
  margin-left: -90px;
}

body.index.status-none .layout-content.status .masthead-container.premium {
  width: 100%;
  max-width: none;
}

body.index.status-none .layout-content.status .masthead-container.premium .masthead {
  margin-bottom: 150px;
}

body.index.status-none .layout-content.status .masthead-container.premium .updates-dropdown-container {
  float: none;
}

/**
body.index .impact-maintenance + div {
  display: none;
}

/*
 * Hiding the scheduled maintenance segments in the UI

.scheduled-maintenances-container {
  display: none;
}

.incident-title.impact-maintenance {
  display: none;
}

.incident-title.impact-maintenance ~ * {
  display: none;
}

.no-incidents--custom:after {
  content: 'No incidents reported.';
}

.no-incidents--custom .incident-container {
  display: none;
}

/*
 * We also want to show the "No incidents reported"
 * text if all incidents in a section are hidden.
 * This is not possible via CSS, so we\'re going to
 * use JS instead.


</style>
<script>
  $(document).ready(function () {
    var nodeList = document.querySelectorAll(".status-day:not(.no-incidents)"),
      nodes = Array.prototype.slice.call(nodeList, 0);

    nodes.map((node) => {
      if (node.querySelectorAll(".incident-title:not(.impact-maintenance)")) {
        node.classList.add("no-incidents", "no-incidents--custom");
      }
    });
  });
</script>
<style>
*/