@charset "UTF-8";
/**
 * @file
 * Sass index file
 *
 * The main importer and organizer sass file.
 *
 */
/**
 * Settings
 *
 * Setting files contain **global** configurations that are shared by more than
 * one modules.
 * Settings that are connected to one and only module are a part of the module
 * itself.
 * Local configurations should be contained into the modules (objects,
 * components, etc.) that are related to.
 */
/**
 * @file
 * Settings
 *
 * Setting files contain **global** configurations that are shared by more than
 * one modules. Settings that are connected to one and only module are a part
 * of the module itself.
 * Local configurations should be contained into the modules (objects,
 * components, etc.) that are related to.
 * It’s important not to output any CSS in the first 2 layers.
 */
/**
 * @file
 * Breakpoint Settings
 *
 * Foundation for Sites 6 Media Queries
 * @see documentation, usage: https://foundation.zurb.com/sites/docs/media-queries.html
 *
 * - Define breakpoint variables as Sass map
 * - Provide a breakpoint variable for print media
 * - Provide breakpoint classes for Foundation for Sites 6 XY Grid
 *
 * We have to use here only px, it will be converted to em by
 * Foundation's utility.
 */
/**
 * @file
 * Color Settings
 *
 * - Define color variables
 */
/**
 * @file
 * Foundation for Sites 6 XY Grid Settings
 *
 * @author ZURB
 * @licence MIT
 * @see options: https://foundation.zurb.com/sites/docs/xy-grid.html
 *
 * - Define some global Foundation 6 settings what required for XY Grid
 * - Define breakpoint variables
 */
/**
 * Sets the text direction of the CSS. Can be either `ltr` or `rtl`.
 *
 * @type Keyword
 */
/**
 * Enables flexbox for components that support it.
 *
 * @type Boolean
 */
/**
 * @file
 * Typography Settings
 *
 * - Import Webfonts
 * - Define Font-families
 * - Define Typography-related global variables
 */
/**
 * Tools
 *
 * Globally used mixins and functions.
 * It’s important not to output any CSS in the first 2 layers.
 */
/**
 * @file
 * Tools
 *
 * Tools are sets of globally used sass mixins and functions. Mixins that are
 * connected to one and only module are a part of the module itself.
 * It’s important not to output any CSS in the first 2 layers.
 */
/**
 * Mixin tools
 */
/**
 * @file
 * Clearfix Tool
 *
 * The clearfix utility is used on elements that need to automatically clear
 * their child elements.
 *
 * Use it wherever you need it.
 *
 *
 * @example
 *   .o-grid {
 *     @include clearfix;
 *   }
 */
/**
 * @file
 * Form Tool
 *
 * Form related mixins and functions.
 */
/**
 * Placeholder mixin
 *
 * With it you can theming input placeholders easily for any browsers.
 *
 * @example
 *  @include input-placeholder {
 *    color: grey;
 *  }
 */
/**
 * Webkit autofill mixin
 *
 * With it you can theming autofilled inputs easily.
 * You must declare the font color, other rules optionally.
 *
 * @example
 *  @include autofill($color-primary) {
 *    background: lighten($color-primary, 30%);
 *  }
 */
/**
 * @file
 * Foundation for Sites 6 XY Grid
 *
 * @author ZURB
 * @licence MIT
 * @see options: https://foundation.zurb.com/sites/docs/xy-grid.html
 *
 * - Import Foundation for Site 6 required vendor libraries
 * - Import Foundation for Sites 6 Util Library
 * - Import Foundation for Sites 6 XY Grid
 */
/**
 * @file
 *** FOUNDATION FOR SITES AND CUSTOM MIXINS
 */
/**
 * @group Foundation for Sites mixins
 * Mixins placeholder file
 * @todo These are mostly from Foundation and should be removed and used straight from Foundation.
 */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

/**
 * Horizontally or vertically aligns the items within a flex container.
 *
 * @param {Keyword} $x [null] - Horizontal alignment to use. Can be `left`,
 * `right`, `center`, `justify`, or `spaced`. Or, set it to `null`
 * (the default) to not set horizontal alignment.
 * @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`,
 * `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not
 * set vertical alignment.
 */
