/*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));*/
.showcase {
  display: flex;
  flex-direction: column;
  padding-bottom: 4.375rem;
  padding-top: 4.375rem; }
  .showcase--light {
    background: #efefef; }
  .showcase--med {
    background: #e0e0e0; }
  .showcase--dark {
    background: #7c8a9a; }
  .showcase.showcase--flip-y {
    display: flex;
    flex-direction: column; }
  .showcase--has-bg {
    background-size: cover;
    background-repeat: no-repeat; }

.showcase__inner {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem; }
  @media (min-width: 992px) {
    .showcase__inner {
      flex-direction: row; } }

@media (min-width: 992px) {
  .showcase--even-split {
    flex: 0 1 50% !important;
    max-width: 50% !important; } }

.showcase__small {
  display: flex;
  flex-direction: column;
  position: relative; }
  @media (min-width: 992px) {
    .showcase__small {
      flex: 0 1 30%;
      max-width: 30%; } }
  .showcase__small .sold-image {
    padding-bottom: 1rem; }
  .showcase__small .overlay-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.showcase--flip-y .showcase__small {
  flex-direction: column-reverse;
  justify-content: flex-end; }

.showcase__small-inner {
  margin-bottom: 1.25rem; }
  .showcase__small-inner:last-child {
    margin-bottom: 0; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .showcase__small-inner {
      flex: 1 1 auto;
      min-height: 1px; } }

.showcase--flip-y .showcase__small-inner:first-child {
  margin-bottom: 0;
  margin-top: 1.25rem; }

.showcase__large {
  padding-right: 0;
  max-width: 100%;
  flex: 1;
  margin-bottom: 1.25rem; }
  .showcase--justified .showcase__large {
    justify-content: space-between;
    display: flex;
    flex-direction: column; }
  @media (min-width: 992px) {
    .showcase__large {
      flex: 0 1 70%;
      margin-bottom: 0;
      padding-right: 1.25rem;
      max-width: 70%; } }
  .showcase__large h3 {
    margin-bottom: 1rem; }

@media (min-width: 992px) {
  .showcase--flip-x .showcase__large {
    order: 2;
    padding-left: 1.25rem;
    padding-right: 0 !important; } }

.showcase--flip-y .showcase__large {
  margin-bottom: 0; }

.showcase__full {
  margin: 0 0 1.25rem; }

.showcase__title {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
  text-transform: uppercase; }
  @media (min-width: 992px) {
    .showcase__title {
      font-size: 3rem; } }

.showcase__subtitle {
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.25rem; }

.showcase__text {
  margin-bottom: 1.25rem; }
  .showcase__text:last-of-type {
    margin-bottom: 2.5rem; }

.showcase__nav {
  display: flex;
  flex-wrap: wrap;
  padding: 1.25rem 0; }
  .showcase__nav:after {
    content: '';
    flex: auto; }
  @media (min-width: 768px) {
    .showcase__nav {
      justify-content: space-between;
      margin-left: -0.625rem;
      margin-right: -0.625rem; } }

@media (min-width: 992px) {
  .showcase__large .showcase__nav {
    margin-bottom: -1.25rem;
    padding-bottom: 0; } }

.showcase__img {
  display: block;
  height: auto;
  width: 100%; }