/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.section__cards-wrapper {
  background: #efefef;
  padding: 1.25rem; }

@media (min-width: 768px) {
  .section__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.section__cards-wrapper .section__cards {
  margin-left: auto;
  margin-right: auto;
  width: 90%; }
  @media (min-width: 576px) {
    .section__cards-wrapper .section__cards {
      width: 400px; } }
  @media (min-width: 768px) {
    .section__cards-wrapper .section__cards {
      width: 688px; } }
  @media (min-width: 992px) {
    .section__cards-wrapper .section__cards {
      width: 100%; } }
  @media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
    .section__cards-wrapper .section__cards {
      overflow: hidden; } }

.home-cta {
  display: block;
  outline: none;
  text-decoration: none; }
  .home-cta:active .home-cta__header, .home-cta:focus .home-cta__header, .home-cta:hover .home-cta__header {
    opacity: 0.9; }
  .home-cta:active .home-cta__inner, .home-cta:focus .home-cta__inner, .home-cta:hover .home-cta__inner {
    transform: translate(-50%, -10%); }

.section__cards > div,
.section__cards > a {
  max-width: 100%;
  flex: 1; }
  .section__cards > div:not(:last-child),
  .section__cards > a:not(:last-child) {
    margin-bottom: 3.75rem; }
  @media (min-width: 768px) {
    .section__cards > div,
    .section__cards > a {
      flex: 0 1 32%;
      margin-bottom: 0; }
      .section__cards > div:not(:last-child),
      .section__cards > a:not(:last-child) {
        margin-bottom: 0; } }

.home-cta__header {
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.5);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding-bottom: 66.666666%;
  position: relative;
  transition: all .25s ease; }

.home-cta__label {
  background-color: #FFF;
  color: #032349;
  font-size: 1.5rem;
  left: 0;
  letter-spacing: 2px;
  margin: 0;
  padding: 0.625rem;
  position: absolute;
  text-transform: uppercase;
  top: 10px; }
  @media (max-width: 1199.98px) {
    .home-cta__label {
      font-size: 0.75rem; } }

.home-cta-start {
  left: 0;
  right: auto; }

.home-cta-center {
  left: 50%;
  right: auto;
  width: max-content;
  max-width: 100%;
  transform: translateX(-50%); }

.home-cta-end {
  left: auto;
  right: 0; }

.home-cta__body {
  background-color: #efefef;
  text-align: center; }

.home-cta__inner {
  margin-top: -24px;
  position: relative;
  bottom: 0;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, 0);
  text-align: center;
  width: calc((100%) - 90px);
  transition: all .25s ease; }
  .home-cta__inner:after, .home-cta__inner:before {
    box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.3);
    content: '';
    display: block;
    background-color: #efefef;
    position: absolute;
    width: 45px;
    height: 100%;
    top: 0;
    z-index: -1;
    transform: translate(-50%, 0) skewX(-23deg); }
  .home-cta__inner:after {
    right: 0;
    transform: translate(50%, 0) skewX(23deg); }

.home-cta__text {
  background-color: #efefef;
  height: 100%;
  left: 0;
  padding: 1.25rem 0;
  top: 0;
  width: 100%; }

.home-cta__title {
  font-size: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase; }
  @media (max-width: 1199.98px) {
    .home-cta__title {
      font-size: 0.75rem; } }

.home-cta__desc {
  color: #7c8a9a;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 0.5px;
  list-style: none;
  padding-left: 0; }
  @media (max-width: 1199.98px) {
    .home-cta__desc {
      font-size: 0.75rem; } }