/**
 * Vertically align a single column within a flex row. Apply this mixin to a
 * flex column.
 *
 * @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`,
 * `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not
 * set vertical alignment.
 */
/**
 * Changes the source order of a flex child. Children with lower numbers appear
 * first in the layout.
 *
 * @param {Number} $order [0] - Order number to apply.
 */
/**
 * Change flex-direction
 *
 * @param {Keyword} $direction [row] - Flex direction to use. Can be
 * - row (default): same as text direction
 * - row-reverse: opposite to text direction
 * - column: same as row but top to bottom
 * - column-reverse: same as row-reverse top to bottom
 */
/**
 * @include flex-wrap(nowrap | wrap | wrap-reverse);
 * Default: nowrap
 */
/**
 * @include flex-flow(values);
 * Default: row nowrap
 */
/**
 * @include order(int);
 * Default: 0
 */
/**
 * @include flex-grow(int);
 * Default: 1
 */
/**
 * @include flex-shrink(int);
 * Default: 0
 */
/**
 * @include flex-basis(int);
 * Default: auto
 */
/**
 * @include justify-content(flex-start | flex-end | center | space-between
 * | space-around);
 * Default: flex-start
 */
/**
 * @include align-items(flex-start | flex-end | center | baseline | stretch);
 * Default: stretch
 */
/**
 * @include align-self(auto | flex-start | flex-end | center | baseline | stretch);
 * Default: auto
 */
/**
 * @include align-content(flex-start | flex-end | center | space-between | space-around | stretch);
 * Default: stretch
 */
/**
 * @group theming mixins
 */
/**
 * @file
 * Stretched-lnk Tool ***
 ******************************************************************************
 *
 * Make any HTML element or a component clickable by "stretching" a nested link
 * via css.
 *
 * Borrowed from Bootstrap 4
 * @link https://getbootstrap.com/docs/4.3/utilities/stretched-link
 *
 * Include `stretched-link` mixin to a link (`<a>` element) to make its
 * containing block clickable via a `::after` pseudo element.
 * In most cases, this means that an element with `position: relative;` that
 * contains a link with included `stretched-link` mixin is clickable.
 *
 * @example
 *   .o-media {
 *     position: relative;
 *
 *     &__link {
 *       @include stretched-link;
 *     }
 *   }
 *
 * You can use it as utility class too:
 * @see 6.utilities/_utilities.stretched-link.scss
 */
/**
 * @file
 * Text Tool
 ******************************************************************************
 *
 * Text block related tools
 *
 * @see 6.utilities/_utilities.text.scss for BEM based class named version
 */
/**
 * Text-align Mixin
 *
 * @parameter {string} $align - Align value ex.: left.
 * @parameter {string} $last - Optional, align value for justify aligned last line.
 *
 *
 * Examples
 *
 * Simple text align.
 *
 * @example
 *   .c-button {
 *     @include text-align(center);
 *   }
 *
 * Align last line of a justify text.
 *
 * @example
 *   .section__lead {
 *     @include text-align(justify, left);
 *   }
 */
/**
 * Text Overflow behaviors
 *
 * Text Ellipsis
 *
 * Overflow behavior: display an ellipsis to represent clipped text.
 * Only works on single line text!
 *
 * Borrowed from Spectre.css
 * @author Yan Zhu <picturepan2@hotmail.com>
 * @link https://picturepan2.github.io/spectre/utilities/text.html
 *
 * @example
 *   .article__lead {
 *     @include text-ellipsis;
 *   }
 */
/**
 * Text Clip
 *
 * Overflow behavior: truncate the text.
 *
 * Borrowed from Spectre.css
 * @author Yan Zhu <picturepan2@hotmail.com>
 * @link https://picturepan2.github.io/spectre/utilities/text.html
 *
 * @example
 *   .article__lead {
 *     @include text-clip;
 *   }
 */
