//
// One screen page
// 


// Section single
.section-single {
  display: flex;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  
  &.bg-gray-darker { 
    color: $white;
  }
  
  * + .row { margin-top: 40px; }
  
  * + .rd-mailform { margin-top: 40px; }
  
  .countdown + p { margin-top: 30px; }
  
  .form-modern {
    .form-wrap + .button { 
      margin-top: 30px;
    }

    .form-input,
    .form-label { color: $white; }
  }
  
  .rights {
    a {
      color: $primary;
    }
  }
  
  // Medium ≥768px 
  @include media-breakpoint-up(md) {
    * + .row { margin-top: 60px; }
  }
  
  // Extra large ≥1200px
  @include media-breakpoint-up(xxl) {
    * + .row { margin-top: 120px; }
  } 
}

.section-single-header,
.section-single-footer {
  .divider-wide {
    position: absolute;
    left: 0;
    right: 0;
  }
} 

.section-single-header {
  text-align: center;
  padding: calc(1em + 3vh) 0 calc(1em + 2vh);

  .divider-wide {
    top: 0;
  }
}

.section-single-main {
  padding: calc(1em + 4vh) 0;
}

.section-single-footer {
  padding: calc(1em + 2vh) 0 calc(1em + 3vh);

  .divider-wide {
    bottom: 0;
  }
}

.section-single-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 100vh;

  > * {
    width: 100%;
  }
}

@supports (display: grid) {
  .section-single-inner { 
    display: grid;
    justify-items: center;
    align-content: space-between;
    grid-template-columns: 1fr;
  }
}

@include media-breakpoint-up(xxl) {
  .section-single-header {
    padding: 50px 0 10px;
  }

  .section-single-main {
    padding: 30px 0;
  }

  .section-single-footer {
    padding: 50px 0 22px;
  }
}

.one-screen-page {
  .form-modern {

    .form-input,
    .form-label { color: $white; }
  }
}