/* ====================================
  Pages Max Width
==================================== */
.page-max-width {
  margin-top: 0;
}

.page-max-width .wp-block-group > * {
  max-width: 100%;
}

.page-max-width .page-row-block-responsive-stacking .left-side {
  max-width: 894px;
}

.page-max-width .page-row-block-responsive-stacking .page-width-half {
  max-width: 50%;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .wp-block-post-content .page-max-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .wp-block-post-content .page-max-width.with-bgcolor {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .page-template-2019-top-stories
    .hero-fullscreen-centered.page-max-width.with-bgcolor {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-template-2019-top-stories .hero-fullscreen-centered,
  .page-template-2019-top-stories .hero-fullscreen-inner {
    margin-inline: 0 !important;
  }

  .wp-block-post-content .page-max-width.with-bgcolor > .wp-block-group {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .page-max-width .page-row-block-responsive-stacking {
    flex-wrap: wrap;
  }

  .page-max-width .page-row-block-responsive-stacking > * {
    width: 100%;
  }

  .page-max-width .page-row-block-responsive-stacking .page-width-half {
    max-width: 100%;
  }
}

/* ====================================
  TERMS PAGE
==================================== */
.page-terms-body .wp-block-group > * {
  max-width: 100%;
}

.cb-table-no-border-right
  .wp-block-table
  table
  tbody
  > tr:nth-child(1)
  > td:nth-child(2) {
  border-right-color: transparent;
}

/* ====================================
  SUBPROCESSORS PAGE
==================================== */
.page-subprocessors-body .wp-block-group > * {
  max-width: 100%;
}

.page-subprocessors-body .page-subprocessors-table-wrap {
  margin-top: 0;
}

.page-subprocessors-body .page-subprocessors-table-wrap > p {
  margin-bottom: 30px !important;
  font-size: 24px !important;
  line-height: 26px;
}

.page-subprocessors-body .page-subprocessors-table-wrap .wp-block-table {
  margin-top: 0;
}

.page-subprocessors-body .page-subprocessors-table-wrap .wp-block-table td,
.page-subprocessors-body .page-subprocessors-table-wrap .wp-block-table th {
  padding: 15px;
  border: 1px solid #d3e4ee;
}

.page-subprocessors-body
  .page-subprocessors-table-wrap
  .wp-block-table
  table
  thead {
  padding: 15px;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 1px;
  border-bottom: 1px solid;
}

.page-subprocessors-body
  .page-subprocessors-table-wrap
  .wp-block-table
  table
  thead
  tr
  th {
  color: #46a0ff;
}

.page-subprocessors-body
  .page-subprocessors-table-wrap
  .wp-block-table.table-header-align-left
  table
  thead
  tr
  th {
  text-align: left;
}

@media (min-width: 992px) and (max-width: 1199px) {
  body .page-subprocessors-body {
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-subprocessors-form-wrap {
    padding-left: 62px !important;
    padding-right: 62px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body .page-subprocessors-body {
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-subprocessors-form-wrap {
    padding-left: 47px !important;
    padding-right: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  body .page-subprocessors-body {
    margin-left: -16px !important;
    margin-right: -16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-subprocessors-form-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .page-subprocessors-body .page-subprocessors-table-wrap .wp-block-table {
    overflow: scroll;
  }

  .page-subprocessors-body
    .page-subprocessors-table-wrap
    .wp-block-table
    table {
    width: 800px;
  }
}

/* ====================================
  CAROUSEL STYLES
  - Left Side
==================================== */
.carousel-wrapper .cb-pages-carousel-leftside {
  max-width: calc(100% - 60px);
}

.carousel-wrapper .cb-pages-carousel-leftside .slick-arrow:before {
  color: #46a0ff;
  opacity: 0.2;
}

@media screen and (max-width: 767px) {
  .carousel-wrapper .cb-pages-carousel-leftside {
    margin-bottom: 40px;
  }
}

/* ====================================
  TABLE CUSTOM
==================================== */
.table-custom-stripes table thead,
.table-custom-stripes table tbody tr {
  border-bottom: 1px solid #d9edfb;
}

.table-custom-stripes table thead tr th,
.table-custom-stripes table tbody tr td {
  padding-top: 20px;
  padding-bottom: 20px;
}

.table-custom-stripes table thead tr th,
.table-custom-stripes table tbody tr td,
.table-custom-stripes table tbody tr:last-of-type {
  border: none;
}

.table-custom-stripes table thead tr th:nth-child(3) {
  border-top: 4px solid #46a0ff;
}

.table-custom-stripes table thead tr th:nth-child(3),
.table-custom-stripes table tbody tr td:nth-child(3) {
  background-color: #fff;
}

.table-custom-stripes table tbody tr td:nth-child(3) {
  color: #46a0ff;
}

.table-custom-stripes table tbody tr:last-of-type td:nth-child(3) {
  color: #143250;
}

/* ====================================
  CAROUSEL SLIDER - IMAGE - CENTER
==================================== */
.page-image-carousel-center
  .slick-list
  .slick-track
  .slick-slide
  .wp-block-image {
  width: 100%;
}

.page-image-carousel-center
  .slick-list
  .slick-track
  .slick-slide
  .wp-block-image
  img {
  margin-left: auto;
  margin-right: auto;
}

.page-image-carousel-center .slick-arrow:before {
  color: #a3a3a3;
}

.page-image-carousel-center .slick-arrow.slick-prev {
  left: 10px;
}

.page-image-carousel-center .slick-arrow.slick-next {
  right: 10px;
}

/* ====================================
  CUSTOM <hr> ELEMENT
==================================== */
.custom-hr-fullwidth.width-6px {
  border-width: 6px;
}

/* ====================================
  2019 Top Stories
==================================== */
.hero-fullscreen-centered {
  display: flex;
  height: calc(100vh - 98px);
}

.hero-fullscreen-centered .hero-fullscreen-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  background-size: 700px auto !important;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-fullscreen-centered .hero-fullscreen-inner .hero-fullscreen-h1 {
  line-height: 0.925;
}

.cb-select-dropdown {
  padding: 9px 9px 9px 16px;
  outline: none;
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  font-family: Proxima;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #4d4d4d;
}

.story-list .story-item {
  margin-top: 0;
}

.story-list .story-item hr {
  width: 100% !important;
}

.story-list .story-item p a:hover,
.story-list .story-item p a:active,
.story-list .story-item p a:focus {
  color: #ff8c5c !important;
}

.story-list .story-item .story-item-number {
  flex-shrink: 0;
  flex-grow: 0;
}
