@import '../settings/variables';
@import '../tools/mixins/breakpoints';

.c-vessel-voyage {
  &__text-wrapper {
    margin: 3.375em 0 $margin-small $margin-normal;
  }

  &__title {
    font-family: $font-maersk-headline;
    font-weight: $font-weight-normal;
    font-size: $font-size-big;
    color: $color-secondary-dark;
  }

  &__info {
    margin-bottom: 0;
    color: #00233D;

    &--label {
      font-family: $font-maersk-headline;
      font-weight: $font-weight-bold;
      font-size: $font-size-medium;
      text-transform: uppercase;
      margin-right: $margin-normal;
    }

    &--data {
      font-family: $font-maersk-text;
      font-weight: $font-weight-normal;
      font-size: $base-font-size;
      margin-right: 0.75em;
    }

    &--separator {
      font-size: $base-font-size;
      font-family: $font-maersk-text;
      font-weight: $font-weight-normal;
      margin-right: 0.75em;
      color: #B3BdC5;
    }
  }

  &__xls-download {
    display: none;

    @include media-breakpoint-up(lg) {
      display: initial;
    }
  }
}