/**
 * Base Styles
 * - 01 - Foundation
 * - 02 - Utilities
 * - 03 - Framework
 * - 04 - Settings
 */
/*------------------------------------*\
  01 - Foundation
\*------------------------------------*/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*------------------------------------*\
  02 - Utilities
\*------------------------------------*/
/*------------------------------------*\
  03 - Framework
\*------------------------------------*/
/*------------------------------------*\
  04 - Settings
\*------------------------------------*/
/**
 * Colors
 * - 01 - Variables
 * - 02 - Mapping
 */
/*------------------------------------*\
  01 - Variables
\*------------------------------------*/
/*------------------------------------*\
  02 - Mapping
\*------------------------------------*/
@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Regular.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Light.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-SemiBold.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-SemiBold.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Outfit';
  src: url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Bold.ttf), url(/solutions/themes/custom/themekit/assets/fonts/outfit/Outfit-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }

/******* End Drupal Defaults *******/
.block--text-and-media-card {
  padding: 100px 0 50px;
  opacity: 1; }
  @media print, screen and (min-width: 40em) {
    .block--text-and-media-card {
      padding: 200px 20px 240px; } }
  .block--text-and-media-card .block-content {
    margin: 0 auto;
    border-radius: 35px;
    overflow: hidden;
    background-color: #F0F5F9;
    max-width: 600px; }
    @media print, screen and (min-width: 64em) {
      .block--text-and-media-card .block-content {
        display: flex;
        max-width: 1200px; } }
    .block--text-and-media-card .block-content .field--name-field-media {
      border-radius: 35px;
      overflow: hidden; }
      @media print, screen and (min-width: 64em) {
        .block--text-and-media-card .block-content .field--name-field-media {
          border-radius: 0;
          overflow: hidden;
          flex: 0 0 45%; } }
      .block--text-and-media-card .block-content .field--name-field-media picture {
        width: 100%;
        height: 100%; }
      .block--text-and-media-card .block-content .field--name-field-media img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%;
        max-height: 225px; }
        @media print, screen and (min-width: 40em) {
          .block--text-and-media-card .block-content .field--name-field-media img {
            max-height: 400px; } }
        @media print, screen and (min-width: 64em) {
          .block--text-and-media-card .block-content .field--name-field-media img {
            max-height: none; } }
    .block--text-and-media-card .block-content .field--name-body {
      padding: 25px 20px 35px 20px; }
      @media print, screen and (min-width: 64em) {
        .block--text-and-media-card .block-content .field--name-body {
          padding: 35px 70px 40px 45px;
          flex: 0 0 55%; } }
      .block--text-and-media-card .block-content .field--name-body h3 {
        margin: 0;
        padding: 0;
        font-weight: bold;
        line-height: 1.4;
        font-size: 1.5rem; }
        @media print, screen and (min-width: 64em) {
          .block--text-and-media-card .block-content .field--name-body h3 {
            font-size: 2rem; } }
        .block--text-and-media-card .block-content .field--name-body h3 span.orange {
          font-size: 1.75rem; }
          @media print, screen and (min-width: 64em) {
            .block--text-and-media-card .block-content .field--name-body h3 span.orange {
              font-size: 2rem; } }
        .block--text-and-media-card .block-content .field--name-body h3:nth-of-type(2) {
          margin: 55px 0 40px 0; }
      .block--text-and-media-card .block-content .field--name-body p {
        margin: 0;
        padding: 0; }
        .block--text-and-media-card .block-content .field--name-body p.fine-print {
          font-weight: normal;
          font-size: 1rem;
          margin: 25px 0; }
          @media print, screen and (min-width: 64em) {
            .block--text-and-media-card .block-content .field--name-body p.fine-print {
              font-size: 1.25rem;
              margin: 20px 80px 35px 0; } }
      .block--text-and-media-card .block-content .field--name-body hr.thick-orange {
        width: 100%;
        margin: 0;
        background: linear-gradient(to right, #FF850F 0%, #FF850F 30%, transparent 30%, transparent 100%);
        box-shadow: none;
        border: 0;
        height: 7px; }
        @media print, screen and (min-width: 64em) {
          .block--text-and-media-card .block-content .field--name-body hr.thick-orange {
            margin: 0 0 30px -5px;
            height: 10px; } }
      .block--text-and-media-card .block-content .field--name-body a.orange-button {
        background-color: #FF850F;
        text-decoration: none;
        text-align: center;
        display: block;
        width: 100%;
        color: white;
        padding: 15px;
        border-radius: 7px;
        font-size: 1.375rem; }
  .block--text-and-media-card.reveal {
    -webkit-animation: .5s ease-in-out .5s forwards reveal;
            animation: .5s ease-in-out .5s forwards reveal; }


/*# sourceMappingURL=text-and-media-card.css.map*/