/* Body */
/* Typography */
/* Header*/
/* Buttons */
/* Panels*/
/* Panel Background*/
/* Highlight */
/* Calendar*/
/**forms */
.c-banners {
  position: relative;
  margin-bottom: 25px; }
  @media (max-width: 1200px) {
    .c-banners.has-scroll-prompt {
      margin-bottom: 75px !important; } }
  .c-banners .banners {
    display: block; }
    .c-banners .banners .banner-item {
      padding: 40px; }
  .c-banners .banner::after {
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4); }
  .c-banners .banner-item {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 70px 30px; }
    .c-banners .banner-item .content {
      position: relative;
      z-index: 3;
      display: flex;
      flex-direction: column;
      height: 100%;
      align-items: center; }
      .c-banners .banner-item .content .stamp {
        z-index: 10;
        background: #a18f5b;
        color: white;
        max-width: 885px;
        margin: 0 auto 45px;
        position: relative;
        border-radius: 50%;
        width: 115px;
        height: 115px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: uppercase; }
      .c-banners .banner-item .content .stamp p {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 13px;
        text-transform: uppercase;
        font-family: "Montserrat"; }
      .c-banners .banner-item .content .stamp * {
        margin-bottom: 0; }
      .c-banners .banner-item .content h1.banner-primary-text,
      .c-banners .banner-item .content h2.banner-primary-text,
      .c-banners .banner-item .content h3.banner-primary-text,
      .c-banners .banner-item .content span.banner-primary-text,
      .c-banners .banner-item .content .banner-primary-text {
        font-size: 72px;
        font-family: 'heatsregular';
        color: #fff;
        font-size: 72px;
        text-transform: none !important;
        line-height: 1;
        margin-bottom: 0.5rem; }
      .c-banners .banner-item .content h2:not(.banner-primary-text) {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 8px;
        font-weight: lighter;
        margin-bottom: 0;
        color: #fff;
        line-height: 1.75; }
    .c-banners .banner-item--bottom .content {
      justify-content: flex-end; }
    .c-banners .banner-item--top .content {
      justify-content: flex-start; }
    .c-banners .banner-item--centre .content {
      justify-content: center; }
    .c-banners .banner-item--justified .content {
      justify-content: space-between; }
  .c-banners .banner-body {
    max-width: 885px;
    margin: 0 auto 45px;
    position: relative; }
  .c-banners table {
    border: none; }
  .c-banners table td {
    border-right: 1px solid rgba(255, 255, 255, 0.5); }
    .c-banners table td:last-of-type {
      border: none; }
  @media (min-width: 1200px) {
    .c-banners {
      margin-bottom: 0; }
      .c-banners .banners {
        display: block;
        /*
            &--takeover {
                .banner-item {
                    max-height: 900px;
                }
            }

            &--short {
                .banner-item {
                    max-height: 492px;
                }
            }*/ }
        .c-banners .banners .banner-item {
          padding: 0; }
        .c-banners .banners--takeover .banner-item {
          height: calc(92vh - 80px);
          min-height: 400px; }
        .c-banners .banners--short .banner-item {
          height: calc(60vh);
          min-height: 492px; }
        .c-banners .banners--standard .banner-item {
          height: calc(83vh);
          max-height: 478px; }
      .c-banners .banner-item .content h1.banner-primary-text,
      .c-banners .banner-item .content h2.banner-primary-text,
      .c-banners .banner-item .content h3.banner-primary-text,
      .c-banners .banner-item .content span.banner-primary-text,
      .c-banners .banner-item .content .banner-primary-text {
        font-size: 180px; }
      .c-banners .banner-item .content h2 {
        font-size: 24px; } }