// Extra CSS overlaying elements

#global-header-bar {
  background-color: $govuk-blue;
}

#global-header,
#global-header.with-proposition {

  #logo {

    white-space: nowrap;

    #product-name {
      font-size: 24px;
      font-weight: 400;
      padding-left: 5px;
    }

  }

  .header-wrapper {
    .header-global {
      .header-logo {

        @include media(desktop) {
          width: auto;
        }

        &:after {
          display: none;
        }

      }
    }
  }

  .header-proposition {
    #proposition-links {
      li {
        padding: 0 0 0 15px;
      }
    }
  }

}

.beta-badge {
  @include phase-tag(beta);
  background: $govuk-blue;
  margin: 10px 0 0 0;
}


@include media(desktop) {
  #proposition-menu {
    float: right;
  }
}

a {
  &:visited {
    color: $link-colour;
  }
}

.form-control-1-1 {
  width: 100%;
}

.form-control-5em {

  width: 100%;

  @include media(tablet) {
    width: 5em;
  }

}

.column-main {

  .heading-large,
  > .heading-medium {
    margin: 10px 0 15px 0;
  }

  > .grid-row:first-child  {

    .heading-large,
    .heading-medium {
      margin: 10px 0 15px 0;
    }

  }

}

.highlight {
  font-family: monospace;
  overflow-x: scroll;
  padding: 10px 0 10px 10px;
}

.inline {

  .block-label {

    @include media(tablet) {
      float: none;
      display: inline-block;
    }

  }

}

td {
  vertical-align: top;
}

.heading-xlarge {
  margin-bottom: 20px;
}

.heading-medium {
  margin-top: $gutter;
}

#footer {

  .footer-categories {

    @extend %site-width-container;

    &-wrapper {
      padding: 0 0 $gutter * 2;
      margin: 0 0 $gutter;
      border-bottom: 1px solid $border-colour;
    }

    h2 {
      margin: 0 0 $gutter-two-thirds;
    }

  }

}

.form-label {
  margin-bottom: 5px;
}

a[rel='external'] {
  @include external-link-default;
  @include external-link-16;
  @include media(tablet) {
    @include external-link-19;
  }
}

.hint {
  color: $secondary-text-colour;
}

.button {
  padding: 0.3em 0.6em 0.2em 0.6em;
}

.list-bullet {

  .list-bullet {
    list-style: circle;
  }

}

details summary {
  text-decoration: underline;
  margin-bottom: $gutter-half;
}

.spreadsheet {

  th,
  .table-field-index {
    background: $grey-4;
    font-weight: bold;
    text-align: center;
  }

  th, td {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid $border-colour;
  }

  td {
    border-top: 0;
  }

}

.phase-banner-beta {
  border: 0;
  margin-bottom: -$gutter + 2px;
}

.body-copy-table {

  table {

    th,
    td {
      @include core-19;
    }

    thead {
      th {
        @include bold-19;
      }
    }

  }

}

.tabular-numbers {
  @include core-19($tabular-numbers: true);
}

summary::-moz-details-marker {
  display: none;
}
summary::-ms-details-marker {
  display: none;
}
summary::-o-details-marker {
  display: none;
}

summary::details-marker {
  display: none;
}

summary::-webkit-details-marker {
  display: none;
}

details .arrow {
  font-size: 16px;
}

.block-label-hint {
  @include core-16;
  margin-top: 5px;
}

.block-label input[disabled] {
  opacity: 0.5;
}

#content.override-elements-content {
  padding-bottom: 0;
}
