@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body, label, input, textarea, button, select {
  font-family: 'Open Sans', sans-serif; 
}

a[href^="http://"], a[href^="https://"], a[href^="/"] {
    text-decoration: underline;
}

/* remove the rule below to "enable" subscriptions */
/*.updates-dropdown-container {
  display: none; 
}*/

.incidents-list .status-day:nth-child(n+7) {
  display: none;
}

.layout-content.status.status-index .components-section .component-container .name {
  font-weight: 600;
}

.layout-content.status.status-index .components-section .component-container .name {
  white-space: normal;
}

.whitespace-pre-wrap {
  white-space: normal !important; 
}

.layout-content.status.status-index .components-section .component-container.is-group.open>.component-inner-container .name {
  max-width: 100%; 
}

.layout-content.status .masthead-container.basic .masthead {
  padding-top: 1em; 
}

.layout-content.status.status-index .text-section > h4 {
  display: none;
}

.tooltip-base {
  border-color: #1257D1;
  color: #1257D1;
}

.layout-content.status.status-index .page-status .status {
  text-shadow: none;
  top: 0;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a, .layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a:hover, .layout-content.status.status-index .incidents-list .incident-title a {
  text-shadow: none;
  color: #1257D1 !important;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident, .layout-content.status.status-index .page-status {
  border-left: 5px solid #232323;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical, .layout-content.status.status-index .page-status.status-critical {
  border-color: #FB471F;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major, .layout-content.status.status-index .page-status.status-major {
  border-color: #FB471F;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor, .layout-content.status.status-index .page-status.status-minor {
  border-color: #FFD140;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-maintenance, .layout-content.status.status-index .page-status.status-maintenance {
  border-color: #62DAFC;
}

.layout-content.status.status-index .page-status.status-none {
  border-color: #3BD5AE;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title.incident-title, .layout-content.status.status-index .page-status {
  /* rule is more specific to override impact colors */
  background: none !important;
  background-color: transparent !important;
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
  text-shadow: none !important;
  border-radius: 0 !important;
}

.layout-content.status.status-index .page-status .status {
  color: #232323;
}

/* remove extra margin at bottom of "All Systems Operational" text */
.layout-content.status.status-index .page-status.status-none > .status:has(+ .last-updated-stamp:empty) {
  margin-bottom: 0;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
  border: none;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title, .layout-content.status.status-incident .page-title .incident-name {
  color: #1257D1 !important;
}

/* change yellow text to a darker brown color to improve legibility/contrast */
.layout-content.status-index .components-statuses .component-container.status-yellow:after, .layout-content.status-full-history .month .incident-container .impact-minor, .layout-content.status-incident .incident-name.impact-minor, .layout-content.status.status-index .incidents-list .incident-title.impact-minor a, .status-yellow .icon-indicator, .incident-history .impact-minor, .components-container .component-inner-container.status-yellow .component-status, .components-container .component-inner-container.status-yellow .icon-indicator {
  color: #998d00; 
}

/* change green text to a darker green color to improve legibility/contrast */
.layout-content.status-index .components-statuses .component-container.status-green:after, .status-green .icon-indicator, .components-container .component-inner-container.status-green .component-status, .components-container .component-inner-container.status-green .icon-indicator {
  color: #027669; 
}

/* change blue text to a darker blue color to improve legibility/contrast */
.layout-content.status-index .components-statuses .component-container.status-blue:after, .status-blue .icon-indicator, .components-container .component-inner-container.status-blue .component-status, .components-container .component-inner-container.status-blue .icon-indicator {
  color: #4295A9; 
}

/* add a VPN tag instead of using a tooltip */
.component-inner-container[data-component-id="3ldfmj0pqtd9"]:after,
.component-inner-container[data-component-id="5y4y7gvf6rtx"]:after {
    content: 'VPN required if off-campus';
    display: block;
    font-size: 0.675em;
    line-height: 1;
    color: #676767;
  	  margin-top: 0.5em;
}

@media screen and (max-width: 450px) {
  .layout-content.status .masthead-container.basic .masthead .logo-container {
    max-width: none;
    margin-bottom: 0;
    float: left;
  }
  
  .layout-content.status .masthead-container.basic .masthead .updates-dropdown-container {
    float: right;
  	  position: relative;
  }
  
  .layout-content.status .masthead-container.basic .masthead .logo-container img {
    max-height: 90px; 
  }
}