/**
 * Text Break
 *
 * Text may be broken at arbitrary points.
 *
 * Borrowed from Spectre.css
 * @author Yan Zhu <picturepan2@hotmail.com>
 * @link https://picturepan2.github.io/spectre/utilities/text.html
 *
 * @example
 *   .article__body {
 *     @include text-break;
 *   }
 */
/**
 * @file
 * CSS Triangle Tool
 *
 * Generates a triangle pointing in a specified direction.
 *
 * Borrowed from bourbon
 * @link https://www.bourbon.io/docs/latest#triangle
 * *
 * @example
 *   .button__arrow {
 *     @include make-triangle(right, 1.5rem, 1rem, $color-secondary);
 *   }
 */
/**
 * Make Triangle mixin
 *
 * @parameter {string} $direction
 *   The direction the triangle should point. Accepts `up`, `up-right`,
 *   `right`, `down-right`, `down`, `down-left`, `left` or `up-left`.
 *
 * @parameter {number (with unit)} $width
 *   Width of the triangle.
 *
 * @parameter {number (with unit)} $height
 *   Height of the triangle.
 *
 * @parameter {color} $color
 *   Color of the triangle.
 */
/**
 * @file
 * Typography Tool
 *
 * Inline typography related mixins.
 */
/**
 * Font Antialiasing
 *
 * Makes font thickness to look the same in Firefox and Webkit.
 *
 * @example
 *   h1 {
 *     @include font-smooth;
 *   }
 */
/**
 * @file
 * CSS Custom Variable Tool
 ******************************************************************************
 *
 * To write CSS variables faster in SCSS.
 */
/**
 * v() function
 *
 * @example
 *  :root {
 *    --primary: #000;
 *  }
 *
 *  color: v(primary);
 */
/**
 * @file
 * Visibility Tool
 *
 * Control the visibility, without modifying the display, of elements with
 * visibility utilities.
 *
 * @see 6.utilities/_utilities.visibility.scss for BEM based class named version
 */
/**
 * Visually Hidden
 *
 * Use visually-hidden mixin to hide elements on all devices except screen
 * readers.
 *
 * borrowed from iota.css
 * @author Dimitris Psaropoulos <info@harby.me>
 * @link https://www.iotacss.com/docs/utilities/display
 *
 * @example
 *   .page__title {
 *     @include visually-hidden;
 *   }
 */
/**
 * Focusable Visually hidden
 *
 * Use in conjunction with `visually-hidden` to only display content when it's focused.
 * Useful for "Skip to main content" links.
 * @see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 *
 * borrowed from HTML5 Boilerplate
 *
 * @example
 *   .skip-navigation {
 *      @include visually-hidden;
 *      @include visually-hidden--focusable;
 *   }
 */
