{"version":3,"sources":["theme/shared/_header.scss","utlities/_vars.scss","theme/style.css","utlities/mixins/_media-queries.scss","theme/shared/_brand.scss","theme/shared/_menu.scss","theme/shared/_menu-toggle.scss","theme/shared/_mobile-menu.scss","theme/shared/_main.scss","theme/shared/_footer.scss"],"names":[],"mappings":"AAAA;EACE,yBC4CqB;ED3CrB,YAAY;EACZ,mBAAmB;EACnB,kBAAkB;EAClB,cAAc;AEChB;;AFCE;EACE,gBAAgB;AEEpB;;AFCE;EACE,gBAAgB;EAChB,aAAa;AEEjB;;ACgEE;EHpEA;IAKI,cAAc;EEIlB;AACF;;AFDE;EACE,gBAAgB;EAChB,cAAc;AEIlB;;ACqDE;EH3DA;IAKI,aAAa;EEMjB;AACF;;AEhCA;EAEE,kBAAkB;AFkCpB;;AEhCE;EAEE,oBAAoB;EACpB,gBAAgB;EAChB,yBAAyB;AFkC7B;;AE/BE;EACE,WAAW;EACX,YAAY;EACZ,cAAc;EACd,YAAW;AFkCf;;AEtCG;EAOG,YAAY;EACZ,qBAAqB;AFmC3B;;AE/BE;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AFkCjB;;AG5DA;EACE,kBAAkB;AH+DpB;;AG7DE;EACE,SAAS;EACT,qBAAqB;EACrB,eAAe;AHgEnB;;AItEA;EACE,WAAW;EACX,YAAY;EACZ,wBAAgB;KAAhB,qBAAgB;UAAhB,gBAAgB;EAChB,YAAY;EACZ,eAAe;EACf,6BAA6B;EAC7B,kBAAkB;EAClB,aAAa;EACb,kBAAkB;AJyEpB;;AIvEE;EACE,kBAAkB;EAClB,OAAO;EACP,WAAW;EACX,WAAW;EACX,yBL0BuB;ACgD3B;;AI/EG;EAQG,MAAM;EACN,OAAO;AJ2Eb;;AIpFG;EAaG,QAAQ;EACR,2BLmEoB;ACQ1B;;AIzFG;EAkBG,SAAS;EACT,SAAS;AJ2Ef;;AKzGA;EACE,aAAa;AL4Gf;;AM7GA;EACE,kBAAkB;EAClB,yBAAwC;ANgH1C;;AM7GA;EACE,kBAAkB;EAClB,eAAe;ANgHjB;;AOvHA;EACE,yBRkDkB;EQjDlB,oBAAoB;AP0HtB;;AOtHE;EACE,iBRemB;EQdnB,gBAAgB;APyHpB","file":"style.css","sourcesContent":[".primary-header {\n  background-color: $color-primary;\n  height: auto;\n  align-items: center;\n  position: relative;\n  padding: 5px 0;\n\n  &__brand {\n    overflow: hidden;\n  }\n\n  &__menu-toggle {\n    overflow: hidden;\n    display: none;\n\n    @include tablet-landscape-down {\n      display: block;\n    }\n  }\n\n  &__nav {\n    overflow: hidden;\n    display: block;\n\n    @include tablet-landscape-down {\n      display: none;\n    }\n  }\n}\n","// Grid\n$grid-columns-mobile: 12;\n$grid-columns-portrait-tablet: 12;\n$grid-columns-landscape-tablet: 12;\n$grid-columns-desktop: 12;\n$grid-columns-big-desktop: 12;\n\n$grid-space-mobile: 1rem;\n$grid-space-portrait-tablet: 1rem;\n$grid-space-landscape-tablet: 1.6rem;\n$grid-space-desktop: 1.6rem;\n$grid-space-big-desktop: 1.6rem;\n\n// Fonts\n$font-default: \"Helvetica\", Helvetica Neue, Arial, sans-serif;\n$font-monospace: monospace, monoszpace;\n\n$font-heading-1: 4.8rem;\n$font-heading-2: 3.4rem;\n$font-heading-3: 2.4rem;\n$font-heading-4: 1.6rem;\n$font-heading-5: 1.4rem;\n$font-heading-6: 1.2rem;\n$font-body: 1.6rem;\n\n$font-weight-base: normal;\n\n$line-height-base: 1.6;\n\n$headings-margin-bottom: 2rem;\n$paragraph-margin-bottom: 2rem;\n$list-margin-bottom: 2rem;\n\n$table-cell-padding: 1rem;\n\n$label-margin-bottom: 1rem;\n\n// Colors\n$color-white: white;\n$color-black: black;\n$color-light-gray-1: #F5F5F5;\n$color-mid-gray-1: #BDBDBD;\n$color-dark-gray-1: #424242;\n$color-dark-gray-2: #212121;\n\n$color-primary: #ff5c5c;\n$color-secondary: #3F51B5;\n$color-success: #4CAF50;\n$color-warning: #FFEB3B;\n$color-warning-dark: #ffb300;\n$color-danger: #FF3D00;\n$color-info: #B3E5FC;\n$color-default: #CFD8DC;\n\n$link-color: #2196F3;\n$link-hover-color: darken($link-color, 50%);\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$table-caption-color: $color-dark-gray-1;\n\n// Borders\n$border-width: 2px;\n$border-style: solid;\n\n$radius-circle: 50%;\n$radius-rounded: 5px;\n\n$transition-slow: .8s ease;\n$transition-normal: .4s ease;\n$transition-fast: .2s ease;\n\n$transition-all: .4s all;\n\n$spacing-small: 3rem;\n$spacing-base: 5rem;\n$spacing-large: 8rem;\n\n// Media Query Values\n\n$tablet-portrait-up: (min-width: 568px);\n$tablet-landscape-up: (min-width: 768px);\n$desktop-up: (min-width: 1024px);\n$big-desktop-up: (min-width: 1280px);\n\n$mobile-only: (max-width: 375px);\n$tablet-portrait-down: (max-width: 568px);\n$tablet-landscape-down: (max-width: 768px);\n$desktop-down: (max-width: 1024px);\n$big-desktop-down: (max-width: 1280px);\n\n$center: translate(-50%, -50%);\n$centerY: translateY(-50%);\n$centerX: translateX(-50%);\n",".primary-header {\n  background-color: #ff5c5c;\n  height: auto;\n  align-items: center;\n  position: relative;\n  padding: 5px 0;\n}\n\n.primary-header__brand {\n  overflow: hidden;\n}\n\n.primary-header__menu-toggle {\n  overflow: hidden;\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .primary-header__menu-toggle {\n    display: block;\n  }\n}\n\n.primary-header__nav {\n  overflow: hidden;\n  display: block;\n}\n\n@media (max-width: 768px) {\n  .primary-header__nav {\n    display: none;\n  }\n}\n\n.brand {\n  text-align: center;\n}\n\n.brand__title {\n  margin-bottom: .3rem;\n  line-height: 1.2;\n  text-transform: uppercase;\n}\n\n.brand__link {\n  width: 100%;\n  height: 100%;\n  display: block;\n  color: white;\n}\n\n.brand__link:hover {\n  color: white;\n  text-decoration: none;\n}\n\n.brand__img {\n  width: auto;\n  height: 50px;\n  display: none;\n}\n\n.nav {\n  margin-right: 2rem;\n}\n\n.nav__list {\n  margin: 0;\n  list-style-type: none;\n  padding-left: 0;\n}\n\n.menu-toggle {\n  width: 36px;\n  height: 26px;\n  appearance: none;\n  border: none;\n  cursor: pointer;\n  background-color: transparent;\n  position: relative;\n  outline: none;\n  margin-right: 2rem;\n}\n\n.menu-toggle__line {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background-color: #424242;\n}\n\n.menu-toggle__line:nth-of-type(1) {\n  top: 0;\n  left: 0;\n}\n\n.menu-toggle__line:nth-of-type(2) {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.menu-toggle__line:nth-of-type(3) {\n  top: auto;\n  bottom: 0;\n}\n\n.mobile-nav {\n  display: none;\n}\n\n.main {\n  position: relative;\n  background-color: #fafaf6;\n}\n\n.section {\n  position: relative;\n  padding: 3rem 0;\n}\n\n.primary-footer {\n  background-color: #B3E5FC;\n  padding: 2rem 0 2rem;\n}\n\n.legal__heading {\n  font-size: 1.2rem;\n  margin-bottom: 0;\n}\n","// ----------------------------------------------------------------------\n// BREAKPOINTS\n// ----------------------------------------------------------------------\n\n$break-xxs: 375 !default; // from \"phone portrait\" size\n$break-xs: 568 !default; // from \"phone landscape\" size\n$break-small: 768 !default; // from \"tablet portrait\" size\n$break-medium: 1024 !default; // from \"desktop\" size\n$break-large: 1280 !default; // from bigger desktop size\n\n$break-points-map: (\n  xxs: $break-xxs,\n  xs: $break-xs,\n  small: $break-small,\n  medium: $break-medium,\n  large: $break-large\n);\n\n@function getBreakpoint($key) {\n  @return map-get($break-points-map, $key);\n}\n\n@mixin breakpoint($width) {\n  @if type-of($width) == number {\n    @media only screen and (min-width: $width*1px) {\n      @content;\n    }\n  } @else {\n    $break: getBreakpoint($width);\n    @media only screen and (min-width: $break*1px) {\n      @content;\n    }\n  }\n}\n\n@mixin breakpoint-between($min, $max) {\n  $minWidth: $min;\n  $maxWidth: $max;\n  @if type-of($min) != number {\n    $minWidth: getBreakpoint($min);\n  }\n  @if type-of($max) != number {\n    $maxWidth: getBreakpoint($max);\n  }\n  @media only screen and (min-width: $minWidth*1px) and (max-width: ($maxWidth*1px) - 1) {\n    @content;\n  }\n}\n\n// (max-width: 567px)\n@mixin mobile-only {\n  @media #{$mobile-only} {\n    @content;\n  }\n}\n\n// (min-width: 568px)\n@mixin tablet-portrait-up {\n  @include breakpoint(568) {\n    @content;\n  }\n}\n\n// (max-width: 568px)\n@mixin tablet-portrait-down {\n  @media #{$tablet-portrait-down} {\n    @content;\n  }\n}\n\n// (min-width: 768px)\n@mixin tablet-landscape-up {\n  @include breakpoint(768) {\n    @content;\n  }\n}\n\n// (max-width: 768px)\n@mixin tablet-landscape-down {\n  @media #{$tablet-landscape-down} {\n    @content;\n  }\n}\n\n// (min-width: 1024ox)\n@mixin desktop-up {\n  @include breakpoint(1024) {\n    @content;\n  }\n}\n\n// (max-width: 1024px)\n@mixin desktop-down {\n  @media #{$desktop-down} {\n    @content;\n  }\n}\n\n// (min-width: 1280px)\n@mixin big-desktop-up {\n  @include breakpoint(1280) {\n    @content;\n  }\n}\n\n// (max-width: 1280px)\n@mixin big-desktop-down {\n  @media #{$big-desktop-up} {\n    @content;\n  }\n}\n",".brand {\n  //width: 270px;\n  text-align: center;\n\n  &__title {\n    //@include sr-only;\n    margin-bottom: .3rem;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  &__link {\n    width: 100%;\n    height: 100%;\n    display: block;\n    color:white;\n    \n    &:hover {\n      color: white;\n      text-decoration: none;\n    }\n  }\n\n  &__img {\n    width: auto;\n    height: 50px;\n    display: none;\n  }\n}",".nav {\n  margin-right: 2rem;\n\n  &__list {\n    margin: 0;\n    list-style-type: none;\n    padding-left: 0;\n  }\n\n  &__item {\n\n  }\n\n  &__link {\n\n  }\n\n\n\n}",".menu-toggle {\n  width: 36px;\n  height: 26px;\n  appearance: none;\n  border: none;\n  cursor: pointer;\n  background-color: transparent;\n  position: relative;\n  outline: none;\n  margin-right: 2rem;\n\n  &__line {\n    position: absolute;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background-color: $color-dark-gray-1;\n\n    &:nth-of-type(1) {\n      top: 0;\n      left: 0;\n    }\n\n    &:nth-of-type(2) {\n      top: 50%;\n      transform: $centerY;\n    }\n\n    &:nth-of-type(3) {\n      top: auto;\n      bottom: 0;\n    }\n  }\n\n  &--open {\n\n  }\n}",".mobile-nav {\n  display: none;\n}",".main {\n  position: relative;\n  background-color: lighten(#EFEEE0, 6.5%);\n}\n\n.section {\n  position: relative;\n  padding: 3rem 0;\n}",".primary-footer {\n  background-color: $color-info;\n  padding: 2rem 0 2rem;\n}\n\n.legal {\n  &__heading {\n    font-size: $font-heading-6;\n    margin-bottom: 0;\n  }\n}\n"]}