// 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;
      }
    }
  }

}

@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: $gutter-half 0 ($gutter / 3 * 2) 0;
    word-wrap: break-word;

    &.top-gutter-0 {
      margin-top: 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;
}

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

  &.heading-small {
    @include bold-19();
  }
}

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

  .form-label + & {
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
  }
}

.list-bullet {

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

}

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

.spreadsheet {

  margin-bottom: -$gutter;

  .table {
    margin-bottom: 0;
  }

  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;
    // 194 is the width of the table * 1/3.5, so the overflow cuts off
    // at 3.5 columns wide.
    // 11 accounts for the padding of the table cell
    min-width: 194px - 11px;

    &:first-child {
      min-width: auto;
    }

  }

  .fullscreen-fixed-table {

    z-index: 1000;

    .table-field-heading-first {
      background: $grey-4;
    }

  }

}

.body-copy-table {

  table {

    th,
    td {
      @include core-19;
      word-wrap: break-word;
    }

    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;
}

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

.multiple-choice input:disabled+label {
  opacity: 1;
  color: $secondary-text-colour;
  cursor: default;
}

.heading-inline {
  display: inline-block;
}

.bordered-image {
  padding: 5px;
  outline: 1px solid $border-colour;
  max-width: 100%;

  label & {
    cursor: pointer;
  }
}

.bordered-text-box {
  padding: 5px;
  outline: 2px solid $black;
  max-width: 100%;
}

.nowrap {
  white-space: nowrap;
}

.heading-upcoming-jobs {
  margin-top: $gutter-half;
}