.node--type-big-hero {
  margin-bottom: 8rem;
  width: 100%;
  overflow: hidden;
}
.node--type-big-hero .node__content {
  position: relative;
}
@media print, screen and (min-width: 23.4375em) {
  .node--type-big-hero .node__content .field--name-field-header-image {
    height: 62.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .node--type-big-hero .node__content .field--name-field-header-image {
    height: 83rem;
  }
}
.node--type-big-hero .node__content .field--name-field-header-image img {
  max-width: 100%;
  vertical-align: top;
}
@media print, screen and (min-width: 23.4375em) {
  .node--type-big-hero .node__content .field--name-field-header-image img {
    transform: translate(-50%, 0);
    max-width: none;
    height: 100%;
    margin-left: 50%;
  }
}
.node--type-big-hero .node__content .hero-gradient-helper {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+100&0+0,0.65+95 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 ); /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.node--type-big-hero .node__content .hero-text-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5.9rem;
  margin: 0 auto;
  max-width: 65rem;
  padding: 0 1rem;
  text-align: center;
}
.node--type-big-hero .node__content .hero-text-content h1,
.node--type-big-hero .node__content .hero-text-content .field--name-body {
  color: #fff;
}
.node--type-big-hero .node__content .hero-text-content h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 3.6rem;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin-bottom: 1.6rem;
}
.node--type-big-hero .node__content .hero-text-content .field--name-body {
  line-height: 3.2rem;
  margin-bottom: 3.8rem;
}
.node--type-big-hero .node__content .hero-text-content .field--name-field-link a {
  transition: all, 0.2s;
  display: inline-block;
  font-size: 1.4rem;
  color: #08a4ff;
  font-weight: 700;
  padding: 0.7rem 2.6rem;
  border: 0.2rem solid #08a4ff;
}
.node--type-big-hero .node__content .hero-text-content .field--name-field-link a:hover {
  color: #fff;
  background-color: #08a4ff;
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhlcm8uY3NzIiwiX2luZGV4LnNjc3MiLCIxLnNldHRpbmdzL19zZXR0aW5ncy5hbGwuc2NzcyIsIjEuc2V0dGluZ3MvX3NldHRpbmdzLmJyZWFrcG9pbnRzLnNjc3MiLCIxLnNldHRpbmdzL19zZXR0aW5ncy5jb2xvcnMuc2NzcyIsIjEuc2V0dGluZ3MvX3NldHRpbmdzLmdyaWQuc2NzcyIsIjEuc2V0dGluZ3MvX3NldHRpbmdzLnR5cG9ncmFwaHkuc2NzcyIsIjIudG9vbHMvX3Rvb2xzLmFsbC5zY3NzIiwiMi50b29scy9fdG9vbHMuY2xlYXJmaXguc2NzcyIsIjIudG9vbHMvX3Rvb2xzLmZvcm0uc2NzcyIsIjIudG9vbHMvX3Rvb2xzLmdyaWQuc2NzcyIsIjIudG9vbHMvX3Rvb2xzLm1peGlucy5zY3NzIiwiMi50b29scy9fdG9vbHMuc3RyZXRjaGVkLWxpbmsuc2NzcyIsIjIudG9vbHMvX3Rvb2xzLnRleHQuc2NzcyIsIjIudG9vbHMvX3Rvb2xzLnRyaWFuZ2xlLnNjc3MiLCIyLnRvb2xzL190b29scy50eXBvZ3JhcGh5LnNjc3MiLCIyLnRvb2xzL190b29scy52YXJpYWJsZS5zY3NzIiwiMi50b29scy9fdG9vbHMudmlzaWJpbGl0eS5zY3NzIiwiaGVyby5zY3NzIiwiLi4vbm9kZV9tb2R1bGVzL2ZvdW5kYXRpb24tc2l0ZXMvc2Nzcy91dGlsL19icmVha3BvaW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCO0FDQWhCOzs7Ozs7RUFBQTtBQVFBOzs7Ozs7Ozs7RUFBQTtBQ1JBOzs7Ozs7Ozs7O0VBQUE7QUNBQTs7Ozs7Ozs7Ozs7OztFQUFBO0FDQUE7Ozs7O0VBQUE7QUNBQTs7Ozs7Ozs7OztFQUFBO0FBWUE7Ozs7RUFBQTtBQU9BOzs7O0VBQUE7QUNuQkE7Ozs7Ozs7RUFBQTtBTHFCQTs7Ozs7RUFBQTtBTXJCQTs7Ozs7OztFQUFBO0FBU0E7O0VBQUE7QUNUQTs7Ozs7Ozs7Ozs7Ozs7RUFBQTtBQ0FBOzs7OztFQUFBO0FBT0E7Ozs7Ozs7OztFQUFBO0FBZ0NBOzs7Ozs7Ozs7O0VBQUE7QUN2Q0E7Ozs7Ozs7Ozs7O0VBQUE7QUNFQTs7O0VBQUE7QUFRQTs7OztFQUFBO0FBMENFO0VBRUUsWUFBQTtFQUNBLGNBQUE7QVgwR0o7QVd4R0U7RUFDRSxXQUFBO0FYMEdKOztBV3lEQTs7Ozs7Ozs7O0VBQUE7QUFvQ0E7Ozs7Ozs7RUFBQTtBQXVCQTs7Ozs7RUFBQTtBQVdBOzs7Ozs7OztFQUFBO0FBY0E7OztFQUFBO0FBb0JBOzs7RUFBQTtBQVlBOzs7RUFBQTtBQWFBOzs7RUFBQTtBQWFBOzs7RUFBQTtBQVlBOzs7RUFBQTtBQVdBOzs7O0VBQUE7QUF1Q0E7OztFQUFBO0FBNEJBOzs7RUFBQTtBQXVCQTs7O0VBQUE7QUF3QkE7O0VBQUE7QUNwZkE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQUFBO0FDQUE7Ozs7Ozs7O0VBQUE7QUFVQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQUFBO0FBb0NBOzs7Ozs7Ozs7Ozs7Ozs7O0VBQUE7QUF3QkE7Ozs7Ozs7Ozs7Ozs7RUFBQTtBQXFCQTs7Ozs7Ozs7Ozs7OztFQUFBO0FDM0ZBOzs7Ozs7Ozs7Ozs7O0VBQUE7QUFlQTs7Ozs7Ozs7Ozs7Ozs7O0VBQUE7QUNmQTs7Ozs7RUFBQTtBQU9BOzs7Ozs7Ozs7RUFBQTtBQ1BBOzs7Ozs7RUFBQTtBQVFBOzs7Ozs7Ozs7RUFBQTtBQ1JBOzs7Ozs7OztFQUFBO0FBVUE7Ozs7Ozs7Ozs7Ozs7O0VBQUE7QUF5QkE7Ozs7Ozs7Ozs7Ozs7O0VBQUE7QUNqQ0E7RUFDRSxtQkFBQTtFQUNBLFdBQUE7RUFDQSxnQkFBQTtBbEJpY0Y7QWtCaGNFO0VBQ0Usa0JBQUE7QWxCa2NKO0FtQnRSUTtFRDNLSjtJQUVJLGVBQUE7RWxCbWNOO0FBQ0Y7QW1CM1JRO0VEM0tKO0lBS0ksYUFBQTtFbEJxY047QUFDRjtBa0JwY007RUFDRSxlQUFBO0VBQ0EsbUJBQUE7QWxCc2NSO0FtQnBTUTtFRHBLRjtJUHlHSiw2QkFlbUI7SU9uSFgsZUFBQTtJQUNBLFlBQUE7SUFDQSxnQkFBQTtFbEIyY1I7QUFDRjtBa0J4Y0k7RUFDRSw2SEFBQSxFQUNBLGFBQUEsRUFDQSw0QkFBQTtFQUNBLHNJQUFBLEVBQUEscURBQUE7RUFDQSx1SEFBQSxFQUFBLFVBQUE7RUFDQSxrQkFBQTtFQUNBLE1BQUE7RUFDQSxPQUFBO0VBQ0EsUUFBQTtFQUNBLFNBQUE7QWxCMGNOO0FrQnhjSTtFQUNFLGtCQUFBO0VBQ0EsT0FBQTtFQUNBLFFBQUE7RUFDQSxjQUFBO0VBQ0EsY0FBQTtFQUNBLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLGtCQUFBO0FsQjBjTjtBa0J6Y007O0VBRUUsV2RuQ2tCO0FKOGUxQjtBa0J6Y007RUFDRSxxQ1oxQlU7RVkyQlYsZ0JBQUE7RUFDQSxpQkFBQTtFQUNBLHlCQUFBO0VBQ0Esb0JBQUE7RUFDQSxxQkFBQTtBbEIyY1I7QWtCemNNO0VBQ0UsbUJBQUE7RUFDQSxxQkFBQTtBbEIyY1I7QWtCeGNRO0VQeUNOLHFCSXpFQTtFQUNBLHFCQUFBO0VBQ0EsaUJBQUE7RUFDQSxjWGR3QjtFV2V4QixnQkFBQTtFQUNBLHNCQUFBO0VBQ0EsNEJBQUE7QWYrZUY7QWU5ZUU7RUFDRSxXWDFCc0I7RVcyQnRCLHlCWHBCc0I7QUpvZ0IxQiIsImZpbGUiOiJoZXJvLmNzcyJ9 */

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