/**
 * 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--interstitial-block {
  border-bottom: 4px solid #00488A;
  padding: 0 15px 0 30px;
  margin: 0 0 60px 0; }
  @media print, screen and (min-width: 40em) {
    .block--interstitial-block {
      margin: 0 10% 140px 0;
      max-width: 1200px; } }
  @media screen and (min-width: 75em) {
    .block--interstitial-block {
      max-width: 1570px; } }
  .block--interstitial-block.mb-0 {
    margin-bottom: 0; }
  .block--interstitial-block > div {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end; }
  .block--interstitial-block .block-image-container {
    flex: 0 0 105px; }
    @media print, screen and (min-width: 40em) {
      .block--interstitial-block .block-image-container {
        flex: 0 0 142px; } }
    @media print, screen and (min-width: 64em) {
      .block--interstitial-block .block-image-container {
        flex: 0 0 162px; } }
    .block--interstitial-block .block-image-container svg {
      -webkit-perspective: 14em;
              perspective: 14em;
      overflow: visible;
      width: 100%;
      height: auto; }
      .block--interstitial-block .block-image-container svg .sign.wiggle {
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        -webkit-animation: x-axis-animation 2s ease-in-out 0s 1 alternate;
                animation: x-axis-animation 2s ease-in-out 0s 1 alternate;
        -webkit-animation-iteration-count: 2;
                animation-iteration-count: 2;
        -webkit-transform-origin: top center;
                transform-origin: top center; }
  .block--interstitial-block .field--name-field-text {
    padding: 0;
    display: flex;
    margin-right: 0;
    margin-left: auto;
    flex-direction: row;
    justify-content: flex-end; }
  .block--interstitial-block h3 {
    color: #FF850F;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 7px;
    margin-right: 20px;
    max-width: 230px; }
    @media (min-width: 550px) {
      .block--interstitial-block h3 {
        max-width: none; } }
    @media print, screen and (min-width: 40em) {
      .block--interstitial-block h3 {
        max-width: 300px;
        margin-right: 40px;
        font-size: 1.875rem;
        margin-bottom: 20px; } }
    @media (min-width: 900px) {
      .block--interstitial-block h3 {
        margin-right: 60px;
        max-width: none; } }
    @media print, screen and (min-width: 64em) {
      .block--interstitial-block h3 {
        max-width: 450px;
        margin-right: 80px;
        font-size: 3rem; } }
    @media (min-width: 1500px) {
      .block--interstitial-block h3 {
        margin-right: 80px;
        max-width: none; } }

@-webkit-keyframes x-axis-animation {
  0% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0); }
  25% {
    -webkit-transform: rotateX(20deg) translateY(0);
            transform: rotateX(20deg) translateY(0); }
  75% {
    -webkit-transform: rotateX(-20deg) translateY(0);
            transform: rotateX(-20deg) translateY(0); }
  100% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0); } }

@keyframes x-axis-animation {
  0% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0); }
  25% {
    -webkit-transform: rotateX(20deg) translateY(0);
            transform: rotateX(20deg) translateY(0); }
  75% {
    -webkit-transform: rotateX(-20deg) translateY(0);
            transform: rotateX(-20deg) translateY(0); }
  100% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0); } }


/*# sourceMappingURL=interstitial-block.css.map*/