﻿.p-text-image .image-wrapper, .p-text-image .image-wrapper-2, .p-text-image .image-wrapper-3 {
  height: 350px; }

@media (min-width: 1200px) {
  .p-text-image .image-wrapper {
    height: 450px; }
  .p-text-image .image-wrapper-3 {
    height: 650px; } }

.pi-text-image {
  width: 100%;
  height: 549px;
  /*    margin-bottom: 55px;*/
  position: relative;
  margin-bottom: 30px;
  /*
    .has-bg-image, .has-parallax {
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }*/ }
  .pi-text-image table, .pi-text-image td, .pi-text-image tr {
    border: none; }
  .pi-text-image--extended {
    height: auto; }
    .pi-text-image--extended .text-image-body {
      text-align: left;
      font-size: 18px;
      font-weight: 300; }
    .pi-text-image--extended .detail-item-container {
      margin-top: 40px; }
    .pi-text-image--extended .detail-item {
      text-align: left;
      border: solid 1px #e8e3e1;
      padding: 20px 20px 20px 55px;
      border-radius: 5px;
      margin-bottom: 10px;
      background-repeat: no-repeat;
      background-size: 20px 25px;
      background-position: 20px center;
      font-size: 14px;
      font-weight: 300; }
    .pi-text-image--extended .text-image-content {
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      color: white; }
      .pi-text-image--extended .text-image-content .primary {
        font-family: "Playfair Display";
        font-size: 32px; }
      .pi-text-image--extended .text-image-content .secondary {
        font-size: 14px;
        font-weight: 300;
        font-family: "Montserrat";
        text-transform: uppercase; }
  .pi-text-image--detailed .text-image:hover:after {
    display: none !important; }
  .pi-text-image--detailed .text-image .text-image-content {
    z-index: 6 !important;
    justify-content: space-between !important;
    position: relative;
    /*&:before {
                content: '';
                display: block;
                height: 80%;
                max-height: 239px;
                width: 1px;
                background: #fff;
                position: absolute;
                left: 40px;
                top: 135px;
                opacity: 0.2;
            }*/ }
  .pi-text-image--detailed .btn-container {
    justify-content: flex-start; }
  .pi-text-image--detailed .btn {
    min-width: 0;
    margin-bottom: 0;
    margin-right: 5px; }
  .pi-text-image .text-image {
    height: 100%;
    position: relative;
    /*     &:hover:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0.3;
            background: black;
            display: block;
            content: '';
            z-index: 1;
        }*/ }
    .pi-text-image .text-image .text-image-content {
      position: relative;
      z-index: 2;
      padding: 25px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      color: white; }
      @media (min-width: 375px) {
        .pi-text-image .text-image .text-image-content {
          padding: 35px; } }
      @media (min-width: 1200px) {
        .pi-text-image .text-image .text-image-content {
          padding: 45px 35px; } }
      .pi-text-image .text-image .text-image-content .primary {
        font-family: "Playfair Display";
        font-size: 32px; }
      .pi-text-image .text-image .text-image-content .secondary {
        font-size: 14px;
        font-weight: 300;
        font-family: "Montserrat";
        text-transform: uppercase; }
  .pi-text-image a:hover {
    text-decoration: none; }

.c-split-block + .c-pods .pi-text-image {
  height: auto; }
  .c-split-block + .c-pods .pi-text-image .dummy {
    padding-top: 75%; }
  .c-split-block + .c-pods .pi-text-image .text-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
