/**
 * 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 *******/
div.layout.bg-color--light-blue {
  background-color: rgba(156, 186, 218, 0.15);
  border-radius: 90px 0;
  position: relative; }
  @media print, screen and (min-width: 40em) {
    div.layout.bg-color--light-blue {
      border-radius: 180px 0; } }
  div.layout.bg-color--light-blue:before {
    content: '';
    position: absolute;
    top: 0;
    left: 90px;
    width: 95px;
    height: 6px;
    background-color: #FF850F; }
    @media print, screen and (min-width: 40em) {
      div.layout.bg-color--light-blue:before {
        width: 165px;
        height: 10px;
        left: 180px; } }

div.layout.bg-circles {
  position: relative; }
  div.layout.bg-circles:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(/solutions/themes/custom/themekit/assets/images/circle-flourish.png);
    background-repeat: no-repeat;
    background-size: auto 533px;
    background-position: left center;
    opacity: 0;
    transition: all .5s ease-in-out .5s; }
    @media print, screen and (min-width: 40em) {
      div.layout.bg-circles:before {
        background-size: auto 744px; } }
  div.layout.bg-circles.active:before {
    opacity: 1; }

div.layout.bg-triangles {
  position: relative;
  overflow: hidden; }
  div.layout.bg-triangles:after, div.layout.bg-triangles:before {
    content: '';
    position: absolute;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: all .5s ease-in-out .5s; }
  div.layout.bg-triangles:after {
    background-image: url(/solutions/themes/custom/themekit/assets/images/triangle-left.png);
    width: 303px;
    height: 874px;
    background-position: 100% 100%;
    left: 0;
    bottom: -44px; }
    @media print, screen and (max-width: 63.99875em) {
      div.layout.bg-triangles:after {
        display: none; } }
  div.layout.bg-triangles:before {
    background-image: url(/solutions/themes/custom/themekit/assets/images/triangle-right.png);
    width: 211px;
    height: 530px;
    background-position: 0 0;
    right: 0;
    top: 220px; }
    @media print, screen and (min-width: 64em) {
      div.layout.bg-triangles:before {
        width: 440px;
        height: 1005px;
        top: -84px; } }
  div.layout.bg-triangles.active:after, div.layout.bg-triangles.active:before {
    opacity: 1; }

.scrollmagic-pin-spacer > div.layout {
  min-width: 100%;
  max-width: 100%; }


/*# sourceMappingURL=layout.css.map*/