/* generic styles */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.govuk-visually-hidden {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
  user-select:none
}

.font-small {
  font-size: 16px;
  line-height: 1.25em;
}

.font-regular {
  font-size: 19px;
  line-height: 1.25em;
}

.font-x-largest {
  font-size: 36px;
  line-height: 1.25em;

  @media screen and (max-width: 650px) {
    font-size: 27px;
  }
}

a, a:hover {
  text-decoration: underline;
  text-decoration-thickness: max(1px,.0625rem);
  text-underline-offset: 0.1578em;
}

a:focus {
  outline: 3px solid transparent !important;
  color: #0b0c0c !important;;
  background-color: #ffdd00 !important;
  -webkit-box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c !important;
  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c !important;
  text-decoration: none !important;
}

a.color-secondary {
  color: #1D70B8;
}

button:focus {
  border-color: #ffdd00 !important;
  color: #0b0c0c !important;
  outline: 3px solid transparent;
  -webkit-box-shadow: inset 0 0 0 1px #ffdd00 !important;
  box-shadow: inset 0 0 0 1px #ffdd00 !important;
}

button:focus:not(:active):not(:hover) {
  border-color: #ffdd00 !important;
  color: #0b0c0c !important;
  background-color: #ffdd00;
  -webkit-box-shadow: 0 2px 0 #0b0c0c !important;
  box-shadow: 0 2px 0 #0b0c0c !important;
}

.govuk-skip-link{
  text-decoration:underline;
  display:block;
  padding:10px 15px
}

.govuk-skip-link:not(:active):not(:focus){
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
  user-select:none
}

.govuk-skip-link:link,.govuk-skip-link:visited{
  color:#0b0c0c
}

.govuk-skip-link:hover{
  color:rgba(11,12,12,.99)
}

.govuk-skip-link:active,.govuk-skip-link:focus{
  color:#0b0c0c
}

.govuk-skip-link:focus{
  text-decoration: underline !important;
  outline:3px solid #ffdd00;
  outline-offset:0;
  background-color:#ffdd00;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* remove underline as they look like buttons */
.page-name > a,
.show-updates-dropdown,
.show-updates-dropdown:hover,
.previous-page,
.previous-page:hover,
.next-page,
.next-page:hover,
.flat-button,
.flat-button:hover {
  text-decoration: none;
}

/* subscribe to updates container */
.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
  text-transform: lowercase	;
  font-size: 19px;
  letter-spacing: 0;
  border-radius: 0;
  box-shadow: 0 2px 0 rgba(0,0,0,0.9);
  -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.9);
  -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.9);
  -o-box-shadow: 0 2px 0 rgba(0,0,0,0.9);
  -ms-box-shadow: 0 2px 0 rgba(0,0,0,0.9);
}

/* subscribe link selection focus */
.updates-dropdown-container .updates-dropdown .updates-dropdown-nav a:focus,
.updates-dropdown-container .updates-dropdown .updates-dropdown-nav button:focus{
  box-shadow: 0 -2px #ffdd00, inset 0 -4px #0b0c0c !important;
  outline: 0;
  border: 0;
  background: #ffdd00;
  color: #0b0c0c !important;
}

/* use filter because they load a different (dark) sprite from a url that would be fragile to use */
.updates-dropdown-container .updates-dropdown .updates-dropdown-nav .active:focus span {
  filter: invert(1);
}

/* hide “about this site“ */
.text-section .font-largest {
  display: none;
}

.text-section > p > a {
  word-break:break-word;
}

.layout-content.status.status-index .page-status .last-updated-stamp {
  color: #ffffff;
}

.layout-content.status.status-index .page-status {
  border-radius: 0;
  -webkit-border-radius: 0; 
  -moz-border-radius: 0;  
  border: none;
  text-shadow: none;
}

/* homepage components section */
.layout-content.status.status-index .components-section .component-container {
  border-bottom-width: 1px;
  padding: 10px 0;
}

.layout-content.status.status-index .components-section .component-container .icon-indicator {
   display: none;
}

.layout-content.status.status-index .components-section .component-container .name {
  font-weight: normal; 
  white-space: inherit !important;
}

.layout-content.status.status-index .components-section .component-container .component-status {
  font-size: 19px;
  line-height: 1.25em;
  font-weight: bold; 
}

/* single column container styles */
.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child {
  border-radius: 0 !important;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container {
  border-right-width: 0;
  border-left-width: 0 !important;
  padding: 15px 0;
}

.page-footer { 
  padding-bottom: 0.75rem; /* adjust footer padding so that links get full underline */

  /* 
   * reduce page-footer margin if you add a custom footer HTML
   * page-footer has a default margin
   * and because custom footer gets appended after it
   * we need to reduce it
   */
  margin-bottom: 10px;
}

/* fix for subscribe to incident updates modal on mobile/zoom view */
@media screen and (max-width: 580px) {
    .modal-open-incident-subscribe.in {
        margin-top: 0 !important;
        overflow-y: auto !important;
        bottom: 0 !important;
    }

    .modal .modal-body {
        max-height: none !important;
    }
}

/* make subheader on incident page visible on smaller viewports/ zoom levels */
.layout-content.status.status-incident .page-title .subheader:not(.scheduled-for) {
    display: block;
}

.container .page-status__heading {
  margin-bottom: 20px;
}

/* make incident page content linear on mobile */
@media screen and (max-width: 450px) {
  .layout-content.status.status-incident .update-title,
  .layout-content.status.status-incident .update-container {
    float: none;
  }

  .layout-content.status.status-incident  .update-container:not(.span12) {
    width: auto;
  }
}
/* HEAD: b117c7f06701b217dce8da918e7c46b47f2ae5e1 */