// used for landing page video banner
// changes padding from td-box
.td-vid-box {
    .row.section {
         padding-left: 5vw;
         padding-right: 5vw;
         flex-direction: column;
  
         > table {
          @extend .table-striped;
  
          @extend .table-responsive;
  
          @extend .table;
         }
     }
  
    .row {
         flex-direction: row;
    }
}

.td-navbar-cover {
    background: $primary;
}

.header {
    &.row {
        background: linear-gradient(263.24deg, #16191F -12.21%, #232F3E 94.57%);
    }

    .headline {
        @include media-breakpoint-down(sm) {
            font-size: 2rem;
        }
    }

    &__content {
        margin-top: $navbar-height;
        color: $white;
    
        @include media-breakpoint-down(sm) {
            margin-top: 0;
        }
    }
    
    .byline {
        &__logo {
            display: inline-block;
            vertical-align: bottom;
            height: 1rem;
            width: 2rem;
            border: 0;
            background: transparent url(/images/aws_smile-header-desktop-en-white_59x35.png) no-repeat scroll 0 0;
            background-size: contain;
        }
    }
}

.td-default main > section:first-of-type { // To override Bootstrap styles
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.tab-content {
    margin-top: -1px;

    .tab-pane {
        max-width: 80%;

        .highlight {
            margin-top: 0
        }
    }
}

.benefits {
  .card-shadow {
    padding: 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 10px rgba(41,26,204,.12);
    border: none;
    height: 100%;
    text-align: left;

    h4 {
      font-weight: 550;
      font-size: 1.1em;
      line-height: 1.2;
    }
  }
}