/**
 * 3rd party
 *
 * External plugins and styles
 **/
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url(assets/fontawesome-webfont.eot?f7c2b4b747b1a225eb8dee034134a1b0);
  src: url(assets/fontawesome-webfont.eot?f7c2b4b747b1a225eb8dee034134a1b0?#iefix&v=4.3.0) format("embedded-opentype"), url(assets/fontawesome-webfont.woff2?97493d3f11c0a3bd5cbd959f5d19b699) format("woff2"), url(assets/fontawesome-webfont.woff?d9ee23d59d0e0e727b51368b458a0bff) format("woff"), url(assets/fontawesome-webfont.ttf?706450d7bba6374ca02fe167d86685cb) format("truetype"), url(assets/fontawesome-webfont.svg?2980083682e94d33a66eef2e7d612519#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\F000"; }

.fa-music:before {
  content: "\F001"; }

.fa-search:before {
  content: "\F002"; }

.fa-envelope-o:before {
  content: "\F003"; }

.fa-heart:before {
  content: "\F004"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-o:before {
  content: "\F006"; }

.fa-user:before {
  content: "\F007"; }

.fa-film:before {
  content: "\F008"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-check:before {
  content: "\F00C"; }

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\F00D"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-signal:before {
  content: "\F012"; }

.fa-gear:before, .fa-cog:before {
  content: "\F013"; }

.fa-trash-o:before {
  content: "\F014"; }

.fa-home:before {
  content: "\F015"; }

.fa-file-o:before {
  content: "\F016"; }

.fa-clock-o:before {
  content: "\F017"; }

.fa-road:before {
  content: "\F018"; }

.fa-download:before {
  content: "\F019"; }

.fa-arrow-circle-o-down:before {
  content: "\F01A"; }

.fa-arrow-circle-o-up:before {
  content: "\F01B"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-play-circle-o:before {
  content: "\F01D"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\F01E"; }

.fa-refresh:before {
  content: "\F021"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-lock:before {
  content: "\F023"; }

.fa-flag:before {
  content: "\F024"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-print:before {
  content: "\F02F"; }

.fa-camera:before {
  content: "\F030"; }

.fa-font:before {
  content: "\F031"; }

.fa-bold:before {
  content: "\F032"; }

.fa-italic:before {
  content: "\F033"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-list:before {
  content: "\F03A"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\F03B"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-video-camera:before {
  content: "\F03D"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\F03E"; }

.fa-pencil:before {
  content: "\F040"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-tint:before {
  content: "\F043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\F044"; }

.fa-share-square-o:before {
  content: "\F045"; }

.fa-check-square-o:before {
  content: "\F046"; }

.fa-arrows:before {
  content: "\F047"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-play:before {
  content: "\F04B"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-eject:before {
  content: "\F052"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-times-circle-o:before {
  content: "\F05C"; }

.fa-check-circle-o:before {
  content: "\F05D"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\F064"; }

.fa-expand:before {
  content: "\F065"; }

.fa-compress:before {
  content: "\F066"; }

.fa-plus:before {
  content: "\F067"; }

.fa-minus:before {
  content: "\F068"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-plane:before {
  content: "\F072"; }

.fa-calendar:before {
  content: "\F073"; }

.fa-random:before {
  content: "\F074"; }

.fa-comment:before {
  content: "\F075"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-arrows-v:before {
  content: "\F07D"; }

.fa-arrows-h:before {
  content: "\F07E"; }

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\F080"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-key:before {
  content: "\F084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\F085"; }

.fa-comments:before {
  content: "\F086"; }

.fa-thumbs-o-up:before {
  content: "\F087"; }

.fa-thumbs-o-down:before {
  content: "\F088"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-heart-o:before {
  content: "\F08A"; }

.fa-sign-out:before {
  content: "\F08B"; }

.fa-linkedin-square:before {
  content: "\F08C"; }

.fa-thumb-tack:before {
  content: "\F08D"; }

.fa-external-link:before {
  content: "\F08E"; }

.fa-sign-in:before {
  content: "\F090"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-upload:before {
  content: "\F093"; }

.fa-lemon-o:before {
  content: "\F094"; }

.fa-phone:before {
  content: "\F095"; }

.fa-square-o:before {
  content: "\F096"; }

.fa-bookmark-o:before {
  content: "\F097"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-facebook-f:before, .fa-facebook:before {
  content: "\F09A"; }

.fa-github:before {
  content: "\F09B"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-rss:before {
  content: "\F09E"; }

.fa-hdd-o:before {
  content: "\F0A0"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-hand-o-right:before {
  content: "\F0A4"; }

.fa-hand-o-left:before {
  content: "\F0A5"; }

.fa-hand-o-up:before {
  content: "\F0A6"; }

.fa-hand-o-down:before {
  content: "\F0A7"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-group:before, .fa-users:before {
  content: "\F0C0"; }

.fa-chain:before, .fa-link:before {
  content: "\F0C1"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\F0C4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\F0C5"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\F0C7"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\F0C9"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-plus:before {
  content: "\F0D5"; }

.fa-money:before {
  content: "\F0D6"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\F0DC"; }

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\F0DD"; }

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\F0DE"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-linkedin:before {
  content: "\F0E1"; }

.fa-rotate-left:before, .fa-undo:before {
  content: "\F0E2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\F0E3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\F0E4"; }

.fa-comment-o:before {
  content: "\F0E5"; }

.fa-comments-o:before {
  content: "\F0E6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\F0E7"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\F0EA"; }

.fa-lightbulb-o:before {
  content: "\F0EB"; }

.fa-exchange:before {
  content: "\F0EC"; }

.fa-cloud-download:before {
  content: "\F0ED"; }

.fa-cloud-upload:before {
  content: "\F0EE"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-bell-o:before {
  content: "\F0A2"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cutlery:before {
  content: "\F0F5"; }

.fa-file-text-o:before {
  content: "\F0F6"; }

.fa-building-o:before {
  content: "\F0F7"; }

.fa-hospital-o:before {
  content: "\F0F8"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\F10B"; }

.fa-circle-o:before {
  content: "\F10C"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-circle:before {
  content: "\F111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\F112"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-folder-o:before {
  content: "\F114"; }

.fa-folder-open-o:before {
  content: "\F115"; }

.fa-smile-o:before {
  content: "\F118"; }

.fa-frown-o:before {
  content: "\F119"; }

.fa-meh-o:before {
  content: "\F11A"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-keyboard-o:before {
  content: "\F11C"; }

.fa-flag-o:before {
  content: "\F11D"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-code:before {
  content: "\F121"; }

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\F122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\F123"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-crop:before {
  content: "\F125"; }

.fa-code-fork:before {
  content: "\F126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\F127"; }

.fa-question:before {
  content: "\F128"; }

.fa-info:before {
  content: "\F129"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-shield:before {
  content: "\F132"; }

.fa-calendar-o:before {
  content: "\F133"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-ticket:before {
  content: "\F145"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-minus-square-o:before {
  content: "\F147"; }

.fa-level-up:before {
  content: "\F148"; }

.fa-level-down:before {
  content: "\F149"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-pencil-square:before {
  content: "\F14B"; }

.fa-external-link-square:before {
  content: "\F14C"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\F150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\F151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\F152"; }

.fa-euro:before, .fa-eur:before {
  content: "\F153"; }

.fa-gbp:before {
  content: "\F154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\F155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\F156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\F157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\F158"; }

.fa-won:before, .fa-krw:before {
  content: "\F159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\F15A"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-text:before {
  content: "\F15C"; }

.fa-sort-alpha-asc:before {
  content: "\F15D"; }

.fa-sort-alpha-desc:before {
  content: "\F15E"; }

.fa-sort-amount-asc:before {
  content: "\F160"; }

.fa-sort-amount-desc:before {
  content: "\F161"; }

.fa-sort-numeric-asc:before {
  content: "\F162"; }

.fa-sort-numeric-desc:before {
  content: "\F163"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-youtube-square:before {
  content: "\F166"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-youtube-play:before {
  content: "\F16A"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-adn:before {
  content: "\F170"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitbucket-square:before {
  content: "\F172"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-long-arrow-down:before {
  content: "\F175"; }

.fa-long-arrow-up:before {
  content: "\F176"; }

.fa-long-arrow-left:before {
  content: "\F177"; }

.fa-long-arrow-right:before {
  content: "\F178"; }

.fa-apple:before {
  content: "\F179"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-android:before {
  content: "\F17B"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-trello:before {
  content: "\F181"; }

.fa-female:before {
  content: "\F182"; }

.fa-male:before {
  content: "\F183"; }

.fa-gittip:before, .fa-gratipay:before {
  content: "\F184"; }

.fa-sun-o:before {
  content: "\F185"; }

.fa-moon-o:before {
  content: "\F186"; }

.fa-archive:before {
  content: "\F187"; }

.fa-bug:before {
  content: "\F188"; }

.fa-vk:before {
  content: "\F189"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-arrow-circle-o-right:before {
  content: "\F18E"; }

.fa-arrow-circle-o-left:before {
  content: "\F190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\F191"; }

.fa-dot-circle-o:before {
  content: "\F192"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\F195"; }

.fa-plus-square-o:before {
  content: "\F196"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-slack:before {
  content: "\F198"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\F19C"; }

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\F19D"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-pied-piper:before {
  content: "\F1A7"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-spoon:before {
  content: "\F1B1"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-automobile:before, .fa-car:before {
  content: "\F1B9"; }

.fa-cab:before, .fa-taxi:before {
  content: "\F1BA"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-file-pdf-o:before {
  content: "\F1C1"; }

.fa-file-word-o:before {
  content: "\F1C2"; }

.fa-file-excel-o:before {
  content: "\F1C3"; }

.fa-file-powerpoint-o:before {
  content: "\F1C4"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\F1C5"; }

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\F1C6"; }

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\F1C7"; }

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\F1C8"; }

.fa-file-code-o:before {
  content: "\F1C9"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\F1CD"; }

.fa-circle-o-notch:before {
  content: "\F1CE"; }

.fa-ra:before, .fa-rebel:before {
  content: "\F1D0"; }

.fa-ge:before, .fa-empire:before {
  content: "\F1D1"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-wechat:before, .fa-weixin:before {
  content: "\F1D7"; }

.fa-send:before, .fa-paper-plane:before {
  content: "\F1D8"; }

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\F1D9"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-genderless:before, .fa-circle-thin:before {
  content: "\F1DB"; }

.fa-header:before {
  content: "\F1DC"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-sliders:before {
  content: "\F1DE"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\F1E3"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-newspaper-o:before {
  content: "\F1EA"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bell-slash-o:before {
  content: "\F1F7"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-eyedropper:before {
  content: "\F1FB"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-area-chart:before {
  content: "\F1FE"; }

.fa-pie-chart:before {
  content: "\F200"; }

.fa-line-chart:before {
  content: "\F201"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-bus:before {
  content: "\F207"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-cc:before {
  content: "\F20A"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\F20B"; }

.fa-meanpath:before {
  content: "\F20C"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-diamond:before {
  content: "\F219"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-venus:before {
  content: "\F221"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-facebook-official:before {
  content: "\F230"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-server:before {
  content: "\F233"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-hotel:before, .fa-bed:before {
  content: "\F236"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-train:before {
  content: "\F238"; }

.fa-subway:before {
  content: "\F239"; }

.fa-medium:before {
  content: "\F23A"; }

/**
 * Global 
 *
 * Styles and mixins that are used throughout the website. Keep things logically
 * separated into concern-based filenames (ie typography, forms, etc)
 **/
/*
	Responsive breakpoints
 */
/**
 * Ease between states
 * Use this to smooth hover/active/focus events
 **/
/**
 * Clearfix
 **/
/**
 * [Subtracts the border and padding from the width of the element.]
 */
/**
 * [scale description]
 * @param  {[int]} $zoom [The level of zoom you want on the element. eg: '1.1'.]
 */
/**
 * [Pass the angle you want the element to rotate. eg: 90deg. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and horizontally and vertically align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $leftPos [Pass the horizontally position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and vertically align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and horizontally align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Vertically align element within a relatively positioned element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will vertically center align the element.]
 */
/**
 * [Horizontally align element within a relatively positioned element.]
 * @param  {[percentage]} $leftPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 */
/**
 * [Horizontally and vertically align element within a relatively positioned element.]
 * @param  {[percentage]} $leftPos [Pass the horizontally position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 */
/**
 * [transition description]
 * @param  {[style]} $propertie [The style you want to animate. Defaults to 'all'.]
 * @param  {[int in seconds]} $time      [The speed at which you want the transition to take. Defaults to '0.3s'.]
 * @param  {[movement type]} $mode      [The type of movement you want eg: linear, ease, ease-in, ease-out. Defaults to 'linear'.]
 */
/**
 * Grid panels
 * Creates a grid of items that have a fixed height
 * @param $cols int = number of items per row
 * @param $col_gap percent = gap between items in each row (optional, defaults to 2%)
 * @param $row_gap percent = gap between row (optional, defaults to two times col_gap (4%))
 **/
/**
 * Ease between states
 * Use this to smooth hover/active/focus events
 **/
/**
 * Clearfix
 **/
/**
 * Multi-column
 * @param $cols int = number of columns to span
 * @param $sum int = total number of columns
 * @param $gap mixed = gap between items (optional, defaults to 1rem)
 **/
/**
 * Square-Tile
 * Styles a tile with a perfect square
 * These tiles can be used for diffent spaces of a container
 */
/**
 * Move it down
 * Drop every nth element down by a specified distance 
 * @param $cols int = number of items per row
 * @param $distance percent = gap between row (optional, defaults to 2%)
 **/
/**
 * Loop $seeds array (defined in _variables)
 * and add image of the smae name to div with class
 * .right-image nested within element of class $class
 */
/**
 * Twisty-style animation
 * Used in homepage scene
 **/
@-moz-keyframes twist {
  0% {
    -moz-transform: rotate(0deg); }
  50% {
    -moz-transform: rotate(3deg); }
  100% {
    -moz-transform: rotate(0deg); } }

@-webkit-keyframes twist {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(3deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@keyframes twist {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-moz-keyframes twist_invert {
  0% {
    -moz-transform: rotate(0deg); }
  50% {
    -moz-transform: rotate(-3deg); }
  100% {
    -moz-transform: rotate(0deg); } }

@-webkit-keyframes twist_invert {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(-3deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@keyframes twist_invert {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

/**
 * Cloud motion
 **/
@-moz-keyframes left_to_right {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes left_to_right {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes left_to_right {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

/**
 * Placeholder
 **/
* {
  border: 0;
  margin: 0;
  padding: 0; }

/**
 * COLOURS & FONTS
 **/
@font-face {
  font-family: 'Museo Sans';
  src: url(assets/museosans.woff2?e691fefa743c3b66bf99f1853da76d26) format("woff2"), url(assets/museosans.woff?ff8f01fab1f6b3d1862e7a157c6c85b9) format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Luckiest Guy';
  src: url(assets/luckiestguy-webfont.woff2?c2e65b6995f696fac4c0403d3277a45a) format("woff2"), url(assets/luckiestguy-webfont.woff?5749dd878696eb1370b629345465ed7a) format("woff");
  font-weight: normal;
  font-style: normal; }

/**
 * Map names to colours
 * @type {[type]}
 */
.black-text {
  color: #000000 !important; }
  .black-text.darken {
    color: black !important; }
  .black-text.lighten {
    color: #1a1a1a !important; }

.black-bg {
  background-color: #000000 !important; }
  .black-bg.button {
    /*@at-root a.black-bg.button {*/ }
    .black-bg.button:hover {
      background: black !important; }
  .black-bg.darken {
    background: black !important; }
  .black-bg.lighten {
    background: #1a1a1a !important; }

.black-fill.hover-darken svg:hover {
  fill: black !important; }

.black-fill.hover-darken.darken svg:hover {
  fill: black !important; }

.black-fill.hover-lighten svg {
  fill: #1a1a1a !important; }

.black-fill.hover-lighten.lighten svg {
  fill: #333333 !important; }

.black-fill svg {
  fill: #000000 !important; }

.black-fill.darken svg {
  fill: black !important; }

.black-fill.lighten svg {
  fill: #1a1a1a !important; }

.black-stroke.hover-darken svg:hover {
  stroke: black !important; }

.black-stroke.hover-darken.darken svg:hover {
  stroke: black !important; }

.black-stroke.hover-lighten svg {
  stroke: #1a1a1a !important; }

.black-stroke.hover-lighten.lighten svg {
  stroke: #333333 !important; }

.black-stroke svg {
  stroke: #000000 !important; }

.black-stroke.darken svg {
  stroke: black !important; }

.black-stroke.lighten svg {
  stroke: #1a1a1a !important; }

.black-hexagon {
  background-color: #000000 !important; }

.white-text {
  color: #FFFFFF !important; }
  .white-text.darken {
    color: #e6e6e6 !important; }
  .white-text.lighten {
    color: white !important; }

.white-bg {
  background-color: #FFFFFF !important; }
  .white-bg.button {
    /*@at-root a.white-bg.button {*/ }
    .white-bg.button:hover {
      background: #e6e6e6 !important; }
  .white-bg.darken {
    background: #e6e6e6 !important; }
  .white-bg.lighten {
    background: white !important; }

.white-fill.hover-darken svg:hover {
  fill: #e6e6e6 !important; }

.white-fill.hover-darken.darken svg:hover {
  fill: #cccccc !important; }

.white-fill.hover-lighten svg {
  fill: white !important; }

.white-fill.hover-lighten.lighten svg {
  fill: white !important; }

.white-fill svg {
  fill: #FFFFFF !important; }

.white-fill.darken svg {
  fill: #e6e6e6 !important; }

.white-fill.lighten svg {
  fill: white !important; }

.white-stroke.hover-darken svg:hover {
  stroke: #e6e6e6 !important; }

.white-stroke.hover-darken.darken svg:hover {
  stroke: #cccccc !important; }

.white-stroke.hover-lighten svg {
  stroke: white !important; }

.white-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.white-stroke svg {
  stroke: #FFFFFF !important; }

.white-stroke.darken svg {
  stroke: #e6e6e6 !important; }

.white-stroke.lighten svg {
  stroke: white !important; }

.white-hexagon {
  background-color: #FFFFFF !important; }

.dark-grey-text {
  color: #565656 !important; }
  .dark-grey-text.darken {
    color: #3d3d3d !important; }
  .dark-grey-text.lighten {
    color: #707070 !important; }

.dark-grey-bg {
  background-color: #565656 !important; }
  .dark-grey-bg.button {
    /*@at-root a.dark-grey-bg.button {*/ }
    .dark-grey-bg.button:hover {
      background: #3d3d3d !important; }
  .dark-grey-bg.darken {
    background: #3d3d3d !important; }
  .dark-grey-bg.lighten {
    background: #707070 !important; }

.dark-grey-fill.hover-darken svg:hover {
  fill: #3d3d3d !important; }

.dark-grey-fill.hover-darken.darken svg:hover {
  fill: #232323 !important; }

.dark-grey-fill.hover-lighten svg {
  fill: #707070 !important; }

.dark-grey-fill.hover-lighten.lighten svg {
  fill: #898989 !important; }

.dark-grey-fill svg {
  fill: #565656 !important; }

.dark-grey-fill.darken svg {
  fill: #3d3d3d !important; }

.dark-grey-fill.lighten svg {
  fill: #707070 !important; }

.dark-grey-stroke.hover-darken svg:hover {
  stroke: #3d3d3d !important; }

.dark-grey-stroke.hover-darken.darken svg:hover {
  stroke: #232323 !important; }

.dark-grey-stroke.hover-lighten svg {
  stroke: #707070 !important; }

.dark-grey-stroke.hover-lighten.lighten svg {
  stroke: #898989 !important; }

.dark-grey-stroke svg {
  stroke: #565656 !important; }

.dark-grey-stroke.darken svg {
  stroke: #3d3d3d !important; }

.dark-grey-stroke.lighten svg {
  stroke: #707070 !important; }

.dark-grey-hexagon {
  background-color: #565656 !important; }

.grey-text {
  color: #BBBBBB !important; }
  .grey-text.darken {
    color: #a2a2a2 !important; }
  .grey-text.lighten {
    color: #d5d5d5 !important; }

.grey-bg {
  background-color: #BBBBBB !important; }
  .grey-bg.button {
    /*@at-root a.grey-bg.button {*/ }
    .grey-bg.button:hover {
      background: #a2a2a2 !important; }
  .grey-bg.darken {
    background: #a2a2a2 !important; }
  .grey-bg.lighten {
    background: #d5d5d5 !important; }

.grey-fill.hover-darken svg:hover {
  fill: #a2a2a2 !important; }

.grey-fill.hover-darken.darken svg:hover {
  fill: #888888 !important; }

.grey-fill.hover-lighten svg {
  fill: #d5d5d5 !important; }

.grey-fill.hover-lighten.lighten svg {
  fill: #eeeeee !important; }

.grey-fill svg {
  fill: #BBBBBB !important; }

.grey-fill.darken svg {
  fill: #a2a2a2 !important; }

.grey-fill.lighten svg {
  fill: #d5d5d5 !important; }

.grey-stroke.hover-darken svg:hover {
  stroke: #a2a2a2 !important; }

.grey-stroke.hover-darken.darken svg:hover {
  stroke: #888888 !important; }

.grey-stroke.hover-lighten svg {
  stroke: #d5d5d5 !important; }

.grey-stroke.hover-lighten.lighten svg {
  stroke: #eeeeee !important; }

.grey-stroke svg {
  stroke: #BBBBBB !important; }

.grey-stroke.darken svg {
  stroke: #a2a2a2 !important; }

.grey-stroke.lighten svg {
  stroke: #d5d5d5 !important; }

.grey-hexagon {
  background-color: #BBBBBB !important; }

.light-grey-text {
  color: #ECECEC !important; }
  .light-grey-text.darken {
    color: lightgray !important; }
  .light-grey-text.lighten {
    color: white !important; }

.light-grey-bg {
  background-color: #ECECEC !important; }
  .light-grey-bg.button {
    /*@at-root a.light-grey-bg.button {*/ }
    .light-grey-bg.button:hover {
      background: lightgray !important; }
  .light-grey-bg.darken {
    background: lightgray !important; }
  .light-grey-bg.lighten {
    background: white !important; }

.light-grey-fill.hover-darken svg:hover {
  fill: lightgray !important; }

.light-grey-fill.hover-darken.darken svg:hover {
  fill: #b9b9b9 !important; }

.light-grey-fill.hover-lighten svg {
  fill: white !important; }

.light-grey-fill.hover-lighten.lighten svg {
  fill: white !important; }

.light-grey-fill svg {
  fill: #ECECEC !important; }

.light-grey-fill.darken svg {
  fill: lightgray !important; }

.light-grey-fill.lighten svg {
  fill: white !important; }

.light-grey-stroke.hover-darken svg:hover {
  stroke: lightgray !important; }

.light-grey-stroke.hover-darken.darken svg:hover {
  stroke: #b9b9b9 !important; }

.light-grey-stroke.hover-lighten svg {
  stroke: white !important; }

.light-grey-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.light-grey-stroke svg {
  stroke: #ECECEC !important; }

.light-grey-stroke.darken svg {
  stroke: lightgray !important; }

.light-grey-stroke.lighten svg {
  stroke: white !important; }

.light-grey-hexagon {
  background-color: #ECECEC !important; }

.medium-grey-text {
  color: #727272 !important; }
  .medium-grey-text.darken {
    color: #595959 !important; }
  .medium-grey-text.lighten {
    color: #8c8c8c !important; }

.medium-grey-bg {
  background-color: #727272 !important; }
  .medium-grey-bg.button {
    /*@at-root a.medium-grey-bg.button {*/ }
    .medium-grey-bg.button:hover {
      background: #595959 !important; }
  .medium-grey-bg.darken {
    background: #595959 !important; }
  .medium-grey-bg.lighten {
    background: #8c8c8c !important; }

.medium-grey-fill.hover-darken svg:hover {
  fill: #595959 !important; }

.medium-grey-fill.hover-darken.darken svg:hover {
  fill: #3f3f3f !important; }

.medium-grey-fill.hover-lighten svg {
  fill: #8c8c8c !important; }

.medium-grey-fill.hover-lighten.lighten svg {
  fill: #a5a5a5 !important; }

.medium-grey-fill svg {
  fill: #727272 !important; }

.medium-grey-fill.darken svg {
  fill: #595959 !important; }

.medium-grey-fill.lighten svg {
  fill: #8c8c8c !important; }

.medium-grey-stroke.hover-darken svg:hover {
  stroke: #595959 !important; }

.medium-grey-stroke.hover-darken.darken svg:hover {
  stroke: #3f3f3f !important; }

.medium-grey-stroke.hover-lighten svg {
  stroke: #8c8c8c !important; }

.medium-grey-stroke.hover-lighten.lighten svg {
  stroke: #a5a5a5 !important; }

.medium-grey-stroke svg {
  stroke: #727272 !important; }

.medium-grey-stroke.darken svg {
  stroke: #595959 !important; }

.medium-grey-stroke.lighten svg {
  stroke: #8c8c8c !important; }

.medium-grey-hexagon {
  background-color: #727272 !important; }

.purple-text {
  color: #7F378B !important; }
  .purple-text.darken {
    color: #5e2966 !important; }
  .purple-text.lighten {
    color: #a045b0 !important; }

.purple-bg {
  background-color: #7F378B !important; }
  .purple-bg.button {
    /*@at-root a.purple-bg.button {*/ }
    .purple-bg.button:hover {
      background: #5e2966 !important; }
  .purple-bg.darken {
    background: #5e2966 !important; }
  .purple-bg.lighten {
    background: #a045b0 !important; }

.purple-fill.hover-darken svg:hover {
  fill: #5e2966 !important; }

.purple-fill.hover-darken.darken svg:hover {
  fill: #3c1a42 !important; }

.purple-fill.hover-lighten svg {
  fill: #a045b0 !important; }

.purple-fill.hover-lighten.lighten svg {
  fill: #b566c2 !important; }

.purple-fill svg {
  fill: #7F378B !important; }

.purple-fill.darken svg {
  fill: #5e2966 !important; }

.purple-fill.lighten svg {
  fill: #a045b0 !important; }

.purple-stroke.hover-darken svg:hover {
  stroke: #5e2966 !important; }

.purple-stroke.hover-darken.darken svg:hover {
  stroke: #3c1a42 !important; }

.purple-stroke.hover-lighten svg {
  stroke: #a045b0 !important; }

.purple-stroke.hover-lighten.lighten svg {
  stroke: #b566c2 !important; }

.purple-stroke svg {
  stroke: #7F378B !important; }

.purple-stroke.darken svg {
  stroke: #5e2966 !important; }

.purple-stroke.lighten svg {
  stroke: #a045b0 !important; }

.purple-hexagon {
  background-color: #7F378B !important; }

.dark-purple-text {
  color: #622570 !important; }
  .dark-purple-text.darken {
    color: #40184a !important; }
  .dark-purple-text.lighten {
    color: #843296 !important; }

.dark-purple-bg {
  background-color: #622570 !important; }
  .dark-purple-bg.button {
    /*@at-root a.dark-purple-bg.button {*/ }
    .dark-purple-bg.button:hover {
      background: #40184a !important; }
  .dark-purple-bg.darken {
    background: #40184a !important; }
  .dark-purple-bg.lighten {
    background: #843296 !important; }

.dark-purple-fill.hover-darken svg:hover {
  fill: #40184a !important; }

.dark-purple-fill.hover-darken.darken svg:hover {
  fill: #1f0c23 !important; }

.dark-purple-fill.hover-lighten svg {
  fill: #843296 !important; }

.dark-purple-fill.hover-lighten.lighten svg {
  fill: #a53ebd !important; }

.dark-purple-fill svg {
  fill: #622570 !important; }

.dark-purple-fill.darken svg {
  fill: #40184a !important; }

.dark-purple-fill.lighten svg {
  fill: #843296 !important; }

.dark-purple-stroke.hover-darken svg:hover {
  stroke: #40184a !important; }

.dark-purple-stroke.hover-darken.darken svg:hover {
  stroke: #1f0c23 !important; }

.dark-purple-stroke.hover-lighten svg {
  stroke: #843296 !important; }

.dark-purple-stroke.hover-lighten.lighten svg {
  stroke: #a53ebd !important; }

.dark-purple-stroke svg {
  stroke: #622570 !important; }

.dark-purple-stroke.darken svg {
  stroke: #40184a !important; }

.dark-purple-stroke.lighten svg {
  stroke: #843296 !important; }

.dark-purple-hexagon {
  background-color: #622570 !important; }

.light-purple-text {
  color: #f2befb !important; }
  .light-purple-text.darken {
    color: #e88ef8 !important; }
  .light-purple-text.lighten {
    color: #fceefe !important; }

.light-purple-bg {
  background-color: #f2befb !important; }
  .light-purple-bg.button {
    /*@at-root a.light-purple-bg.button {*/ }
    .light-purple-bg.button:hover {
      background: #e88ef8 !important; }
  .light-purple-bg.darken {
    background: #e88ef8 !important; }
  .light-purple-bg.lighten {
    background: #fceefe !important; }

.light-purple-fill.hover-darken svg:hover {
  fill: #e88ef8 !important; }

.light-purple-fill.hover-darken.darken svg:hover {
  fill: #df5ef5 !important; }

.light-purple-fill.hover-lighten svg {
  fill: #fceefe !important; }

.light-purple-fill.hover-lighten.lighten svg {
  fill: white !important; }

.light-purple-fill svg {
  fill: #f2befb !important; }

.light-purple-fill.darken svg {
  fill: #e88ef8 !important; }

.light-purple-fill.lighten svg {
  fill: #fceefe !important; }

.light-purple-stroke.hover-darken svg:hover {
  stroke: #e88ef8 !important; }

.light-purple-stroke.hover-darken.darken svg:hover {
  stroke: #df5ef5 !important; }

.light-purple-stroke.hover-lighten svg {
  stroke: #fceefe !important; }

.light-purple-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.light-purple-stroke svg {
  stroke: #f2befb !important; }

.light-purple-stroke.darken svg {
  stroke: #e88ef8 !important; }

.light-purple-stroke.lighten svg {
  stroke: #fceefe !important; }

.light-purple-hexagon {
  background-color: #f2befb !important; }

.blue-text {
  color: #009ADB !important; }
  .blue-text.darken {
    color: #0076a8 !important; }
  .blue-text.lighten {
    color: #0fb8ff !important; }

.blue-bg {
  background-color: #009ADB !important; }
  .blue-bg.button {
    /*@at-root a.blue-bg.button {*/ }
    .blue-bg.button:hover {
      background: #0076a8 !important; }
  .blue-bg.darken {
    background: #0076a8 !important; }
  .blue-bg.lighten {
    background: #0fb8ff !important; }

.blue-fill.hover-darken svg:hover {
  fill: #0076a8 !important; }

.blue-fill.hover-darken.darken svg:hover {
  fill: #005275 !important; }

.blue-fill.hover-lighten svg {
  fill: #0fb8ff !important; }

.blue-fill.hover-lighten.lighten svg {
  fill: #42c7ff !important; }

.blue-fill svg {
  fill: #009ADB !important; }

.blue-fill.darken svg {
  fill: #0076a8 !important; }

.blue-fill.lighten svg {
  fill: #0fb8ff !important; }

.blue-stroke.hover-darken svg:hover {
  stroke: #0076a8 !important; }

.blue-stroke.hover-darken.darken svg:hover {
  stroke: #005275 !important; }

.blue-stroke.hover-lighten svg {
  stroke: #0fb8ff !important; }

.blue-stroke.hover-lighten.lighten svg {
  stroke: #42c7ff !important; }

.blue-stroke svg {
  stroke: #009ADB !important; }

.blue-stroke.darken svg {
  stroke: #0076a8 !important; }

.blue-stroke.lighten svg {
  stroke: #0fb8ff !important; }

.blue-hexagon {
  background-color: #009ADB !important; }

.dark-blue-text {
  color: #047C9A !important; }
  .dark-blue-text.darken {
    color: #035468 !important; }
  .dark-blue-text.lighten {
    color: #05a4cc !important; }

.dark-blue-bg {
  background-color: #047C9A !important; }
  .dark-blue-bg.button {
    /*@at-root a.dark-blue-bg.button {*/ }
    .dark-blue-bg.button:hover {
      background: #035468 !important; }
  .dark-blue-bg.darken {
    background: #035468 !important; }
  .dark-blue-bg.lighten {
    background: #05a4cc !important; }

.dark-blue-fill.hover-darken svg:hover {
  fill: #035468 !important; }

.dark-blue-fill.hover-darken.darken svg:hover {
  fill: #012c37 !important; }

.dark-blue-fill.hover-lighten svg {
  fill: #05a4cc !important; }

.dark-blue-fill.hover-lighten.lighten svg {
  fill: #0bc9f9 !important; }

.dark-blue-fill svg {
  fill: #047C9A !important; }

.dark-blue-fill.darken svg {
  fill: #035468 !important; }

.dark-blue-fill.lighten svg {
  fill: #05a4cc !important; }

.dark-blue-stroke.hover-darken svg:hover {
  stroke: #035468 !important; }

.dark-blue-stroke.hover-darken.darken svg:hover {
  stroke: #012c37 !important; }

.dark-blue-stroke.hover-lighten svg {
  stroke: #05a4cc !important; }

.dark-blue-stroke.hover-lighten.lighten svg {
  stroke: #0bc9f9 !important; }

.dark-blue-stroke svg {
  stroke: #047C9A !important; }

.dark-blue-stroke.darken svg {
  stroke: #035468 !important; }

.dark-blue-stroke.lighten svg {
  stroke: #05a4cc !important; }

.dark-blue-hexagon {
  background-color: #047C9A !important; }

.light-blue-text {
  color: #bcdbe2 !important; }
  .light-blue-text.darken {
    color: #98c8d3 !important; }
  .light-blue-text.lighten {
    color: #e0eef1 !important; }

.light-blue-bg {
  background-color: #bcdbe2 !important; }
  .light-blue-bg.button {
    /*@at-root a.light-blue-bg.button {*/ }
    .light-blue-bg.button:hover {
      background: #98c8d3 !important; }
  .light-blue-bg.darken {
    background: #98c8d3 !important; }
  .light-blue-bg.lighten {
    background: #e0eef1 !important; }

.light-blue-fill.hover-darken svg:hover {
  fill: #98c8d3 !important; }

.light-blue-fill.hover-darken.darken svg:hover {
  fill: #75b5c3 !important; }

.light-blue-fill.hover-lighten svg {
  fill: #e0eef1 !important; }

.light-blue-fill.hover-lighten.lighten svg {
  fill: white !important; }

.light-blue-fill svg {
  fill: #bcdbe2 !important; }

.light-blue-fill.darken svg {
  fill: #98c8d3 !important; }

.light-blue-fill.lighten svg {
  fill: #e0eef1 !important; }

.light-blue-stroke.hover-darken svg:hover {
  stroke: #98c8d3 !important; }

.light-blue-stroke.hover-darken.darken svg:hover {
  stroke: #75b5c3 !important; }

.light-blue-stroke.hover-lighten svg {
  stroke: #e0eef1 !important; }

.light-blue-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.light-blue-stroke svg {
  stroke: #bcdbe2 !important; }

.light-blue-stroke.darken svg {
  stroke: #98c8d3 !important; }

.light-blue-stroke.lighten svg {
  stroke: #e0eef1 !important; }

.light-blue-hexagon {
  background-color: #bcdbe2 !important; }

.red-text {
  color: #F06060 !important; }
  .red-text.darken {
    color: #ec3131 !important; }
  .red-text.lighten {
    color: #f48f8f !important; }

.red-bg {
  background-color: #F06060 !important; }
  .red-bg.button {
    /*@at-root a.red-bg.button {*/ }
    .red-bg.button:hover {
      background: #ec3131 !important; }
  .red-bg.darken {
    background: #ec3131 !important; }
  .red-bg.lighten {
    background: #f48f8f !important; }

.red-fill.hover-darken svg:hover {
  fill: #ec3131 !important; }

.red-fill.hover-darken.darken svg:hover {
  fill: #d61414 !important; }

.red-fill.hover-lighten svg {
  fill: #f48f8f !important; }

.red-fill.hover-lighten.lighten svg {
  fill: #f9bdbd !important; }

.red-fill svg {
  fill: #F06060 !important; }

.red-fill.darken svg {
  fill: #ec3131 !important; }

.red-fill.lighten svg {
  fill: #f48f8f !important; }

.red-stroke.hover-darken svg:hover {
  stroke: #ec3131 !important; }

.red-stroke.hover-darken.darken svg:hover {
  stroke: #d61414 !important; }

.red-stroke.hover-lighten svg {
  stroke: #f48f8f !important; }

.red-stroke.hover-lighten.lighten svg {
  stroke: #f9bdbd !important; }

.red-stroke svg {
  stroke: #F06060 !important; }

.red-stroke.darken svg {
  stroke: #ec3131 !important; }

.red-stroke.lighten svg {
  stroke: #f48f8f !important; }

.red-hexagon {
  background-color: #F06060 !important; }

.dark-red-text {
  color: #D24647 !important; }
  .dark-red-text.darken {
    color: #b82d2e !important; }
  .dark-red-text.lighten {
    color: #dc6f70 !important; }

.dark-red-bg {
  background-color: #D24647 !important; }
  .dark-red-bg.button {
    /*@at-root a.dark-red-bg.button {*/ }
    .dark-red-bg.button:hover {
      background: #b82d2e !important; }
  .dark-red-bg.darken {
    background: #b82d2e !important; }
  .dark-red-bg.lighten {
    background: #dc6f70 !important; }

.dark-red-fill.hover-darken svg:hover {
  fill: #b82d2e !important; }

.dark-red-fill.hover-darken.darken svg:hover {
  fill: #8f2324 !important; }

.dark-red-fill.hover-lighten svg {
  fill: #dc6f70 !important; }

.dark-red-fill.hover-lighten.lighten svg {
  fill: #e69899 !important; }

.dark-red-fill svg {
  fill: #D24647 !important; }

.dark-red-fill.darken svg {
  fill: #b82d2e !important; }

.dark-red-fill.lighten svg {
  fill: #dc6f70 !important; }

.dark-red-stroke.hover-darken svg:hover {
  stroke: #b82d2e !important; }

.dark-red-stroke.hover-darken.darken svg:hover {
  stroke: #8f2324 !important; }

.dark-red-stroke.hover-lighten svg {
  stroke: #dc6f70 !important; }

.dark-red-stroke.hover-lighten.lighten svg {
  stroke: #e69899 !important; }

.dark-red-stroke svg {
  stroke: #D24647 !important; }

.dark-red-stroke.darken svg {
  stroke: #b82d2e !important; }

.dark-red-stroke.lighten svg {
  stroke: #dc6f70 !important; }

.dark-red-hexagon {
  background-color: #D24647 !important; }

.light-red-text {
  color: #ffb1b1 !important; }
  .light-red-text.darken {
    color: #ff7e7e !important; }
  .light-red-text.lighten {
    color: #ffe4e4 !important; }

.light-red-bg {
  background-color: #ffb1b1 !important; }
  .light-red-bg.button {
    /*@at-root a.light-red-bg.button {*/ }
    .light-red-bg.button:hover {
      background: #ff7e7e !important; }
  .light-red-bg.darken {
    background: #ff7e7e !important; }
  .light-red-bg.lighten {
    background: #ffe4e4 !important; }

.light-red-fill.hover-darken svg:hover {
  fill: #ff7e7e !important; }

.light-red-fill.hover-darken.darken svg:hover {
  fill: #ff4b4b !important; }

.light-red-fill.hover-lighten svg {
  fill: #ffe4e4 !important; }

.light-red-fill.hover-lighten.lighten svg {
  fill: white !important; }

.light-red-fill svg {
  fill: #ffb1b1 !important; }

.light-red-fill.darken svg {
  fill: #ff7e7e !important; }

.light-red-fill.lighten svg {
  fill: #ffe4e4 !important; }

.light-red-stroke.hover-darken svg:hover {
  stroke: #ff7e7e !important; }

.light-red-stroke.hover-darken.darken svg:hover {
  stroke: #ff4b4b !important; }

.light-red-stroke.hover-lighten svg {
  stroke: #ffe4e4 !important; }

.light-red-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.light-red-stroke svg {
  stroke: #ffb1b1 !important; }

.light-red-stroke.darken svg {
  stroke: #ff7e7e !important; }

.light-red-stroke.lighten svg {
  stroke: #ffe4e4 !important; }

.light-red-hexagon {
  background-color: #ffb1b1 !important; }

.pink-text {
  color: #FF2479 !important; }
  .pink-text.darken {
    color: #f0005d !important; }
  .pink-text.lighten {
    color: #ff5798 !important; }

.pink-bg {
  background-color: #FF2479 !important; }
  .pink-bg.button {
    /*@at-root a.pink-bg.button {*/ }
    .pink-bg.button:hover {
      background: #f0005d !important; }
  .pink-bg.darken {
    background: #f0005d !important; }
  .pink-bg.lighten {
    background: #ff5798 !important; }

.pink-fill.hover-darken svg:hover {
  fill: #f0005d !important; }

.pink-fill.hover-darken.darken svg:hover {
  fill: #bd0049 !important; }

.pink-fill.hover-lighten svg {
  fill: #ff5798 !important; }

.pink-fill.hover-lighten.lighten svg {
  fill: #ff8ab7 !important; }

.pink-fill svg {
  fill: #FF2479 !important; }

.pink-fill.darken svg {
  fill: #f0005d !important; }

.pink-fill.lighten svg {
  fill: #ff5798 !important; }

.pink-stroke.hover-darken svg:hover {
  stroke: #f0005d !important; }

.pink-stroke.hover-darken.darken svg:hover {
  stroke: #bd0049 !important; }

.pink-stroke.hover-lighten svg {
  stroke: #ff5798 !important; }

.pink-stroke.hover-lighten.lighten svg {
  stroke: #ff8ab7 !important; }

.pink-stroke svg {
  stroke: #FF2479 !important; }

.pink-stroke.darken svg {
  stroke: #f0005d !important; }

.pink-stroke.lighten svg {
  stroke: #ff5798 !important; }

.pink-hexagon {
  background-color: #FF2479 !important; }

.dark-pink-text {
  color: #D21264 !important; }
  .dark-pink-text.darken {
    color: #a30e4e !important; }
  .dark-pink-text.lighten {
    color: #ed2a7d !important; }

.dark-pink-bg {
  background-color: #D21264 !important; }
  .dark-pink-bg.button {
    /*@at-root a.dark-pink-bg.button {*/ }
    .dark-pink-bg.button:hover {
      background: #a30e4e !important; }
  .dark-pink-bg.darken {
    background: #a30e4e !important; }
  .dark-pink-bg.lighten {
    background: #ed2a7d !important; }

.dark-pink-fill.hover-darken svg:hover {
  fill: #a30e4e !important; }

.dark-pink-fill.hover-darken.darken svg:hover {
  fill: #740a37 !important; }

.dark-pink-fill.hover-lighten svg {
  fill: #ed2a7d !important; }

.dark-pink-fill.hover-lighten.lighten svg {
  fill: #f1599a !important; }

.dark-pink-fill svg {
  fill: #D21264 !important; }

.dark-pink-fill.darken svg {
  fill: #a30e4e !important; }

.dark-pink-fill.lighten svg {
  fill: #ed2a7d !important; }

.dark-pink-stroke.hover-darken svg:hover {
  stroke: #a30e4e !important; }

.dark-pink-stroke.hover-darken.darken svg:hover {
  stroke: #740a37 !important; }

.dark-pink-stroke.hover-lighten svg {
  stroke: #ed2a7d !important; }

.dark-pink-stroke.hover-lighten.lighten svg {
  stroke: #f1599a !important; }

.dark-pink-stroke svg {
  stroke: #D21264 !important; }

.dark-pink-stroke.darken svg {
  stroke: #a30e4e !important; }

.dark-pink-stroke.lighten svg {
  stroke: #ed2a7d !important; }

.dark-pink-hexagon {
  background-color: #D21264 !important; }

.light-pink-text {
  color: #ffadcb !important; }
  .light-pink-text.darken {
    color: #ff7aab !important; }
  .light-pink-text.lighten {
    color: #ffe0eb !important; }

.light-pink-bg {
  background-color: #ffadcb !important; }
  .light-pink-bg.button {
    /*@at-root a.light-pink-bg.button {*/ }
    .light-pink-bg.button:hover {
      background: #ff7aab !important; }
  .light-pink-bg.darken {
    background: #ff7aab !important; }
  .light-pink-bg.lighten {
    background: #ffe0eb !important; }

.light-pink-fill.hover-darken svg:hover {
  fill: #ff7aab !important; }

.light-pink-fill.hover-darken.darken svg:hover {
  fill: #ff478a !important; }

.light-pink-fill.hover-lighten svg {
  fill: #ffe0eb !important; }

.light-pink-fill.hover-lighten.lighten svg {
  fill: white !important; }

.light-pink-fill svg {
  fill: #ffadcb !important; }

.light-pink-fill.darken svg {
  fill: #ff7aab !important; }

.light-pink-fill.lighten svg {
  fill: #ffe0eb !important; }

.light-pink-stroke.hover-darken svg:hover {
  stroke: #ff7aab !important; }

.light-pink-stroke.hover-darken.darken svg:hover {
  stroke: #ff478a !important; }

.light-pink-stroke.hover-lighten svg {
  stroke: #ffe0eb !important; }

.light-pink-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.light-pink-stroke svg {
  stroke: #ffadcb !important; }

.light-pink-stroke.darken svg {
  stroke: #ff7aab !important; }

.light-pink-stroke.lighten svg {
  stroke: #ffe0eb !important; }

.light-pink-hexagon {
  background-color: #ffadcb !important; }

.yellow-text {
  color: #ffc655 !important; }
  .yellow-text.darken {
    color: #ffb522 !important; }
  .yellow-text.lighten {
    color: #ffd788 !important; }

.yellow-bg {
  background-color: #ffc655 !important; }
  .yellow-bg.button {
    /*@at-root a.yellow-bg.button {*/ }
    .yellow-bg.button:hover {
      background: #ffb522 !important; }
  .yellow-bg.darken {
    background: #ffb522 !important; }
  .yellow-bg.lighten {
    background: #ffd788 !important; }

.yellow-fill.hover-darken svg:hover {
  fill: #ffb522 !important; }

.yellow-fill.hover-darken.darken svg:hover {
  fill: #ee9e00 !important; }

.yellow-fill.hover-lighten svg {
  fill: #ffd788 !important; }

.yellow-fill.hover-lighten.lighten svg {
  fill: #ffe8bb !important; }

.yellow-fill svg {
  fill: #ffc655 !important; }

.yellow-fill.darken svg {
  fill: #ffb522 !important; }

.yellow-fill.lighten svg {
  fill: #ffd788 !important; }

.yellow-stroke.hover-darken svg:hover {
  stroke: #ffb522 !important; }

.yellow-stroke.hover-darken.darken svg:hover {
  stroke: #ee9e00 !important; }

.yellow-stroke.hover-lighten svg {
  stroke: #ffd788 !important; }

.yellow-stroke.hover-lighten.lighten svg {
  stroke: #ffe8bb !important; }

.yellow-stroke svg {
  stroke: #ffc655 !important; }

.yellow-stroke.darken svg {
  stroke: #ffb522 !important; }

.yellow-stroke.lighten svg {
  stroke: #ffd788 !important; }

.yellow-hexagon {
  background-color: #ffc655 !important; }

.light-yellow-text {
  color: #fbf4ce !important; }
  .light-yellow-text.darken {
    color: #f7e99f !important; }
  .light-yellow-text.lighten {
    color: #fffffd !important; }

.light-yellow-bg {
  background-color: #fbf4ce !important; }
  .light-yellow-bg.button {
    /*@at-root a.light-yellow-bg.button {*/ }
    .light-yellow-bg.button:hover {
      background: #f7e99f !important; }
  .light-yellow-bg.darken {
    background: #f7e99f !important; }
  .light-yellow-bg.lighten {
    background: #fffffd !important; }

.light-yellow-fill.hover-darken svg:hover {
  fill: #f7e99f !important; }

.light-yellow-fill.hover-darken.darken svg:hover {
  fill: #f3df70 !important; }

.light-yellow-fill.hover-lighten svg {
  fill: #fffffd !important; }

.light-yellow-fill.hover-lighten.lighten svg {
  fill: white !important; }

.light-yellow-fill svg {
  fill: #fbf4ce !important; }

.light-yellow-fill.darken svg {
  fill: #f7e99f !important; }

.light-yellow-fill.lighten svg {
  fill: #fffffd !important; }

.light-yellow-stroke.hover-darken svg:hover {
  stroke: #f7e99f !important; }

.light-yellow-stroke.hover-darken.darken svg:hover {
  stroke: #f3df70 !important; }

.light-yellow-stroke.hover-lighten svg {
  stroke: #fffffd !important; }

.light-yellow-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.light-yellow-stroke svg {
  stroke: #fbf4ce !important; }

.light-yellow-stroke.darken svg {
  stroke: #f7e99f !important; }

.light-yellow-stroke.lighten svg {
  stroke: #fffffd !important; }

.light-yellow-hexagon {
  background-color: #fbf4ce !important; }

.dark-yellow-text {
  color: #f0b642 !important; }
  .dark-yellow-text.darken {
    color: #eca413 !important; }
  .dark-yellow-text.lighten {
    color: #f4c871 !important; }

.dark-yellow-bg {
  background-color: #f0b642 !important; }
  .dark-yellow-bg.button {
    /*@at-root a.dark-yellow-bg.button {*/ }
    .dark-yellow-bg.button:hover {
      background: #eca413 !important; }
  .dark-yellow-bg.darken {
    background: #eca413 !important; }
  .dark-yellow-bg.lighten {
    background: #f4c871 !important; }

.dark-yellow-fill.hover-darken svg:hover {
  fill: #eca413 !important; }

.dark-yellow-fill.hover-darken.darken svg:hover {
  fill: #bd830f !important; }

.dark-yellow-fill.hover-lighten svg {
  fill: #f4c871 !important; }

.dark-yellow-fill.hover-lighten.lighten svg {
  fill: #f8dba1 !important; }

.dark-yellow-fill svg {
  fill: #f0b642 !important; }

.dark-yellow-fill.darken svg {
  fill: #eca413 !important; }

.dark-yellow-fill.lighten svg {
  fill: #f4c871 !important; }

.dark-yellow-stroke.hover-darken svg:hover {
  stroke: #eca413 !important; }

.dark-yellow-stroke.hover-darken.darken svg:hover {
  stroke: #bd830f !important; }

.dark-yellow-stroke.hover-lighten svg {
  stroke: #f4c871 !important; }

.dark-yellow-stroke.hover-lighten.lighten svg {
  stroke: #f8dba1 !important; }

.dark-yellow-stroke svg {
  stroke: #f0b642 !important; }

.dark-yellow-stroke.darken svg {
  stroke: #eca413 !important; }

.dark-yellow-stroke.lighten svg {
  stroke: #f4c871 !important; }

.dark-yellow-hexagon {
  background-color: #f0b642 !important; }

.green-text {
  color: #42b874 !important; }
  .green-text.darken {
    color: #35925c !important; }
  .green-text.lighten {
    color: #65c88f !important; }

.green-bg {
  background-color: #42b874 !important; }
  .green-bg.button {
    /*@at-root a.green-bg.button {*/ }
    .green-bg.button:hover {
      background: #35925c !important; }
  .green-bg.darken {
    background: #35925c !important; }
  .green-bg.lighten {
    background: #65c88f !important; }

.green-fill.hover-darken svg:hover {
  fill: #35925c !important; }

.green-fill.hover-darken.darken svg:hover {
  fill: #276d45 !important; }

.green-fill.hover-lighten svg {
  fill: #65c88f !important; }

.green-fill.hover-lighten.lighten svg {
  fill: #8bd5aa !important; }

.green-fill svg {
  fill: #42b874 !important; }

.green-fill.darken svg {
  fill: #35925c !important; }

.green-fill.lighten svg {
  fill: #65c88f !important; }

.green-stroke.hover-darken svg:hover {
  stroke: #35925c !important; }

.green-stroke.hover-darken.darken svg:hover {
  stroke: #276d45 !important; }

.green-stroke.hover-lighten svg {
  stroke: #65c88f !important; }

.green-stroke.hover-lighten.lighten svg {
  stroke: #8bd5aa !important; }

.green-stroke svg {
  stroke: #42b874 !important; }

.green-stroke.darken svg {
  stroke: #35925c !important; }

.green-stroke.lighten svg {
  stroke: #65c88f !important; }

.green-hexagon {
  background-color: #42b874 !important; }

.light-green-text {
  color: #9ae1b8 !important; }
  .light-green-text.darken {
    color: #73d59c !important; }
  .light-green-text.lighten {
    color: #c1edd4 !important; }

.light-green-bg {
  background-color: #9ae1b8 !important; }
  .light-green-bg.button {
    /*@at-root a.light-green-bg.button {*/ }
    .light-green-bg.button:hover {
      background: #73d59c !important; }
  .light-green-bg.darken {
    background: #73d59c !important; }
  .light-green-bg.lighten {
    background: #c1edd4 !important; }

.light-green-fill.hover-darken svg:hover {
  fill: #73d59c !important; }

.light-green-fill.hover-darken.darken svg:hover {
  fill: #4bca81 !important; }

.light-green-fill.hover-lighten svg {
  fill: #c1edd4 !important; }

.light-green-fill.hover-lighten.lighten svg {
  fill: #e9f8ef !important; }

.light-green-fill svg {
  fill: #9ae1b8 !important; }

.light-green-fill.darken svg {
  fill: #73d59c !important; }

.light-green-fill.lighten svg {
  fill: #c1edd4 !important; }

.light-green-stroke.hover-darken svg:hover {
  stroke: #73d59c !important; }

.light-green-stroke.hover-darken.darken svg:hover {
  stroke: #4bca81 !important; }

.light-green-stroke.hover-lighten svg {
  stroke: #c1edd4 !important; }

.light-green-stroke.hover-lighten.lighten svg {
  stroke: #e9f8ef !important; }

.light-green-stroke svg {
  stroke: #9ae1b8 !important; }

.light-green-stroke.darken svg {
  stroke: #73d59c !important; }

.light-green-stroke.lighten svg {
  stroke: #c1edd4 !important; }

.light-green-hexagon {
  background-color: #9ae1b8 !important; }

.dark-green-text {
  color: #3ca568 !important; }
  .dark-green-text.darken {
    color: #2e8050 !important; }
  .dark-green-text.lighten {
    color: #53c181 !important; }

.dark-green-bg {
  background-color: #3ca568 !important; }
  .dark-green-bg.button {
    /*@at-root a.dark-green-bg.button {*/ }
    .dark-green-bg.button:hover {
      background: #2e8050 !important; }
  .dark-green-bg.darken {
    background: #2e8050 !important; }
  .dark-green-bg.lighten {
    background: #53c181 !important; }

.dark-green-fill.hover-darken svg:hover {
  fill: #2e8050 !important; }

.dark-green-fill.hover-darken.darken svg:hover {
  fill: #215a39 !important; }

.dark-green-fill.hover-lighten svg {
  fill: #53c181 !important; }

.dark-green-fill.hover-lighten.lighten svg {
  fill: #79ce9d !important; }

.dark-green-fill svg {
  fill: #3ca568 !important; }

.dark-green-fill.darken svg {
  fill: #2e8050 !important; }

.dark-green-fill.lighten svg {
  fill: #53c181 !important; }

.dark-green-stroke.hover-darken svg:hover {
  stroke: #2e8050 !important; }

.dark-green-stroke.hover-darken.darken svg:hover {
  stroke: #215a39 !important; }

.dark-green-stroke.hover-lighten svg {
  stroke: #53c181 !important; }

.dark-green-stroke.hover-lighten.lighten svg {
  stroke: #79ce9d !important; }

.dark-green-stroke svg {
  stroke: #3ca568 !important; }

.dark-green-stroke.darken svg {
  stroke: #2e8050 !important; }

.dark-green-stroke.lighten svg {
  stroke: #53c181 !important; }

.dark-green-hexagon {
  background-color: #3ca568 !important; }

.orange-text {
  color: #f47721 !important; }
  .orange-text.darken {
    color: #d75e0b !important; }
  .orange-text.lighten {
    color: #f69552 !important; }

.orange-bg {
  background-color: #f47721 !important; }
  .orange-bg.button {
    /*@at-root a.orange-bg.button {*/ }
    .orange-bg.button:hover {
      background: #d75e0b !important; }
  .orange-bg.darken {
    background: #d75e0b !important; }
  .orange-bg.lighten {
    background: #f69552 !important; }

.orange-fill.hover-darken svg:hover {
  fill: #d75e0b !important; }

.orange-fill.hover-darken.darken svg:hover {
  fill: #a74908 !important; }

.orange-fill.hover-lighten svg {
  fill: #f69552 !important; }

.orange-fill.hover-lighten.lighten svg {
  fill: #f9b382 !important; }

.orange-fill svg {
  fill: #f47721 !important; }

.orange-fill.darken svg {
  fill: #d75e0b !important; }

.orange-fill.lighten svg {
  fill: #f69552 !important; }

.orange-stroke.hover-darken svg:hover {
  stroke: #d75e0b !important; }

.orange-stroke.hover-darken.darken svg:hover {
  stroke: #a74908 !important; }

.orange-stroke.hover-lighten svg {
  stroke: #f69552 !important; }

.orange-stroke.hover-lighten.lighten svg {
  stroke: #f9b382 !important; }

.orange-stroke svg {
  stroke: #f47721 !important; }

.orange-stroke.darken svg {
  stroke: #d75e0b !important; }

.orange-stroke.lighten svg {
  stroke: #f69552 !important; }

.orange-hexagon {
  background-color: #f47721 !important; }

.dark-orange-text {
  color: #cc641d !important; }
  .dark-orange-text.darken {
    color: #9f4e17 !important; }
  .dark-orange-text.lighten {
    color: #e37e39 !important; }

.dark-orange-bg {
  background-color: #cc641d !important; }
  .dark-orange-bg.button {
    /*@at-root a.dark-orange-bg.button {*/ }
    .dark-orange-bg.button:hover {
      background: #9f4e17 !important; }
  .dark-orange-bg.darken {
    background: #9f4e17 !important; }
  .dark-orange-bg.lighten {
    background: #e37e39 !important; }

.dark-orange-fill.hover-darken svg:hover {
  fill: #9f4e17 !important; }

.dark-orange-fill.hover-darken.darken svg:hover {
  fill: #733810 !important; }

.dark-orange-fill.hover-lighten svg {
  fill: #e37e39 !important; }

.dark-orange-fill.hover-lighten.lighten svg {
  fill: #e99b66 !important; }

.dark-orange-fill svg {
  fill: #cc641d !important; }

.dark-orange-fill.darken svg {
  fill: #9f4e17 !important; }

.dark-orange-fill.lighten svg {
  fill: #e37e39 !important; }

.dark-orange-stroke.hover-darken svg:hover {
  stroke: #9f4e17 !important; }

.dark-orange-stroke.hover-darken.darken svg:hover {
  stroke: #733810 !important; }

.dark-orange-stroke.hover-lighten svg {
  stroke: #e37e39 !important; }

.dark-orange-stroke.hover-lighten.lighten svg {
  stroke: #e99b66 !important; }

.dark-orange-stroke svg {
  stroke: #cc641d !important; }

.dark-orange-stroke.darken svg {
  stroke: #9f4e17 !important; }

.dark-orange-stroke.lighten svg {
  stroke: #e37e39 !important; }

.dark-orange-hexagon {
  background-color: #cc641d !important; }

.light-orange-text {
  color: #fdba8c !important; }
  .light-orange-text.darken {
    color: #fc9c5a !important; }
  .light-orange-text.lighten {
    color: #fed8be !important; }

.light-orange-bg {
  background-color: #fdba8c !important; }
  .light-orange-bg.button {
    /*@at-root a.light-orange-bg.button {*/ }
    .light-orange-bg.button:hover {
      background: #fc9c5a !important; }
  .light-orange-bg.darken {
    background: #fc9c5a !important; }
  .light-orange-bg.lighten {
    background: #fed8be !important; }

.light-orange-fill.hover-darken svg:hover {
  fill: #fc9c5a !important; }

.light-orange-fill.hover-darken.darken svg:hover {
  fill: #fb7e28 !important; }

.light-orange-fill.hover-lighten svg {
  fill: #fed8be !important; }

.light-orange-fill.hover-lighten.lighten svg {
  fill: #fff6f0 !important; }

.light-orange-fill svg {
  fill: #fdba8c !important; }

.light-orange-fill.darken svg {
  fill: #fc9c5a !important; }

.light-orange-fill.lighten svg {
  fill: #fed8be !important; }

.light-orange-stroke.hover-darken svg:hover {
  stroke: #fc9c5a !important; }

.light-orange-stroke.hover-darken.darken svg:hover {
  stroke: #fb7e28 !important; }

.light-orange-stroke.hover-lighten svg {
  stroke: #fed8be !important; }

.light-orange-stroke.hover-lighten.lighten svg {
  stroke: #fff6f0 !important; }

.light-orange-stroke svg {
  stroke: #fdba8c !important; }

.light-orange-stroke.darken svg {
  stroke: #fc9c5a !important; }

.light-orange-stroke.lighten svg {
  stroke: #fed8be !important; }

.light-orange-hexagon {
  background-color: #fdba8c !important; }

.brown-text {
  color: #46280c !important; }
  .brown-text.darken {
    color: #1a0f05 !important; }
  .brown-text.lighten {
    color: #724113 !important; }

.brown-bg {
  background-color: #46280c !important; }
  .brown-bg.button {
    /*@at-root a.brown-bg.button {*/ }
    .brown-bg.button:hover {
      background: #1a0f05 !important; }
  .brown-bg.darken {
    background: #1a0f05 !important; }
  .brown-bg.lighten {
    background: #724113 !important; }

.brown-fill.hover-darken svg:hover {
  fill: #1a0f05 !important; }

.brown-fill.hover-darken.darken svg:hover {
  fill: black !important; }

.brown-fill.hover-lighten svg {
  fill: #724113 !important; }

.brown-fill.hover-lighten.lighten svg {
  fill: #9d5a1b !important; }

.brown-fill svg {
  fill: #46280c !important; }

.brown-fill.darken svg {
  fill: #1a0f05 !important; }

.brown-fill.lighten svg {
  fill: #724113 !important; }

.brown-stroke.hover-darken svg:hover {
  stroke: #1a0f05 !important; }

.brown-stroke.hover-darken.darken svg:hover {
  stroke: black !important; }

.brown-stroke.hover-lighten svg {
  stroke: #724113 !important; }

.brown-stroke.hover-lighten.lighten svg {
  stroke: #9d5a1b !important; }

.brown-stroke svg {
  stroke: #46280c !important; }

.brown-stroke.darken svg {
  stroke: #1a0f05 !important; }

.brown-stroke.lighten svg {
  stroke: #724113 !important; }

.brown-hexagon {
  background-color: #46280c !important; }

.dark-brown-text {
  color: #301907 !important; }
  .dark-brown-text.darken {
    color: #030201 !important; }
  .dark-brown-text.lighten {
    color: #5d300d !important; }

.dark-brown-bg {
  background-color: #301907 !important; }
  .dark-brown-bg.button {
    /*@at-root a.dark-brown-bg.button {*/ }
    .dark-brown-bg.button:hover {
      background: #030201 !important; }
  .dark-brown-bg.darken {
    background: #030201 !important; }
  .dark-brown-bg.lighten {
    background: #5d300d !important; }

.dark-brown-fill.hover-darken svg:hover {
  fill: #030201 !important; }

.dark-brown-fill.hover-darken.darken svg:hover {
  fill: black !important; }

.dark-brown-fill.hover-lighten svg {
  fill: #5d300d !important; }

.dark-brown-fill.hover-lighten.lighten svg {
  fill: #894714 !important; }

.dark-brown-fill svg {
  fill: #301907 !important; }

.dark-brown-fill.darken svg {
  fill: #030201 !important; }

.dark-brown-fill.lighten svg {
  fill: #5d300d !important; }

.dark-brown-stroke.hover-darken svg:hover {
  stroke: #030201 !important; }

.dark-brown-stroke.hover-darken.darken svg:hover {
  stroke: black !important; }

.dark-brown-stroke.hover-lighten svg {
  stroke: #5d300d !important; }

.dark-brown-stroke.hover-lighten.lighten svg {
  stroke: #894714 !important; }

.dark-brown-stroke svg {
  stroke: #301907 !important; }

.dark-brown-stroke.darken svg {
  stroke: #030201 !important; }

.dark-brown-stroke.lighten svg {
  stroke: #5d300d !important; }

.dark-brown-hexagon {
  background-color: #301907 !important; }

.gold-text {
  color: #e1a938 !important; }
  .gold-text.darken {
    color: #c8901e !important; }
  .gold-text.lighten {
    color: #e8bc64 !important; }

.gold-bg {
  background-color: #e1a938 !important; }
  .gold-bg.button {
    /*@at-root a.gold-bg.button {*/ }
    .gold-bg.button:hover {
      background: #c8901e !important; }
  .gold-bg.darken {
    background: #c8901e !important; }
  .gold-bg.lighten {
    background: #e8bc64 !important; }

.gold-fill.hover-darken svg:hover {
  fill: #c8901e !important; }

.gold-fill.hover-darken.darken svg:hover {
  fill: #9c7017 !important; }

.gold-fill.hover-lighten svg {
  fill: #e8bc64 !important; }

.gold-fill.hover-lighten.lighten svg {
  fill: #eecf91 !important; }

.gold-fill svg {
  fill: #e1a938 !important; }

.gold-fill.darken svg {
  fill: #c8901e !important; }

.gold-fill.lighten svg {
  fill: #e8bc64 !important; }

.gold-stroke.hover-darken svg:hover {
  stroke: #c8901e !important; }

.gold-stroke.hover-darken.darken svg:hover {
  stroke: #9c7017 !important; }

.gold-stroke.hover-lighten svg {
  stroke: #e8bc64 !important; }

.gold-stroke.hover-lighten.lighten svg {
  stroke: #eecf91 !important; }

.gold-stroke svg {
  stroke: #e1a938 !important; }

.gold-stroke.darken svg {
  stroke: #c8901e !important; }

.gold-stroke.lighten svg {
  stroke: #e8bc64 !important; }

.gold-hexagon {
  background-color: #e1a938 !important; }

.beetroot-text {
  color: #CEA5D2 !important; }
  .beetroot-text.darken {
    color: #bb83c1 !important; }
  .beetroot-text.lighten {
    color: #e1c7e3 !important; }

.beetroot-bg {
  background-color: #CEA5D2 !important; }
  .beetroot-bg.button {
    /*@at-root a.beetroot-bg.button {*/ }
    .beetroot-bg.button:hover {
      background: #bb83c1 !important; }
  .beetroot-bg.darken {
    background: #bb83c1 !important; }
  .beetroot-bg.lighten {
    background: #e1c7e3 !important; }

.beetroot-fill.hover-darken svg:hover {
  fill: #bb83c1 !important; }

.beetroot-fill.hover-darken.darken svg:hover {
  fill: #a961b0 !important; }

.beetroot-fill.hover-lighten svg {
  fill: #e1c7e3 !important; }

.beetroot-fill.hover-lighten.lighten svg {
  fill: #f3e9f4 !important; }

.beetroot-fill svg {
  fill: #CEA5D2 !important; }

.beetroot-fill.darken svg {
  fill: #bb83c1 !important; }

.beetroot-fill.lighten svg {
  fill: #e1c7e3 !important; }

.beetroot-stroke.hover-darken svg:hover {
  stroke: #bb83c1 !important; }

.beetroot-stroke.hover-darken.darken svg:hover {
  stroke: #a961b0 !important; }

.beetroot-stroke.hover-lighten svg {
  stroke: #e1c7e3 !important; }

.beetroot-stroke.hover-lighten.lighten svg {
  stroke: #f3e9f4 !important; }

.beetroot-stroke svg {
  stroke: #CEA5D2 !important; }

.beetroot-stroke.darken svg {
  stroke: #bb83c1 !important; }

.beetroot-stroke.lighten svg {
  stroke: #e1c7e3 !important; }

.beetroot-hexagon {
  background-color: #CEA5D2 !important; }

.beetroot-light-text {
  color: #ECCFEE !important; }
  .beetroot-light-text.darken {
    color: #dda9e1 !important; }
  .beetroot-light-text.lighten {
    color: #fbf5fb !important; }

.beetroot-light-bg {
  background-color: #ECCFEE !important; }
  .beetroot-light-bg.button {
    /*@at-root a.beetroot-light-bg.button {*/ }
    .beetroot-light-bg.button:hover {
      background: #dda9e1 !important; }
  .beetroot-light-bg.darken {
    background: #dda9e1 !important; }
  .beetroot-light-bg.lighten {
    background: #fbf5fb !important; }

.beetroot-light-fill.hover-darken svg:hover {
  fill: #dda9e1 !important; }

.beetroot-light-fill.hover-darken.darken svg:hover {
  fill: #ce84d3 !important; }

.beetroot-light-fill.hover-lighten svg {
  fill: #fbf5fb !important; }

.beetroot-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.beetroot-light-fill svg {
  fill: #ECCFEE !important; }

.beetroot-light-fill.darken svg {
  fill: #dda9e1 !important; }

.beetroot-light-fill.lighten svg {
  fill: #fbf5fb !important; }

.beetroot-light-stroke.hover-darken svg:hover {
  stroke: #dda9e1 !important; }

.beetroot-light-stroke.hover-darken.darken svg:hover {
  stroke: #ce84d3 !important; }

.beetroot-light-stroke.hover-lighten svg {
  stroke: #fbf5fb !important; }

.beetroot-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.beetroot-light-stroke svg {
  stroke: #ECCFEE !important; }

.beetroot-light-stroke.darken svg {
  stroke: #dda9e1 !important; }

.beetroot-light-stroke.lighten svg {
  stroke: #fbf5fb !important; }

.beetroot-light-hexagon {
  background-color: #ECCFEE !important; }

.bokchoy-text {
  color: #A0D4A0 !important; }
  .bokchoy-text.darken {
    color: #7dc47d !important; }
  .bokchoy-text.lighten {
    color: #c3e4c3 !important; }

.bokchoy-bg {
  background-color: #A0D4A0 !important; }
  .bokchoy-bg.button {
    /*@at-root a.bokchoy-bg.button {*/ }
    .bokchoy-bg.button:hover {
      background: #7dc47d !important; }
  .bokchoy-bg.darken {
    background: #7dc47d !important; }
  .bokchoy-bg.lighten {
    background: #c3e4c3 !important; }

.bokchoy-fill.hover-darken svg:hover {
  fill: #7dc47d !important; }

.bokchoy-fill.hover-darken.darken svg:hover {
  fill: #5ab45a !important; }

.bokchoy-fill.hover-lighten svg {
  fill: #c3e4c3 !important; }

.bokchoy-fill.hover-lighten.lighten svg {
  fill: #e6f4e6 !important; }

.bokchoy-fill svg {
  fill: #A0D4A0 !important; }

.bokchoy-fill.darken svg {
  fill: #7dc47d !important; }

.bokchoy-fill.lighten svg {
  fill: #c3e4c3 !important; }

.bokchoy-stroke.hover-darken svg:hover {
  stroke: #7dc47d !important; }

.bokchoy-stroke.hover-darken.darken svg:hover {
  stroke: #5ab45a !important; }

.bokchoy-stroke.hover-lighten svg {
  stroke: #c3e4c3 !important; }

.bokchoy-stroke.hover-lighten.lighten svg {
  stroke: #e6f4e6 !important; }

.bokchoy-stroke svg {
  stroke: #A0D4A0 !important; }

.bokchoy-stroke.darken svg {
  stroke: #7dc47d !important; }

.bokchoy-stroke.lighten svg {
  stroke: #c3e4c3 !important; }

.bokchoy-hexagon {
  background-color: #A0D4A0 !important; }

.bokchoy-light-text {
  color: #BDEEBF !important; }
  .bokchoy-light-text.darken {
    color: #94e498 !important; }
  .bokchoy-light-text.lighten {
    color: #e6f8e6 !important; }

.bokchoy-light-bg {
  background-color: #BDEEBF !important; }
  .bokchoy-light-bg.button {
    /*@at-root a.bokchoy-light-bg.button {*/ }
    .bokchoy-light-bg.button:hover {
      background: #94e498 !important; }
  .bokchoy-light-bg.darken {
    background: #94e498 !important; }
  .bokchoy-light-bg.lighten {
    background: #e6f8e6 !important; }

.bokchoy-light-fill.hover-darken svg:hover {
  fill: #94e498 !important; }

.bokchoy-light-fill.hover-darken.darken svg:hover {
  fill: #6cd970 !important; }

.bokchoy-light-fill.hover-lighten svg {
  fill: #e6f8e6 !important; }

.bokchoy-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.bokchoy-light-fill svg {
  fill: #BDEEBF !important; }

.bokchoy-light-fill.darken svg {
  fill: #94e498 !important; }

.bokchoy-light-fill.lighten svg {
  fill: #e6f8e6 !important; }

.bokchoy-light-stroke.hover-darken svg:hover {
  stroke: #94e498 !important; }

.bokchoy-light-stroke.hover-darken.darken svg:hover {
  stroke: #6cd970 !important; }

.bokchoy-light-stroke.hover-lighten svg {
  stroke: #e6f8e6 !important; }

.bokchoy-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.bokchoy-light-stroke svg {
  stroke: #BDEEBF !important; }

.bokchoy-light-stroke.darken svg {
  stroke: #94e498 !important; }

.bokchoy-light-stroke.lighten svg {
  stroke: #e6f8e6 !important; }

.bokchoy-light-hexagon {
  background-color: #BDEEBF !important; }

.silverbeet-text {
  color: #A0CDD4 !important; }
  .silverbeet-text.darken {
    color: #7dbbc4 !important; }
  .silverbeet-text.lighten {
    color: #c3dfe4 !important; }

.silverbeet-bg {
  background-color: #A0CDD4 !important; }
  .silverbeet-bg.button {
    /*@at-root a.silverbeet-bg.button {*/ }
    .silverbeet-bg.button:hover {
      background: #7dbbc4 !important; }
  .silverbeet-bg.darken {
    background: #7dbbc4 !important; }
  .silverbeet-bg.lighten {
    background: #c3dfe4 !important; }

.silverbeet-fill.hover-darken svg:hover {
  fill: #7dbbc4 !important; }

.silverbeet-fill.hover-darken.darken svg:hover {
  fill: #5aa8b4 !important; }

.silverbeet-fill.hover-lighten svg {
  fill: #c3dfe4 !important; }

.silverbeet-fill.hover-lighten.lighten svg {
  fill: #e6f2f4 !important; }

.silverbeet-fill svg {
  fill: #A0CDD4 !important; }

.silverbeet-fill.darken svg {
  fill: #7dbbc4 !important; }

.silverbeet-fill.lighten svg {
  fill: #c3dfe4 !important; }

.silverbeet-stroke.hover-darken svg:hover {
  stroke: #7dbbc4 !important; }

.silverbeet-stroke.hover-darken.darken svg:hover {
  stroke: #5aa8b4 !important; }

.silverbeet-stroke.hover-lighten svg {
  stroke: #c3dfe4 !important; }

.silverbeet-stroke.hover-lighten.lighten svg {
  stroke: #e6f2f4 !important; }

.silverbeet-stroke svg {
  stroke: #A0CDD4 !important; }

.silverbeet-stroke.darken svg {
  stroke: #7dbbc4 !important; }

.silverbeet-stroke.lighten svg {
  stroke: #c3dfe4 !important; }

.silverbeet-hexagon {
  background-color: #A0CDD4 !important; }

.silverbeet-light-text {
  color: #BDDCE3 !important; }
  .silverbeet-light-text.darken {
    color: #99c9d4 !important; }
  .silverbeet-light-text.lighten {
    color: #e1eff2 !important; }

.silverbeet-light-bg {
  background-color: #BDDCE3 !important; }
  .silverbeet-light-bg.button {
    /*@at-root a.silverbeet-light-bg.button {*/ }
    .silverbeet-light-bg.button:hover {
      background: #99c9d4 !important; }
  .silverbeet-light-bg.darken {
    background: #99c9d4 !important; }
  .silverbeet-light-bg.lighten {
    background: #e1eff2 !important; }

.silverbeet-light-fill.hover-darken svg:hover {
  fill: #99c9d4 !important; }

.silverbeet-light-fill.hover-darken.darken svg:hover {
  fill: #75b6c5 !important; }

.silverbeet-light-fill.hover-lighten svg {
  fill: #e1eff2 !important; }

.silverbeet-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.silverbeet-light-fill svg {
  fill: #BDDCE3 !important; }

.silverbeet-light-fill.darken svg {
  fill: #99c9d4 !important; }

.silverbeet-light-fill.lighten svg {
  fill: #e1eff2 !important; }

.silverbeet-light-stroke.hover-darken svg:hover {
  stroke: #99c9d4 !important; }

.silverbeet-light-stroke.hover-darken.darken svg:hover {
  stroke: #75b6c5 !important; }

.silverbeet-light-stroke.hover-lighten svg {
  stroke: #e1eff2 !important; }

.silverbeet-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.silverbeet-light-stroke svg {
  stroke: #BDDCE3 !important; }

.silverbeet-light-stroke.darken svg {
  stroke: #99c9d4 !important; }

.silverbeet-light-stroke.lighten svg {
  stroke: #e1eff2 !important; }

.silverbeet-light-hexagon {
  background-color: #BDDCE3 !important; }

.kale-text {
  color: #BACA8A !important; }
  .kale-text.darken {
    color: #a5ba67 !important; }
  .kale-text.lighten {
    color: #cfdaad !important; }

.kale-bg {
  background-color: #BACA8A !important; }
  .kale-bg.button {
    /*@at-root a.kale-bg.button {*/ }
    .kale-bg.button:hover {
      background: #a5ba67 !important; }
  .kale-bg.darken {
    background: #a5ba67 !important; }
  .kale-bg.lighten {
    background: #cfdaad !important; }

.kale-fill.hover-darken svg:hover {
  fill: #a5ba67 !important; }

.kale-fill.hover-darken.darken svg:hover {
  fill: #8da44a !important; }

.kale-fill.hover-lighten svg {
  fill: #cfdaad !important; }

.kale-fill.hover-lighten.lighten svg {
  fill: #e3ead0 !important; }

.kale-fill svg {
  fill: #BACA8A !important; }

.kale-fill.darken svg {
  fill: #a5ba67 !important; }

.kale-fill.lighten svg {
  fill: #cfdaad !important; }

.kale-stroke.hover-darken svg:hover {
  stroke: #a5ba67 !important; }

.kale-stroke.hover-darken.darken svg:hover {
  stroke: #8da44a !important; }

.kale-stroke.hover-lighten svg {
  stroke: #cfdaad !important; }

.kale-stroke.hover-lighten.lighten svg {
  stroke: #e3ead0 !important; }

.kale-stroke svg {
  stroke: #BACA8A !important; }

.kale-stroke.darken svg {
  stroke: #a5ba67 !important; }

.kale-stroke.lighten svg {
  stroke: #cfdaad !important; }

.kale-hexagon {
  background-color: #BACA8A !important; }

.kale-light-text {
  color: #CCDEA0 !important; }
  .kale-light-text.darken {
    color: #b8d17a !important; }
  .kale-light-text.lighten {
    color: #e0ebc6 !important; }

.kale-light-bg {
  background-color: #CCDEA0 !important; }
  .kale-light-bg.button {
    /*@at-root a.kale-light-bg.button {*/ }
    .kale-light-bg.button:hover {
      background: #b8d17a !important; }
  .kale-light-bg.darken {
    background: #b8d17a !important; }
  .kale-light-bg.lighten {
    background: #e0ebc6 !important; }

.kale-light-fill.hover-darken svg:hover {
  fill: #b8d17a !important; }

.kale-light-fill.hover-darken.darken svg:hover {
  fill: #a3c454 !important; }

.kale-light-fill.hover-lighten svg {
  fill: #e0ebc6 !important; }

.kale-light-fill.hover-lighten.lighten svg {
  fill: #f5f8ec !important; }

.kale-light-fill svg {
  fill: #CCDEA0 !important; }

.kale-light-fill.darken svg {
  fill: #b8d17a !important; }

.kale-light-fill.lighten svg {
  fill: #e0ebc6 !important; }

.kale-light-stroke.hover-darken svg:hover {
  stroke: #b8d17a !important; }

.kale-light-stroke.hover-darken.darken svg:hover {
  stroke: #a3c454 !important; }

.kale-light-stroke.hover-lighten svg {
  stroke: #e0ebc6 !important; }

.kale-light-stroke.hover-lighten.lighten svg {
  stroke: #f5f8ec !important; }

.kale-light-stroke svg {
  stroke: #CCDEA0 !important; }

.kale-light-stroke.darken svg {
  stroke: #b8d17a !important; }

.kale-light-stroke.lighten svg {
  stroke: #e0ebc6 !important; }

.kale-light-hexagon {
  background-color: #CCDEA0 !important; }

.redonion-text {
  color: #DEAECD !important; }
  .redonion-text.darken {
    color: #cf8ab7 !important; }
  .redonion-text.lighten {
    color: #edd2e3 !important; }

.redonion-bg {
  background-color: #DEAECD !important; }
  .redonion-bg.button {
    /*@at-root a.redonion-bg.button {*/ }
    .redonion-bg.button:hover {
      background: #cf8ab7 !important; }
  .redonion-bg.darken {
    background: #cf8ab7 !important; }
  .redonion-bg.lighten {
    background: #edd2e3 !important; }

.redonion-fill.hover-darken svg:hover {
  fill: #cf8ab7 !important; }

.redonion-fill.hover-darken.darken svg:hover {
  fill: #c066a0 !important; }

.redonion-fill.hover-lighten svg {
  fill: #edd2e3 !important; }

.redonion-fill.hover-lighten.lighten svg {
  fill: #fcf6fa !important; }

.redonion-fill svg {
  fill: #DEAECD !important; }

.redonion-fill.darken svg {
  fill: #cf8ab7 !important; }

.redonion-fill.lighten svg {
  fill: #edd2e3 !important; }

.redonion-stroke.hover-darken svg:hover {
  stroke: #cf8ab7 !important; }

.redonion-stroke.hover-darken.darken svg:hover {
  stroke: #c066a0 !important; }

.redonion-stroke.hover-lighten svg {
  stroke: #edd2e3 !important; }

.redonion-stroke.hover-lighten.lighten svg {
  stroke: #fcf6fa !important; }

.redonion-stroke svg {
  stroke: #DEAECD !important; }

.redonion-stroke.darken svg {
  stroke: #cf8ab7 !important; }

.redonion-stroke.lighten svg {
  stroke: #edd2e3 !important; }

.redonion-hexagon {
  background-color: #DEAECD !important; }

.redonion-light-text {
  color: #E9C6DB !important; }
  .redonion-light-text.darken {
    color: #dba1c4 !important; }
  .redonion-light-text.lighten {
    color: #f7ebf2 !important; }

.redonion-light-bg {
  background-color: #E9C6DB !important; }
  .redonion-light-bg.button {
    /*@at-root a.redonion-light-bg.button {*/ }
    .redonion-light-bg.button:hover {
      background: #dba1c4 !important; }
  .redonion-light-bg.darken {
    background: #dba1c4 !important; }
  .redonion-light-bg.lighten {
    background: #f7ebf2 !important; }

.redonion-light-fill.hover-darken svg:hover {
  fill: #dba1c4 !important; }

.redonion-light-fill.hover-darken.darken svg:hover {
  fill: #cd7cad !important; }

.redonion-light-fill.hover-lighten svg {
  fill: #f7ebf2 !important; }

.redonion-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.redonion-light-fill svg {
  fill: #E9C6DB !important; }

.redonion-light-fill.darken svg {
  fill: #dba1c4 !important; }

.redonion-light-fill.lighten svg {
  fill: #f7ebf2 !important; }

.redonion-light-stroke.hover-darken svg:hover {
  stroke: #dba1c4 !important; }

.redonion-light-stroke.hover-darken.darken svg:hover {
  stroke: #cd7cad !important; }

.redonion-light-stroke.hover-lighten svg {
  stroke: #f7ebf2 !important; }

.redonion-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.redonion-light-stroke svg {
  stroke: #E9C6DB !important; }

.redonion-light-stroke.darken svg {
  stroke: #dba1c4 !important; }

.redonion-light-stroke.lighten svg {
  stroke: #f7ebf2 !important; }

.redonion-light-hexagon {
  background-color: #E9C6DB !important; }

.butternut-text {
  color: #E1CCA1 !important; }
  .butternut-text.darken {
    color: #d5b77a !important; }
  .butternut-text.lighten {
    color: #ede1c8 !important; }

.butternut-bg {
  background-color: #E1CCA1 !important; }
  .butternut-bg.button {
    /*@at-root a.butternut-bg.button {*/ }
    .butternut-bg.button:hover {
      background: #d5b77a !important; }
  .butternut-bg.darken {
    background: #d5b77a !important; }
  .butternut-bg.lighten {
    background: #ede1c8 !important; }

.butternut-fill.hover-darken svg:hover {
  fill: #d5b77a !important; }

.butternut-fill.hover-darken.darken svg:hover {
  fill: #c8a254 !important; }

.butternut-fill.hover-lighten svg {
  fill: #ede1c8 !important; }

.butternut-fill.hover-lighten.lighten svg {
  fill: #faf6ee !important; }

.butternut-fill svg {
  fill: #E1CCA1 !important; }

.butternut-fill.darken svg {
  fill: #d5b77a !important; }

.butternut-fill.lighten svg {
  fill: #ede1c8 !important; }

.butternut-stroke.hover-darken svg:hover {
  stroke: #d5b77a !important; }

.butternut-stroke.hover-darken.darken svg:hover {
  stroke: #c8a254 !important; }

.butternut-stroke.hover-lighten svg {
  stroke: #ede1c8 !important; }

.butternut-stroke.hover-lighten.lighten svg {
  stroke: #faf6ee !important; }

.butternut-stroke svg {
  stroke: #E1CCA1 !important; }

.butternut-stroke.darken svg {
  stroke: #d5b77a !important; }

.butternut-stroke.lighten svg {
  stroke: #ede1c8 !important; }

.butternut-hexagon {
  background-color: #E1CCA1 !important; }

.butternut-light-text {
  color: #EBDEC2 !important; }
  .butternut-light-text.darken {
    color: #dec99c !important; }
  .butternut-light-text.lighten {
    color: #f8f3e8 !important; }

.butternut-light-bg {
  background-color: #EBDEC2 !important; }
  .butternut-light-bg.button {
    /*@at-root a.butternut-light-bg.button {*/ }
    .butternut-light-bg.button:hover {
      background: #dec99c !important; }
  .butternut-light-bg.darken {
    background: #dec99c !important; }
  .butternut-light-bg.lighten {
    background: #f8f3e8 !important; }

.butternut-light-fill.hover-darken svg:hover {
  fill: #dec99c !important; }

.butternut-light-fill.hover-darken.darken svg:hover {
  fill: #d2b475 !important; }

.butternut-light-fill.hover-lighten svg {
  fill: #f8f3e8 !important; }

.butternut-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.butternut-light-fill svg {
  fill: #EBDEC2 !important; }

.butternut-light-fill.darken svg {
  fill: #dec99c !important; }

.butternut-light-fill.lighten svg {
  fill: #f8f3e8 !important; }

.butternut-light-stroke.hover-darken svg:hover {
  stroke: #dec99c !important; }

.butternut-light-stroke.hover-darken.darken svg:hover {
  stroke: #d2b475 !important; }

.butternut-light-stroke.hover-lighten svg {
  stroke: #f8f3e8 !important; }

.butternut-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.butternut-light-stroke svg {
  stroke: #EBDEC2 !important; }

.butternut-light-stroke.darken svg {
  stroke: #dec99c !important; }

.butternut-light-stroke.lighten svg {
  stroke: #f8f3e8 !important; }

.butternut-light-hexagon {
  background-color: #EBDEC2 !important; }

.sweetcorn-text {
  color: #E3CF6A !important; }
  .sweetcorn-text.darken {
    color: #dbc13f !important; }
  .sweetcorn-text.lighten {
    color: #ebdd95 !important; }

.sweetcorn-bg {
  background-color: #E3CF6A !important; }
  .sweetcorn-bg.button {
    /*@at-root a.sweetcorn-bg.button {*/ }
    .sweetcorn-bg.button:hover {
      background: #dbc13f !important; }
  .sweetcorn-bg.darken {
    background: #dbc13f !important; }
  .sweetcorn-bg.lighten {
    background: #ebdd95 !important; }

.sweetcorn-fill.hover-darken svg:hover {
  fill: #dbc13f !important; }

.sweetcorn-fill.hover-darken.darken svg:hover {
  fill: #c2a825 !important; }

.sweetcorn-fill.hover-lighten svg {
  fill: #ebdd95 !important; }

.sweetcorn-fill.hover-lighten.lighten svg {
  fill: #f3ebc0 !important; }

.sweetcorn-fill svg {
  fill: #E3CF6A !important; }

.sweetcorn-fill.darken svg {
  fill: #dbc13f !important; }

.sweetcorn-fill.lighten svg {
  fill: #ebdd95 !important; }

.sweetcorn-stroke.hover-darken svg:hover {
  stroke: #dbc13f !important; }

.sweetcorn-stroke.hover-darken.darken svg:hover {
  stroke: #c2a825 !important; }

.sweetcorn-stroke.hover-lighten svg {
  stroke: #ebdd95 !important; }

.sweetcorn-stroke.hover-lighten.lighten svg {
  stroke: #f3ebc0 !important; }

.sweetcorn-stroke svg {
  stroke: #E3CF6A !important; }

.sweetcorn-stroke.darken svg {
  stroke: #dbc13f !important; }

.sweetcorn-stroke.lighten svg {
  stroke: #ebdd95 !important; }

.sweetcorn-hexagon {
  background-color: #E3CF6A !important; }

.sweetcorn-light-text {
  color: #EFE085 !important; }
  .sweetcorn-light-text.darken {
    color: #e9d558 !important; }
  .sweetcorn-light-text.lighten {
    color: #f5ebb2 !important; }

.sweetcorn-light-bg {
  background-color: #EFE085 !important; }
  .sweetcorn-light-bg.button {
    /*@at-root a.sweetcorn-light-bg.button {*/ }
    .sweetcorn-light-bg.button:hover {
      background: #e9d558 !important; }
  .sweetcorn-light-bg.darken {
    background: #e9d558 !important; }
  .sweetcorn-light-bg.lighten {
    background: #f5ebb2 !important; }

.sweetcorn-light-fill.hover-darken svg:hover {
  fill: #e9d558 !important; }

.sweetcorn-light-fill.hover-darken.darken svg:hover {
  fill: #e3c92b !important; }

.sweetcorn-light-fill.hover-lighten svg {
  fill: #f5ebb2 !important; }

.sweetcorn-light-fill.hover-lighten.lighten svg {
  fill: #fbf7df !important; }

.sweetcorn-light-fill svg {
  fill: #EFE085 !important; }

.sweetcorn-light-fill.darken svg {
  fill: #e9d558 !important; }

.sweetcorn-light-fill.lighten svg {
  fill: #f5ebb2 !important; }

.sweetcorn-light-stroke.hover-darken svg:hover {
  stroke: #e9d558 !important; }

.sweetcorn-light-stroke.hover-darken.darken svg:hover {
  stroke: #e3c92b !important; }

.sweetcorn-light-stroke.hover-lighten svg {
  stroke: #f5ebb2 !important; }

.sweetcorn-light-stroke.hover-lighten.lighten svg {
  stroke: #fbf7df !important; }

.sweetcorn-light-stroke svg {
  stroke: #EFE085 !important; }

.sweetcorn-light-stroke.darken svg {
  stroke: #e9d558 !important; }

.sweetcorn-light-stroke.lighten svg {
  stroke: #f5ebb2 !important; }

.sweetcorn-light-hexagon {
  background-color: #EFE085 !important; }

.tomato-text {
  color: #D99592 !important; }
  .tomato-text.darken {
    color: #cc706c !important; }
  .tomato-text.lighten {
    color: #e6bab8 !important; }

.tomato-bg {
  background-color: #D99592 !important; }
  .tomato-bg.button {
    /*@at-root a.tomato-bg.button {*/ }
    .tomato-bg.button:hover {
      background: #cc706c !important; }
  .tomato-bg.darken {
    background: #cc706c !important; }
  .tomato-bg.lighten {
    background: #e6bab8 !important; }

.tomato-fill.hover-darken svg:hover {
  fill: #cc706c !important; }

.tomato-fill.hover-darken.darken svg:hover {
  fill: #bf4b46 !important; }

.tomato-fill.hover-lighten svg {
  fill: #e6bab8 !important; }

.tomato-fill.hover-lighten.lighten svg {
  fill: #f3dfde !important; }

.tomato-fill svg {
  fill: #D99592 !important; }

.tomato-fill.darken svg {
  fill: #cc706c !important; }

.tomato-fill.lighten svg {
  fill: #e6bab8 !important; }

.tomato-stroke.hover-darken svg:hover {
  stroke: #cc706c !important; }

.tomato-stroke.hover-darken.darken svg:hover {
  stroke: #bf4b46 !important; }

.tomato-stroke.hover-lighten svg {
  stroke: #e6bab8 !important; }

.tomato-stroke.hover-lighten.lighten svg {
  stroke: #f3dfde !important; }

.tomato-stroke svg {
  stroke: #D99592 !important; }

.tomato-stroke.darken svg {
  stroke: #cc706c !important; }

.tomato-stroke.lighten svg {
  stroke: #e6bab8 !important; }

.tomato-hexagon {
  background-color: #D99592 !important; }

.tomato-light-text {
  color: #E1B8B4 !important; }
  .tomato-light-text.darken {
    color: #d29690 !important; }
  .tomato-light-text.lighten {
    color: #f0dad8 !important; }

.tomato-light-bg {
  background-color: #E1B8B4 !important; }
  .tomato-light-bg.button {
    /*@at-root a.tomato-light-bg.button {*/ }
    .tomato-light-bg.button:hover {
      background: #d29690 !important; }
  .tomato-light-bg.darken {
    background: #d29690 !important; }
  .tomato-light-bg.lighten {
    background: #f0dad8 !important; }

.tomato-light-fill.hover-darken svg:hover {
  fill: #d29690 !important; }

.tomato-light-fill.hover-darken.darken svg:hover {
  fill: #c4736b !important; }

.tomato-light-fill.hover-lighten svg {
  fill: #f0dad8 !important; }

.tomato-light-fill.hover-lighten.lighten svg {
  fill: #fefdfd !important; }

.tomato-light-fill svg {
  fill: #E1B8B4 !important; }

.tomato-light-fill.darken svg {
  fill: #d29690 !important; }

.tomato-light-fill.lighten svg {
  fill: #f0dad8 !important; }

.tomato-light-stroke.hover-darken svg:hover {
  stroke: #d29690 !important; }

.tomato-light-stroke.hover-darken.darken svg:hover {
  stroke: #c4736b !important; }

.tomato-light-stroke.hover-lighten svg {
  stroke: #f0dad8 !important; }

.tomato-light-stroke.hover-lighten.lighten svg {
  stroke: #fefdfd !important; }

.tomato-light-stroke svg {
  stroke: #E1B8B4 !important; }

.tomato-light-stroke.darken svg {
  stroke: #d29690 !important; }

.tomato-light-stroke.lighten svg {
  stroke: #f0dad8 !important; }

.tomato-light-hexagon {
  background-color: #E1B8B4 !important; }

.coriander-text {
  color: #A5AF80 !important; }
  .coriander-text.darken {
    color: #8e9b61 !important; }
  .coriander-text.lighten {
    color: #bbc39f !important; }

.coriander-bg {
  background-color: #A5AF80 !important; }
  .coriander-bg.button {
    /*@at-root a.coriander-bg.button {*/ }
    .coriander-bg.button:hover {
      background: #8e9b61 !important; }
  .coriander-bg.darken {
    background: #8e9b61 !important; }
  .coriander-bg.lighten {
    background: #bbc39f !important; }

.coriander-fill.hover-darken svg:hover {
  fill: #8e9b61 !important; }

.coriander-fill.hover-darken.darken svg:hover {
  fill: #727b4e !important; }

.coriander-fill.hover-lighten svg {
  fill: #bbc39f !important; }

.coriander-fill.hover-lighten.lighten svg {
  fill: #d1d6bf !important; }

.coriander-fill svg {
  fill: #A5AF80 !important; }

.coriander-fill.darken svg {
  fill: #8e9b61 !important; }

.coriander-fill.lighten svg {
  fill: #bbc39f !important; }

.coriander-stroke.hover-darken svg:hover {
  stroke: #8e9b61 !important; }

.coriander-stroke.hover-darken.darken svg:hover {
  stroke: #727b4e !important; }

.coriander-stroke.hover-lighten svg {
  stroke: #bbc39f !important; }

.coriander-stroke.hover-lighten.lighten svg {
  stroke: #d1d6bf !important; }

.coriander-stroke svg {
  stroke: #A5AF80 !important; }

.coriander-stroke.darken svg {
  stroke: #8e9b61 !important; }

.coriander-stroke.lighten svg {
  stroke: #bbc39f !important; }

.coriander-hexagon {
  background-color: #A5AF80 !important; }

.coriander-light-text {
  color: #B5BD9C !important; }
  .coriander-light-text.darken {
    color: #9ea97d !important; }
  .coriander-light-text.lighten {
    color: #ccd1bb !important; }

.coriander-light-bg {
  background-color: #B5BD9C !important; }
  .coriander-light-bg.button {
    /*@at-root a.coriander-light-bg.button {*/ }
    .coriander-light-bg.button:hover {
      background: #9ea97d !important; }
  .coriander-light-bg.darken {
    background: #9ea97d !important; }
  .coriander-light-bg.lighten {
    background: #ccd1bb !important; }

.coriander-light-fill.hover-darken svg:hover {
  fill: #9ea97d !important; }

.coriander-light-fill.hover-darken.darken svg:hover {
  fill: #869261 !important; }

.coriander-light-fill.hover-lighten svg {
  fill: #ccd1bb !important; }

.coriander-light-fill.hover-lighten.lighten svg {
  fill: #e3e6d9 !important; }

.coriander-light-fill svg {
  fill: #B5BD9C !important; }

.coriander-light-fill.darken svg {
  fill: #9ea97d !important; }

.coriander-light-fill.lighten svg {
  fill: #ccd1bb !important; }

.coriander-light-stroke.hover-darken svg:hover {
  stroke: #9ea97d !important; }

.coriander-light-stroke.hover-darken.darken svg:hover {
  stroke: #869261 !important; }

.coriander-light-stroke.hover-lighten svg {
  stroke: #ccd1bb !important; }

.coriander-light-stroke.hover-lighten.lighten svg {
  stroke: #e3e6d9 !important; }

.coriander-light-stroke svg {
  stroke: #B5BD9C !important; }

.coriander-light-stroke.darken svg {
  stroke: #9ea97d !important; }

.coriander-light-stroke.lighten svg {
  stroke: #ccd1bb !important; }

.coriander-light-hexagon {
  background-color: #B5BD9C !important; }

.oregano-text {
  color: #A0CDD4 !important; }
  .oregano-text.darken {
    color: #7dbbc4 !important; }
  .oregano-text.lighten {
    color: #c3dfe4 !important; }

.oregano-bg {
  background-color: #A0CDD4 !important; }
  .oregano-bg.button {
    /*@at-root a.oregano-bg.button {*/ }
    .oregano-bg.button:hover {
      background: #7dbbc4 !important; }
  .oregano-bg.darken {
    background: #7dbbc4 !important; }
  .oregano-bg.lighten {
    background: #c3dfe4 !important; }

.oregano-fill.hover-darken svg:hover {
  fill: #7dbbc4 !important; }

.oregano-fill.hover-darken.darken svg:hover {
  fill: #5aa8b4 !important; }

.oregano-fill.hover-lighten svg {
  fill: #c3dfe4 !important; }

.oregano-fill.hover-lighten.lighten svg {
  fill: #e6f2f4 !important; }

.oregano-fill svg {
  fill: #A0CDD4 !important; }

.oregano-fill.darken svg {
  fill: #7dbbc4 !important; }

.oregano-fill.lighten svg {
  fill: #c3dfe4 !important; }

.oregano-stroke.hover-darken svg:hover {
  stroke: #7dbbc4 !important; }

.oregano-stroke.hover-darken.darken svg:hover {
  stroke: #5aa8b4 !important; }

.oregano-stroke.hover-lighten svg {
  stroke: #c3dfe4 !important; }

.oregano-stroke.hover-lighten.lighten svg {
  stroke: #e6f2f4 !important; }

.oregano-stroke svg {
  stroke: #A0CDD4 !important; }

.oregano-stroke.darken svg {
  stroke: #7dbbc4 !important; }

.oregano-stroke.lighten svg {
  stroke: #c3dfe4 !important; }

.oregano-hexagon {
  background-color: #A0CDD4 !important; }

.oregano-light-text {
  color: #BDDCE3 !important; }
  .oregano-light-text.darken {
    color: #99c9d4 !important; }
  .oregano-light-text.lighten {
    color: #e1eff2 !important; }

.oregano-light-bg {
  background-color: #BDDCE3 !important; }
  .oregano-light-bg.button {
    /*@at-root a.oregano-light-bg.button {*/ }
    .oregano-light-bg.button:hover {
      background: #99c9d4 !important; }
  .oregano-light-bg.darken {
    background: #99c9d4 !important; }
  .oregano-light-bg.lighten {
    background: #e1eff2 !important; }

.oregano-light-fill.hover-darken svg:hover {
  fill: #99c9d4 !important; }

.oregano-light-fill.hover-darken.darken svg:hover {
  fill: #75b6c5 !important; }

.oregano-light-fill.hover-lighten svg {
  fill: #e1eff2 !important; }

.oregano-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.oregano-light-fill svg {
  fill: #BDDCE3 !important; }

.oregano-light-fill.darken svg {
  fill: #99c9d4 !important; }

.oregano-light-fill.lighten svg {
  fill: #e1eff2 !important; }

.oregano-light-stroke.hover-darken svg:hover {
  stroke: #99c9d4 !important; }

.oregano-light-stroke.hover-darken.darken svg:hover {
  stroke: #75b6c5 !important; }

.oregano-light-stroke.hover-lighten svg {
  stroke: #e1eff2 !important; }

.oregano-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.oregano-light-stroke svg {
  stroke: #BDDCE3 !important; }

.oregano-light-stroke.darken svg {
  stroke: #99c9d4 !important; }

.oregano-light-stroke.lighten svg {
  stroke: #e1eff2 !important; }

.oregano-light-hexagon {
  background-color: #BDDCE3 !important; }

.thyme-text {
  color: #CFCA8A !important; }
  .thyme-text.darken {
    color: #c0ba66 !important; }
  .thyme-text.lighten {
    color: #dedaae !important; }

.thyme-bg {
  background-color: #CFCA8A !important; }
  .thyme-bg.button {
    /*@at-root a.thyme-bg.button {*/ }
    .thyme-bg.button:hover {
      background: #c0ba66 !important; }
  .thyme-bg.darken {
    background: #c0ba66 !important; }
  .thyme-bg.lighten {
    background: #dedaae !important; }

.thyme-fill.hover-darken svg:hover {
  fill: #c0ba66 !important; }

.thyme-fill.hover-darken.darken svg:hover {
  fill: #aca547 !important; }

.thyme-fill.hover-lighten svg {
  fill: #dedaae !important; }

.thyme-fill.hover-lighten.lighten svg {
  fill: #edebd2 !important; }

.thyme-fill svg {
  fill: #CFCA8A !important; }

.thyme-fill.darken svg {
  fill: #c0ba66 !important; }

.thyme-fill.lighten svg {
  fill: #dedaae !important; }

.thyme-stroke.hover-darken svg:hover {
  stroke: #c0ba66 !important; }

.thyme-stroke.hover-darken.darken svg:hover {
  stroke: #aca547 !important; }

.thyme-stroke.hover-lighten svg {
  stroke: #dedaae !important; }

.thyme-stroke.hover-lighten.lighten svg {
  stroke: #edebd2 !important; }

.thyme-stroke svg {
  stroke: #CFCA8A !important; }

.thyme-stroke.darken svg {
  stroke: #c0ba66 !important; }

.thyme-stroke.lighten svg {
  stroke: #dedaae !important; }

.thyme-hexagon {
  background-color: #CFCA8A !important; }

.thyme-light-text {
  color: #DCD9A2 !important; }
  .thyme-light-text.darken {
    color: #ceca7d !important; }
  .thyme-light-text.lighten {
    color: #eae8c7 !important; }

.thyme-light-bg {
  background-color: #DCD9A2 !important; }
  .thyme-light-bg.button {
    /*@at-root a.thyme-light-bg.button {*/ }
    .thyme-light-bg.button:hover {
      background: #ceca7d !important; }
  .thyme-light-bg.darken {
    background: #ceca7d !important; }
  .thyme-light-bg.lighten {
    background: #eae8c7 !important; }

.thyme-light-fill.hover-darken svg:hover {
  fill: #ceca7d !important; }

.thyme-light-fill.hover-darken.darken svg:hover {
  fill: #c0bb58 !important; }

.thyme-light-fill.hover-lighten svg {
  fill: #eae8c7 !important; }

.thyme-light-fill.hover-lighten.lighten svg {
  fill: #f8f7ec !important; }

.thyme-light-fill svg {
  fill: #DCD9A2 !important; }

.thyme-light-fill.darken svg {
  fill: #ceca7d !important; }

.thyme-light-fill.lighten svg {
  fill: #eae8c7 !important; }

.thyme-light-stroke.hover-darken svg:hover {
  stroke: #ceca7d !important; }

.thyme-light-stroke.hover-darken.darken svg:hover {
  stroke: #c0bb58 !important; }

.thyme-light-stroke.hover-lighten svg {
  stroke: #eae8c7 !important; }

.thyme-light-stroke.hover-lighten.lighten svg {
  stroke: #f8f7ec !important; }

.thyme-light-stroke svg {
  stroke: #DCD9A2 !important; }

.thyme-light-stroke.darken svg {
  stroke: #ceca7d !important; }

.thyme-light-stroke.lighten svg {
  stroke: #eae8c7 !important; }

.thyme-light-hexagon {
  background-color: #DCD9A2 !important; }

.sunflower-text {
  color: #E3CF6A !important; }
  .sunflower-text.darken {
    color: #dbc13f !important; }
  .sunflower-text.lighten {
    color: #ebdd95 !important; }

.sunflower-bg {
  background-color: #E3CF6A !important; }
  .sunflower-bg.button {
    /*@at-root a.sunflower-bg.button {*/ }
    .sunflower-bg.button:hover {
      background: #dbc13f !important; }
  .sunflower-bg.darken {
    background: #dbc13f !important; }
  .sunflower-bg.lighten {
    background: #ebdd95 !important; }

.sunflower-fill.hover-darken svg:hover {
  fill: #dbc13f !important; }

.sunflower-fill.hover-darken.darken svg:hover {
  fill: #c2a825 !important; }

.sunflower-fill.hover-lighten svg {
  fill: #ebdd95 !important; }

.sunflower-fill.hover-lighten.lighten svg {
  fill: #f3ebc0 !important; }

.sunflower-fill svg {
  fill: #E3CF6A !important; }

.sunflower-fill.darken svg {
  fill: #dbc13f !important; }

.sunflower-fill.lighten svg {
  fill: #ebdd95 !important; }

.sunflower-stroke.hover-darken svg:hover {
  stroke: #dbc13f !important; }

.sunflower-stroke.hover-darken.darken svg:hover {
  stroke: #c2a825 !important; }

.sunflower-stroke.hover-lighten svg {
  stroke: #ebdd95 !important; }

.sunflower-stroke.hover-lighten.lighten svg {
  stroke: #f3ebc0 !important; }

.sunflower-stroke svg {
  stroke: #E3CF6A !important; }

.sunflower-stroke.darken svg {
  stroke: #dbc13f !important; }

.sunflower-stroke.lighten svg {
  stroke: #ebdd95 !important; }

.sunflower-hexagon {
  background-color: #E3CF6A !important; }

.sunflower-light-text {
  color: #EFE085 !important; }
  .sunflower-light-text.darken {
    color: #e9d558 !important; }
  .sunflower-light-text.lighten {
    color: #f5ebb2 !important; }

.sunflower-light-bg {
  background-color: #EFE085 !important; }
  .sunflower-light-bg.button {
    /*@at-root a.sunflower-light-bg.button {*/ }
    .sunflower-light-bg.button:hover {
      background: #e9d558 !important; }
  .sunflower-light-bg.darken {
    background: #e9d558 !important; }
  .sunflower-light-bg.lighten {
    background: #f5ebb2 !important; }

.sunflower-light-fill.hover-darken svg:hover {
  fill: #e9d558 !important; }

.sunflower-light-fill.hover-darken.darken svg:hover {
  fill: #e3c92b !important; }

.sunflower-light-fill.hover-lighten svg {
  fill: #f5ebb2 !important; }

.sunflower-light-fill.hover-lighten.lighten svg {
  fill: #fbf7df !important; }

.sunflower-light-fill svg {
  fill: #EFE085 !important; }

.sunflower-light-fill.darken svg {
  fill: #e9d558 !important; }

.sunflower-light-fill.lighten svg {
  fill: #f5ebb2 !important; }

.sunflower-light-stroke.hover-darken svg:hover {
  stroke: #e9d558 !important; }

.sunflower-light-stroke.hover-darken.darken svg:hover {
  stroke: #e3c92b !important; }

.sunflower-light-stroke.hover-lighten svg {
  stroke: #f5ebb2 !important; }

.sunflower-light-stroke.hover-lighten.lighten svg {
  stroke: #fbf7df !important; }

.sunflower-light-stroke svg {
  stroke: #EFE085 !important; }

.sunflower-light-stroke.darken svg {
  stroke: #e9d558 !important; }

.sunflower-light-stroke.lighten svg {
  stroke: #f5ebb2 !important; }

.sunflower-light-hexagon {
  background-color: #EFE085 !important; }

.purpletansy-text {
  color: #C0C0DE !important; }
  .purpletansy-text.darken {
    color: #9f9fcc !important; }
  .purpletansy-text.lighten {
    color: #e1e1f0 !important; }

.purpletansy-bg {
  background-color: #C0C0DE !important; }
  .purpletansy-bg.button {
    /*@at-root a.purpletansy-bg.button {*/ }
    .purpletansy-bg.button:hover {
      background: #9f9fcc !important; }
  .purpletansy-bg.darken {
    background: #9f9fcc !important; }
  .purpletansy-bg.lighten {
    background: #e1e1f0 !important; }

.purpletansy-fill.hover-darken svg:hover {
  fill: #9f9fcc !important; }

.purpletansy-fill.hover-darken.darken svg:hover {
  fill: #7d7dbb !important; }

.purpletansy-fill.hover-lighten svg {
  fill: #e1e1f0 !important; }

.purpletansy-fill.hover-lighten.lighten svg {
  fill: white !important; }

.purpletansy-fill svg {
  fill: #C0C0DE !important; }

.purpletansy-fill.darken svg {
  fill: #9f9fcc !important; }

.purpletansy-fill.lighten svg {
  fill: #e1e1f0 !important; }

.purpletansy-stroke.hover-darken svg:hover {
  stroke: #9f9fcc !important; }

.purpletansy-stroke.hover-darken.darken svg:hover {
  stroke: #7d7dbb !important; }

.purpletansy-stroke.hover-lighten svg {
  stroke: #e1e1f0 !important; }

.purpletansy-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.purpletansy-stroke svg {
  stroke: #C0C0DE !important; }

.purpletansy-stroke.darken svg {
  stroke: #9f9fcc !important; }

.purpletansy-stroke.lighten svg {
  stroke: #e1e1f0 !important; }

.purpletansy-hexagon {
  background-color: #C0C0DE !important; }

.purpletansy-light-text {
  color: #E0E0EC !important; }
  .purpletansy-light-text.darken {
    color: #c0c0d9 !important; }
  .purpletansy-light-text.lighten {
    color: white !important; }

.purpletansy-light-bg {
  background-color: #E0E0EC !important; }
  .purpletansy-light-bg.button {
    /*@at-root a.purpletansy-light-bg.button {*/ }
    .purpletansy-light-bg.button:hover {
      background: #c0c0d9 !important; }
  .purpletansy-light-bg.darken {
    background: #c0c0d9 !important; }
  .purpletansy-light-bg.lighten {
    background: white !important; }

.purpletansy-light-fill.hover-darken svg:hover {
  fill: #c0c0d9 !important; }

.purpletansy-light-fill.hover-darken.darken svg:hover {
  fill: #a1a1c5 !important; }

.purpletansy-light-fill.hover-lighten svg {
  fill: white !important; }

.purpletansy-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.purpletansy-light-fill svg {
  fill: #E0E0EC !important; }

.purpletansy-light-fill.darken svg {
  fill: #c0c0d9 !important; }

.purpletansy-light-fill.lighten svg {
  fill: white !important; }

.purpletansy-light-stroke.hover-darken svg:hover {
  stroke: #c0c0d9 !important; }

.purpletansy-light-stroke.hover-darken.darken svg:hover {
  stroke: #a1a1c5 !important; }

.purpletansy-light-stroke.hover-lighten svg {
  stroke: white !important; }

.purpletansy-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.purpletansy-light-stroke svg {
  stroke: #E0E0EC !important; }

.purpletansy-light-stroke.darken svg {
  stroke: #c0c0d9 !important; }

.purpletansy-light-stroke.lighten svg {
  stroke: white !important; }

.purpletansy-light-hexagon {
  background-color: #E0E0EC !important; }

.swanplant-text {
  color: #BACA8A !important; }
  .swanplant-text.darken {
    color: #a5ba67 !important; }
  .swanplant-text.lighten {
    color: #cfdaad !important; }

.swanplant-bg {
  background-color: #BACA8A !important; }
  .swanplant-bg.button {
    /*@at-root a.swanplant-bg.button {*/ }
    .swanplant-bg.button:hover {
      background: #a5ba67 !important; }
  .swanplant-bg.darken {
    background: #a5ba67 !important; }
  .swanplant-bg.lighten {
    background: #cfdaad !important; }

.swanplant-fill.hover-darken svg:hover {
  fill: #a5ba67 !important; }

.swanplant-fill.hover-darken.darken svg:hover {
  fill: #8da44a !important; }

.swanplant-fill.hover-lighten svg {
  fill: #cfdaad !important; }

.swanplant-fill.hover-lighten.lighten svg {
  fill: #e3ead0 !important; }

.swanplant-fill svg {
  fill: #BACA8A !important; }

.swanplant-fill.darken svg {
  fill: #a5ba67 !important; }

.swanplant-fill.lighten svg {
  fill: #cfdaad !important; }

.swanplant-stroke.hover-darken svg:hover {
  stroke: #a5ba67 !important; }

.swanplant-stroke.hover-darken.darken svg:hover {
  stroke: #8da44a !important; }

.swanplant-stroke.hover-lighten svg {
  stroke: #cfdaad !important; }

.swanplant-stroke.hover-lighten.lighten svg {
  stroke: #e3ead0 !important; }

.swanplant-stroke svg {
  stroke: #BACA8A !important; }

.swanplant-stroke.darken svg {
  stroke: #a5ba67 !important; }

.swanplant-stroke.lighten svg {
  stroke: #cfdaad !important; }

.swanplant-hexagon {
  background-color: #BACA8A !important; }

.swanplant-light-text {
  color: #CCDEA0 !important; }
  .swanplant-light-text.darken {
    color: #b8d17a !important; }
  .swanplant-light-text.lighten {
    color: #e0ebc6 !important; }

.swanplant-light-bg {
  background-color: #CCDEA0 !important; }
  .swanplant-light-bg.button {
    /*@at-root a.swanplant-light-bg.button {*/ }
    .swanplant-light-bg.button:hover {
      background: #b8d17a !important; }
  .swanplant-light-bg.darken {
    background: #b8d17a !important; }
  .swanplant-light-bg.lighten {
    background: #e0ebc6 !important; }

.swanplant-light-fill.hover-darken svg:hover {
  fill: #b8d17a !important; }

.swanplant-light-fill.hover-darken.darken svg:hover {
  fill: #a3c454 !important; }

.swanplant-light-fill.hover-lighten svg {
  fill: #e0ebc6 !important; }

.swanplant-light-fill.hover-lighten.lighten svg {
  fill: #f5f8ec !important; }

.swanplant-light-fill svg {
  fill: #CCDEA0 !important; }

.swanplant-light-fill.darken svg {
  fill: #b8d17a !important; }

.swanplant-light-fill.lighten svg {
  fill: #e0ebc6 !important; }

.swanplant-light-stroke.hover-darken svg:hover {
  stroke: #b8d17a !important; }

.swanplant-light-stroke.hover-darken.darken svg:hover {
  stroke: #a3c454 !important; }

.swanplant-light-stroke.hover-lighten svg {
  stroke: #e0ebc6 !important; }

.swanplant-light-stroke.hover-lighten.lighten svg {
  stroke: #f5f8ec !important; }

.swanplant-light-stroke svg {
  stroke: #CCDEA0 !important; }

.swanplant-light-stroke.darken svg {
  stroke: #b8d17a !important; }

.swanplant-light-stroke.lighten svg {
  stroke: #e0ebc6 !important; }

.swanplant-light-hexagon {
  background-color: #CCDEA0 !important; }

.nasturtium-text {
  color: #D99592 !important; }
  .nasturtium-text.darken {
    color: #cc706c !important; }
  .nasturtium-text.lighten {
    color: #e6bab8 !important; }

.nasturtium-bg {
  background-color: #D99592 !important; }
  .nasturtium-bg.button {
    /*@at-root a.nasturtium-bg.button {*/ }
    .nasturtium-bg.button:hover {
      background: #cc706c !important; }
  .nasturtium-bg.darken {
    background: #cc706c !important; }
  .nasturtium-bg.lighten {
    background: #e6bab8 !important; }

.nasturtium-fill.hover-darken svg:hover {
  fill: #cc706c !important; }

.nasturtium-fill.hover-darken.darken svg:hover {
  fill: #bf4b46 !important; }

.nasturtium-fill.hover-lighten svg {
  fill: #e6bab8 !important; }

.nasturtium-fill.hover-lighten.lighten svg {
  fill: #f3dfde !important; }

.nasturtium-fill svg {
  fill: #D99592 !important; }

.nasturtium-fill.darken svg {
  fill: #cc706c !important; }

.nasturtium-fill.lighten svg {
  fill: #e6bab8 !important; }

.nasturtium-stroke.hover-darken svg:hover {
  stroke: #cc706c !important; }

.nasturtium-stroke.hover-darken.darken svg:hover {
  stroke: #bf4b46 !important; }

.nasturtium-stroke.hover-lighten svg {
  stroke: #e6bab8 !important; }

.nasturtium-stroke.hover-lighten.lighten svg {
  stroke: #f3dfde !important; }

.nasturtium-stroke svg {
  stroke: #D99592 !important; }

.nasturtium-stroke.darken svg {
  stroke: #cc706c !important; }

.nasturtium-stroke.lighten svg {
  stroke: #e6bab8 !important; }

.nasturtium-hexagon {
  background-color: #D99592 !important; }

.nasturtium-light-text {
  color: #E1B8B4 !important; }
  .nasturtium-light-text.darken {
    color: #d29690 !important; }
  .nasturtium-light-text.lighten {
    color: #f0dad8 !important; }

.nasturtium-light-bg {
  background-color: #E1B8B4 !important; }
  .nasturtium-light-bg.button {
    /*@at-root a.nasturtium-light-bg.button {*/ }
    .nasturtium-light-bg.button:hover {
      background: #d29690 !important; }
  .nasturtium-light-bg.darken {
    background: #d29690 !important; }
  .nasturtium-light-bg.lighten {
    background: #f0dad8 !important; }

.nasturtium-light-fill.hover-darken svg:hover {
  fill: #d29690 !important; }

.nasturtium-light-fill.hover-darken.darken svg:hover {
  fill: #c4736b !important; }

.nasturtium-light-fill.hover-lighten svg {
  fill: #f0dad8 !important; }

.nasturtium-light-fill.hover-lighten.lighten svg {
  fill: #fefdfd !important; }

.nasturtium-light-fill svg {
  fill: #E1B8B4 !important; }

.nasturtium-light-fill.darken svg {
  fill: #d29690 !important; }

.nasturtium-light-fill.lighten svg {
  fill: #f0dad8 !important; }

.nasturtium-light-stroke.hover-darken svg:hover {
  stroke: #d29690 !important; }

.nasturtium-light-stroke.hover-darken.darken svg:hover {
  stroke: #c4736b !important; }

.nasturtium-light-stroke.hover-lighten svg {
  stroke: #f0dad8 !important; }

.nasturtium-light-stroke.hover-lighten.lighten svg {
  stroke: #fefdfd !important; }

.nasturtium-light-stroke svg {
  stroke: #E1B8B4 !important; }

.nasturtium-light-stroke.darken svg {
  stroke: #d29690 !important; }

.nasturtium-light-stroke.lighten svg {
  stroke: #f0dad8 !important; }

.nasturtium-light-hexagon {
  background-color: #E1B8B4 !important; }

.pansy-text {
  color: #C3ABD4 !important; }
  .pansy-text.darken {
    color: #ab89c3 !important; }
  .pansy-text.lighten {
    color: #dbcde5 !important; }

.pansy-bg {
  background-color: #C3ABD4 !important; }
  .pansy-bg.button {
    /*@at-root a.pansy-bg.button {*/ }
    .pansy-bg.button:hover {
      background: #ab89c3 !important; }
  .pansy-bg.darken {
    background: #ab89c3 !important; }
  .pansy-bg.lighten {
    background: #dbcde5 !important; }

.pansy-fill.hover-darken svg:hover {
  fill: #ab89c3 !important; }

.pansy-fill.hover-darken.darken svg:hover {
  fill: #9368b1 !important; }

.pansy-fill.hover-lighten svg {
  fill: #dbcde5 !important; }

.pansy-fill.hover-lighten.lighten svg {
  fill: #f3eef7 !important; }

.pansy-fill svg {
  fill: #C3ABD4 !important; }

.pansy-fill.darken svg {
  fill: #ab89c3 !important; }

.pansy-fill.lighten svg {
  fill: #dbcde5 !important; }

.pansy-stroke.hover-darken svg:hover {
  stroke: #ab89c3 !important; }

.pansy-stroke.hover-darken.darken svg:hover {
  stroke: #9368b1 !important; }

.pansy-stroke.hover-lighten svg {
  stroke: #dbcde5 !important; }

.pansy-stroke.hover-lighten.lighten svg {
  stroke: #f3eef7 !important; }

.pansy-stroke svg {
  stroke: #C3ABD4 !important; }

.pansy-stroke.darken svg {
  stroke: #ab89c3 !important; }

.pansy-stroke.lighten svg {
  stroke: #dbcde5 !important; }

.pansy-hexagon {
  background-color: #C3ABD4 !important; }

.pansy-light-text {
  color: #DDCDE6 !important; }
  .pansy-light-text.darken {
    color: #c6abd5 !important; }
  .pansy-light-text.lighten {
    color: #f4eff7 !important; }

.pansy-light-bg {
  background-color: #DDCDE6 !important; }
  .pansy-light-bg.button {
    /*@at-root a.pansy-light-bg.button {*/ }
    .pansy-light-bg.button:hover {
      background: #c6abd5 !important; }
  .pansy-light-bg.darken {
    background: #c6abd5 !important; }
  .pansy-light-bg.lighten {
    background: #f4eff7 !important; }

.pansy-light-fill.hover-darken svg:hover {
  fill: #c6abd5 !important; }

.pansy-light-fill.hover-darken.darken svg:hover {
  fill: #af89c4 !important; }

.pansy-light-fill.hover-lighten svg {
  fill: #f4eff7 !important; }

.pansy-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.pansy-light-fill svg {
  fill: #DDCDE6 !important; }

.pansy-light-fill.darken svg {
  fill: #c6abd5 !important; }

.pansy-light-fill.lighten svg {
  fill: #f4eff7 !important; }

.pansy-light-stroke.hover-darken svg:hover {
  stroke: #c6abd5 !important; }

.pansy-light-stroke.hover-darken.darken svg:hover {
  stroke: #af89c4 !important; }

.pansy-light-stroke.hover-lighten svg {
  stroke: #f4eff7 !important; }

.pansy-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.pansy-light-stroke svg {
  stroke: #DDCDE6 !important; }

.pansy-light-stroke.darken svg {
  stroke: #c6abd5 !important; }

.pansy-light-stroke.lighten svg {
  stroke: #f4eff7 !important; }

.pansy-light-hexagon {
  background-color: #DDCDE6 !important; }

.sweetpea-text {
  color: #A0CDD4 !important; }
  .sweetpea-text.darken {
    color: #7dbbc4 !important; }
  .sweetpea-text.lighten {
    color: #c3dfe4 !important; }

.sweetpea-bg {
  background-color: #A0CDD4 !important; }
  .sweetpea-bg.button {
    /*@at-root a.sweetpea-bg.button {*/ }
    .sweetpea-bg.button:hover {
      background: #7dbbc4 !important; }
  .sweetpea-bg.darken {
    background: #7dbbc4 !important; }
  .sweetpea-bg.lighten {
    background: #c3dfe4 !important; }

.sweetpea-fill.hover-darken svg:hover {
  fill: #7dbbc4 !important; }

.sweetpea-fill.hover-darken.darken svg:hover {
  fill: #5aa8b4 !important; }

.sweetpea-fill.hover-lighten svg {
  fill: #c3dfe4 !important; }

.sweetpea-fill.hover-lighten.lighten svg {
  fill: #e6f2f4 !important; }

.sweetpea-fill svg {
  fill: #A0CDD4 !important; }

.sweetpea-fill.darken svg {
  fill: #7dbbc4 !important; }

.sweetpea-fill.lighten svg {
  fill: #c3dfe4 !important; }

.sweetpea-stroke.hover-darken svg:hover {
  stroke: #7dbbc4 !important; }

.sweetpea-stroke.hover-darken.darken svg:hover {
  stroke: #5aa8b4 !important; }

.sweetpea-stroke.hover-lighten svg {
  stroke: #c3dfe4 !important; }

.sweetpea-stroke.hover-lighten.lighten svg {
  stroke: #e6f2f4 !important; }

.sweetpea-stroke svg {
  stroke: #A0CDD4 !important; }

.sweetpea-stroke.darken svg {
  stroke: #7dbbc4 !important; }

.sweetpea-stroke.lighten svg {
  stroke: #c3dfe4 !important; }

.sweetpea-hexagon {
  background-color: #A0CDD4 !important; }

.sweetpea-light-text {
  color: #BDDCE3 !important; }
  .sweetpea-light-text.darken {
    color: #99c9d4 !important; }
  .sweetpea-light-text.lighten {
    color: #e1eff2 !important; }

.sweetpea-light-bg {
  background-color: #BDDCE3 !important; }
  .sweetpea-light-bg.button {
    /*@at-root a.sweetpea-light-bg.button {*/ }
    .sweetpea-light-bg.button:hover {
      background: #99c9d4 !important; }
  .sweetpea-light-bg.darken {
    background: #99c9d4 !important; }
  .sweetpea-light-bg.lighten {
    background: #e1eff2 !important; }

.sweetpea-light-fill.hover-darken svg:hover {
  fill: #99c9d4 !important; }

.sweetpea-light-fill.hover-darken.darken svg:hover {
  fill: #75b6c5 !important; }

.sweetpea-light-fill.hover-lighten svg {
  fill: #e1eff2 !important; }

.sweetpea-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.sweetpea-light-fill svg {
  fill: #BDDCE3 !important; }

.sweetpea-light-fill.darken svg {
  fill: #99c9d4 !important; }

.sweetpea-light-fill.lighten svg {
  fill: #e1eff2 !important; }

.sweetpea-light-stroke.hover-darken svg:hover {
  stroke: #99c9d4 !important; }

.sweetpea-light-stroke.hover-darken.darken svg:hover {
  stroke: #75b6c5 !important; }

.sweetpea-light-stroke.hover-lighten svg {
  stroke: #e1eff2 !important; }

.sweetpea-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.sweetpea-light-stroke svg {
  stroke: #BDDCE3 !important; }

.sweetpea-light-stroke.darken svg {
  stroke: #99c9d4 !important; }

.sweetpea-light-stroke.lighten svg {
  stroke: #e1eff2 !important; }

.sweetpea-light-hexagon {
  background-color: #BDDCE3 !important; }

.lettuce-text {
  color: #BFD990 !important; }
  .lettuce-text.darken {
    color: #a9cc6a !important; }
  .lettuce-text.lighten {
    color: #d5e6b6 !important; }

.lettuce-bg {
  background-color: #BFD990 !important; }
  .lettuce-bg.button {
    /*@at-root a.lettuce-bg.button {*/ }
    .lettuce-bg.button:hover {
      background: #a9cc6a !important; }
  .lettuce-bg.darken {
    background: #a9cc6a !important; }
  .lettuce-bg.lighten {
    background: #d5e6b6 !important; }

.lettuce-fill.hover-darken svg:hover {
  fill: #a9cc6a !important; }

.lettuce-fill.hover-darken.darken svg:hover {
  fill: #93bf44 !important; }

.lettuce-fill.hover-lighten svg {
  fill: #d5e6b6 !important; }

.lettuce-fill.hover-lighten.lighten svg {
  fill: #ebf3dc !important; }

.lettuce-fill svg {
  fill: #BFD990 !important; }

.lettuce-fill.darken svg {
  fill: #a9cc6a !important; }

.lettuce-fill.lighten svg {
  fill: #d5e6b6 !important; }

.lettuce-stroke.hover-darken svg:hover {
  stroke: #a9cc6a !important; }

.lettuce-stroke.hover-darken.darken svg:hover {
  stroke: #93bf44 !important; }

.lettuce-stroke.hover-lighten svg {
  stroke: #d5e6b6 !important; }

.lettuce-stroke.hover-lighten.lighten svg {
  stroke: #ebf3dc !important; }

.lettuce-stroke svg {
  stroke: #BFD990 !important; }

.lettuce-stroke.darken svg {
  stroke: #a9cc6a !important; }

.lettuce-stroke.lighten svg {
  stroke: #d5e6b6 !important; }

.lettuce-hexagon {
  background-color: #BFD990 !important; }

.lettuce-light-text {
  color: #D2E6B4 !important; }
  .lettuce-light-text.darken {
    color: #bbd98e !important; }
  .lettuce-light-text.lighten {
    color: #e9f3da !important; }

.lettuce-light-bg {
  background-color: #D2E6B4 !important; }
  .lettuce-light-bg.button {
    /*@at-root a.lettuce-light-bg.button {*/ }
    .lettuce-light-bg.button:hover {
      background: #bbd98e !important; }
  .lettuce-light-bg.darken {
    background: #bbd98e !important; }
  .lettuce-light-bg.lighten {
    background: #e9f3da !important; }

.lettuce-light-fill.hover-darken svg:hover {
  fill: #bbd98e !important; }

.lettuce-light-fill.hover-darken.darken svg:hover {
  fill: #a4cd68 !important; }

.lettuce-light-fill.hover-lighten svg {
  fill: #e9f3da !important; }

.lettuce-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.lettuce-light-fill svg {
  fill: #D2E6B4 !important; }

.lettuce-light-fill.darken svg {
  fill: #bbd98e !important; }

.lettuce-light-fill.lighten svg {
  fill: #e9f3da !important; }

.lettuce-light-stroke.hover-darken svg:hover {
  stroke: #bbd98e !important; }

.lettuce-light-stroke.hover-darken.darken svg:hover {
  stroke: #a4cd68 !important; }

.lettuce-light-stroke.hover-lighten svg {
  stroke: #e9f3da !important; }

.lettuce-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.lettuce-light-stroke svg {
  stroke: #D2E6B4 !important; }

.lettuce-light-stroke.darken svg {
  stroke: #bbd98e !important; }

.lettuce-light-stroke.lighten svg {
  stroke: #e9f3da !important; }

.lettuce-light-hexagon {
  background-color: #D2E6B4 !important; }

.cucumber-text {
  color: #E9BD71 !important; }
  .cucumber-text.darken {
    color: #e2a845 !important; }
  .cucumber-text.lighten {
    color: #f0d29d !important; }

.cucumber-bg {
  background-color: #E9BD71 !important; }
  .cucumber-bg.button {
    /*@at-root a.cucumber-bg.button {*/ }
    .cucumber-bg.button:hover {
      background: #e2a845 !important; }
  .cucumber-bg.darken {
    background: #e2a845 !important; }
  .cucumber-bg.lighten {
    background: #f0d29d !important; }

.cucumber-fill.hover-darken svg:hover {
  fill: #e2a845 !important; }

.cucumber-fill.hover-darken.darken svg:hover {
  fill: #d39221 !important; }

.cucumber-fill.hover-lighten svg {
  fill: #f0d29d !important; }

.cucumber-fill.hover-lighten.lighten svg {
  fill: #f7e6c9 !important; }

.cucumber-fill svg {
  fill: #E9BD71 !important; }

.cucumber-fill.darken svg {
  fill: #e2a845 !important; }

.cucumber-fill.lighten svg {
  fill: #f0d29d !important; }

.cucumber-stroke.hover-darken svg:hover {
  stroke: #e2a845 !important; }

.cucumber-stroke.hover-darken.darken svg:hover {
  stroke: #d39221 !important; }

.cucumber-stroke.hover-lighten svg {
  stroke: #f0d29d !important; }

.cucumber-stroke.hover-lighten.lighten svg {
  stroke: #f7e6c9 !important; }

.cucumber-stroke svg {
  stroke: #E9BD71 !important; }

.cucumber-stroke.darken svg {
  stroke: #e2a845 !important; }

.cucumber-stroke.lighten svg {
  stroke: #f0d29d !important; }

.cucumber-hexagon {
  background-color: #E9BD71 !important; }

.cucumber-light-text {
  color: #F4D493 !important; }
  .cucumber-light-text.darken {
    color: #efc265 !important; }
  .cucumber-light-text.lighten {
    color: #f9e6c1 !important; }

.cucumber-light-bg {
  background-color: #F4D493 !important; }
  .cucumber-light-bg.button {
    /*@at-root a.cucumber-light-bg.button {*/ }
    .cucumber-light-bg.button:hover {
      background: #efc265 !important; }
  .cucumber-light-bg.darken {
    background: #efc265 !important; }
  .cucumber-light-bg.lighten {
    background: #f9e6c1 !important; }

.cucumber-light-fill.hover-darken svg:hover {
  fill: #efc265 !important; }

.cucumber-light-fill.hover-darken.darken svg:hover {
  fill: #ebaf36 !important; }

.cucumber-light-fill.hover-lighten svg {
  fill: #f9e6c1 !important; }

.cucumber-light-fill.hover-lighten.lighten svg {
  fill: #fdf9f0 !important; }

.cucumber-light-fill svg {
  fill: #F4D493 !important; }

.cucumber-light-fill.darken svg {
  fill: #efc265 !important; }

.cucumber-light-fill.lighten svg {
  fill: #f9e6c1 !important; }

.cucumber-light-stroke.hover-darken svg:hover {
  stroke: #efc265 !important; }

.cucumber-light-stroke.hover-darken.darken svg:hover {
  stroke: #ebaf36 !important; }

.cucumber-light-stroke.hover-lighten svg {
  stroke: #f9e6c1 !important; }

.cucumber-light-stroke.hover-lighten.lighten svg {
  stroke: #fdf9f0 !important; }

.cucumber-light-stroke svg {
  stroke: #F4D493 !important; }

.cucumber-light-stroke.darken svg {
  stroke: #efc265 !important; }

.cucumber-light-stroke.lighten svg {
  stroke: #f9e6c1 !important; }

.cucumber-light-hexagon {
  background-color: #F4D493 !important; }

.watermelon-text {
  color: #83C086 !important; }
  .watermelon-text.darken {
    color: #61af65 !important; }
  .watermelon-text.lighten {
    color: #a5d1a7 !important; }

.watermelon-bg {
  background-color: #83C086 !important; }
  .watermelon-bg.button {
    /*@at-root a.watermelon-bg.button {*/ }
    .watermelon-bg.button:hover {
      background: #61af65 !important; }
  .watermelon-bg.darken {
    background: #61af65 !important; }
  .watermelon-bg.lighten {
    background: #a5d1a7 !important; }

.watermelon-fill.hover-darken svg:hover {
  fill: #61af65 !important; }

.watermelon-fill.hover-darken.darken svg:hover {
  fill: #4a934e !important; }

.watermelon-fill.hover-lighten svg {
  fill: #a5d1a7 !important; }

.watermelon-fill.hover-lighten.lighten svg {
  fill: #c7e2c8 !important; }

.watermelon-fill svg {
  fill: #83C086 !important; }

.watermelon-fill.darken svg {
  fill: #61af65 !important; }

.watermelon-fill.lighten svg {
  fill: #a5d1a7 !important; }

.watermelon-stroke.hover-darken svg:hover {
  stroke: #61af65 !important; }

.watermelon-stroke.hover-darken.darken svg:hover {
  stroke: #4a934e !important; }

.watermelon-stroke.hover-lighten svg {
  stroke: #a5d1a7 !important; }

.watermelon-stroke.hover-lighten.lighten svg {
  stroke: #c7e2c8 !important; }

.watermelon-stroke svg {
  stroke: #83C086 !important; }

.watermelon-stroke.darken svg {
  stroke: #61af65 !important; }

.watermelon-stroke.lighten svg {
  stroke: #a5d1a7 !important; }

.watermelon-hexagon {
  background-color: #83C086 !important; }

.watermelon-light-text {
  color: #A0CFA4 !important; }
  .watermelon-light-text.darken {
    color: #7ebe84 !important; }
  .watermelon-light-text.lighten {
    color: #c2e0c4 !important; }

.watermelon-light-bg {
  background-color: #A0CFA4 !important; }
  .watermelon-light-bg.button {
    /*@at-root a.watermelon-light-bg.button {*/ }
    .watermelon-light-bg.button:hover {
      background: #7ebe84 !important; }
  .watermelon-light-bg.darken {
    background: #7ebe84 !important; }
  .watermelon-light-bg.lighten {
    background: #c2e0c4 !important; }

.watermelon-light-fill.hover-darken svg:hover {
  fill: #7ebe84 !important; }

.watermelon-light-fill.hover-darken.darken svg:hover {
  fill: #5cad63 !important; }

.watermelon-light-fill.hover-lighten svg {
  fill: #c2e0c4 !important; }

.watermelon-light-fill.hover-lighten.lighten svg {
  fill: #e4f1e5 !important; }

.watermelon-light-fill svg {
  fill: #A0CFA4 !important; }

.watermelon-light-fill.darken svg {
  fill: #7ebe84 !important; }

.watermelon-light-fill.lighten svg {
  fill: #c2e0c4 !important; }

.watermelon-light-stroke.hover-darken svg:hover {
  stroke: #7ebe84 !important; }

.watermelon-light-stroke.hover-darken.darken svg:hover {
  stroke: #5cad63 !important; }

.watermelon-light-stroke.hover-lighten svg {
  stroke: #c2e0c4 !important; }

.watermelon-light-stroke.hover-lighten.lighten svg {
  stroke: #e4f1e5 !important; }

.watermelon-light-stroke svg {
  stroke: #A0CFA4 !important; }

.watermelon-light-stroke.darken svg {
  stroke: #7ebe84 !important; }

.watermelon-light-stroke.lighten svg {
  stroke: #c2e0c4 !important; }

.watermelon-light-hexagon {
  background-color: #A0CFA4 !important; }

.courgette-text {
  color: #A5AF80 !important; }
  .courgette-text.darken {
    color: #8e9b61 !important; }
  .courgette-text.lighten {
    color: #bbc39f !important; }

.courgette-bg {
  background-color: #A5AF80 !important; }
  .courgette-bg.button {
    /*@at-root a.courgette-bg.button {*/ }
    .courgette-bg.button:hover {
      background: #8e9b61 !important; }
  .courgette-bg.darken {
    background: #8e9b61 !important; }
  .courgette-bg.lighten {
    background: #bbc39f !important; }

.courgette-fill.hover-darken svg:hover {
  fill: #8e9b61 !important; }

.courgette-fill.hover-darken.darken svg:hover {
  fill: #727b4e !important; }

.courgette-fill.hover-lighten svg {
  fill: #bbc39f !important; }

.courgette-fill.hover-lighten.lighten svg {
  fill: #d1d6bf !important; }

.courgette-fill svg {
  fill: #A5AF80 !important; }

.courgette-fill.darken svg {
  fill: #8e9b61 !important; }

.courgette-fill.lighten svg {
  fill: #bbc39f !important; }

.courgette-stroke.hover-darken svg:hover {
  stroke: #8e9b61 !important; }

.courgette-stroke.hover-darken.darken svg:hover {
  stroke: #727b4e !important; }

.courgette-stroke.hover-lighten svg {
  stroke: #bbc39f !important; }

.courgette-stroke.hover-lighten.lighten svg {
  stroke: #d1d6bf !important; }

.courgette-stroke svg {
  stroke: #A5AF80 !important; }

.courgette-stroke.darken svg {
  stroke: #8e9b61 !important; }

.courgette-stroke.lighten svg {
  stroke: #bbc39f !important; }

.courgette-hexagon {
  background-color: #A5AF80 !important; }

.courgette-light-text {
  color: #B5BD9C !important; }
  .courgette-light-text.darken {
    color: #9ea97d !important; }
  .courgette-light-text.lighten {
    color: #ccd1bb !important; }

.courgette-light-bg {
  background-color: #B5BD9C !important; }
  .courgette-light-bg.button {
    /*@at-root a.courgette-light-bg.button {*/ }
    .courgette-light-bg.button:hover {
      background: #9ea97d !important; }
  .courgette-light-bg.darken {
    background: #9ea97d !important; }
  .courgette-light-bg.lighten {
    background: #ccd1bb !important; }

.courgette-light-fill.hover-darken svg:hover {
  fill: #9ea97d !important; }

.courgette-light-fill.hover-darken.darken svg:hover {
  fill: #869261 !important; }

.courgette-light-fill.hover-lighten svg {
  fill: #ccd1bb !important; }

.courgette-light-fill.hover-lighten.lighten svg {
  fill: #e3e6d9 !important; }

.courgette-light-fill svg {
  fill: #B5BD9C !important; }

.courgette-light-fill.darken svg {
  fill: #9ea97d !important; }

.courgette-light-fill.lighten svg {
  fill: #ccd1bb !important; }

.courgette-light-stroke.hover-darken svg:hover {
  stroke: #9ea97d !important; }

.courgette-light-stroke.hover-darken.darken svg:hover {
  stroke: #869261 !important; }

.courgette-light-stroke.hover-lighten svg {
  stroke: #ccd1bb !important; }

.courgette-light-stroke.hover-lighten.lighten svg {
  stroke: #e3e6d9 !important; }

.courgette-light-stroke svg {
  stroke: #B5BD9C !important; }

.courgette-light-stroke.darken svg {
  stroke: #9ea97d !important; }

.courgette-light-stroke.lighten svg {
  stroke: #ccd1bb !important; }

.courgette-light-hexagon {
  background-color: #B5BD9C !important; }

.yellowbeans-text {
  color: #EED87B !important; }
  .yellowbeans-text.darken {
    color: #e8cb4e !important; }
  .yellowbeans-text.lighten {
    color: #f4e5a8 !important; }

.yellowbeans-bg {
  background-color: #EED87B !important; }
  .yellowbeans-bg.button {
    /*@at-root a.yellowbeans-bg.button {*/ }
    .yellowbeans-bg.button:hover {
      background: #e8cb4e !important; }
  .yellowbeans-bg.darken {
    background: #e8cb4e !important; }
  .yellowbeans-bg.lighten {
    background: #f4e5a8 !important; }

.yellowbeans-fill.hover-darken svg:hover {
  fill: #e8cb4e !important; }

.yellowbeans-fill.hover-darken.darken svg:hover {
  fill: #e2bd21 !important; }

.yellowbeans-fill.hover-lighten svg {
  fill: #f4e5a8 !important; }

.yellowbeans-fill.hover-lighten.lighten svg {
  fill: #faf3d5 !important; }

.yellowbeans-fill svg {
  fill: #EED87B !important; }

.yellowbeans-fill.darken svg {
  fill: #e8cb4e !important; }

.yellowbeans-fill.lighten svg {
  fill: #f4e5a8 !important; }

.yellowbeans-stroke.hover-darken svg:hover {
  stroke: #e8cb4e !important; }

.yellowbeans-stroke.hover-darken.darken svg:hover {
  stroke: #e2bd21 !important; }

.yellowbeans-stroke.hover-lighten svg {
  stroke: #f4e5a8 !important; }

.yellowbeans-stroke.hover-lighten.lighten svg {
  stroke: #faf3d5 !important; }

.yellowbeans-stroke svg {
  stroke: #EED87B !important; }

.yellowbeans-stroke.darken svg {
  stroke: #e8cb4e !important; }

.yellowbeans-stroke.lighten svg {
  stroke: #f4e5a8 !important; }

.yellowbeans-hexagon {
  background-color: #EED87B !important; }

.yellowbeans-light-text {
  color: #F9E996 !important; }
  .yellowbeans-light-text.darken {
    color: #f6df66 !important; }
  .yellowbeans-light-text.lighten {
    color: #fcf3c6 !important; }

.yellowbeans-light-bg {
  background-color: #F9E996 !important; }
  .yellowbeans-light-bg.button {
    /*@at-root a.yellowbeans-light-bg.button {*/ }
    .yellowbeans-light-bg.button:hover {
      background: #f6df66 !important; }
  .yellowbeans-light-bg.darken {
    background: #f6df66 !important; }
  .yellowbeans-light-bg.lighten {
    background: #fcf3c6 !important; }

.yellowbeans-light-fill.hover-darken svg:hover {
  fill: #f6df66 !important; }

.yellowbeans-light-fill.hover-darken.darken svg:hover {
  fill: #f3d536 !important; }

.yellowbeans-light-fill.hover-lighten svg {
  fill: #fcf3c6 !important; }

.yellowbeans-light-fill.hover-lighten.lighten svg {
  fill: #fffdf6 !important; }

.yellowbeans-light-fill svg {
  fill: #F9E996 !important; }

.yellowbeans-light-fill.darken svg {
  fill: #f6df66 !important; }

.yellowbeans-light-fill.lighten svg {
  fill: #fcf3c6 !important; }

.yellowbeans-light-stroke.hover-darken svg:hover {
  stroke: #f6df66 !important; }

.yellowbeans-light-stroke.hover-darken.darken svg:hover {
  stroke: #f3d536 !important; }

.yellowbeans-light-stroke.hover-lighten svg {
  stroke: #fcf3c6 !important; }

.yellowbeans-light-stroke.hover-lighten.lighten svg {
  stroke: #fffdf6 !important; }

.yellowbeans-light-stroke svg {
  stroke: #F9E996 !important; }

.yellowbeans-light-stroke.darken svg {
  stroke: #f6df66 !important; }

.yellowbeans-light-stroke.lighten svg {
  stroke: #fcf3c6 !important; }

.yellowbeans-light-hexagon {
  background-color: #F9E996 !important; }

.curlyparsley-text {
  color: #A0D4A0 !important; }
  .curlyparsley-text.darken {
    color: #7dc47d !important; }
  .curlyparsley-text.lighten {
    color: #c3e4c3 !important; }

.curlyparsley-bg {
  background-color: #A0D4A0 !important; }
  .curlyparsley-bg.button {
    /*@at-root a.curlyparsley-bg.button {*/ }
    .curlyparsley-bg.button:hover {
      background: #7dc47d !important; }
  .curlyparsley-bg.darken {
    background: #7dc47d !important; }
  .curlyparsley-bg.lighten {
    background: #c3e4c3 !important; }

.curlyparsley-fill.hover-darken svg:hover {
  fill: #7dc47d !important; }

.curlyparsley-fill.hover-darken.darken svg:hover {
  fill: #5ab45a !important; }

.curlyparsley-fill.hover-lighten svg {
  fill: #c3e4c3 !important; }

.curlyparsley-fill.hover-lighten.lighten svg {
  fill: #e6f4e6 !important; }

.curlyparsley-fill svg {
  fill: #A0D4A0 !important; }

.curlyparsley-fill.darken svg {
  fill: #7dc47d !important; }

.curlyparsley-fill.lighten svg {
  fill: #c3e4c3 !important; }

.curlyparsley-stroke.hover-darken svg:hover {
  stroke: #7dc47d !important; }

.curlyparsley-stroke.hover-darken.darken svg:hover {
  stroke: #5ab45a !important; }

.curlyparsley-stroke.hover-lighten svg {
  stroke: #c3e4c3 !important; }

.curlyparsley-stroke.hover-lighten.lighten svg {
  stroke: #e6f4e6 !important; }

.curlyparsley-stroke svg {
  stroke: #A0D4A0 !important; }

.curlyparsley-stroke.darken svg {
  stroke: #7dc47d !important; }

.curlyparsley-stroke.lighten svg {
  stroke: #c3e4c3 !important; }

.curlyparsley-hexagon {
  background-color: #A0D4A0 !important; }

.curlyparsley-light-text {
  color: #BDEEBF !important; }
  .curlyparsley-light-text.darken {
    color: #94e498 !important; }
  .curlyparsley-light-text.lighten {
    color: #e6f8e6 !important; }

.curlyparsley-light-bg {
  background-color: #BDEEBF !important; }
  .curlyparsley-light-bg.button {
    /*@at-root a.curlyparsley-light-bg.button {*/ }
    .curlyparsley-light-bg.button:hover {
      background: #94e498 !important; }
  .curlyparsley-light-bg.darken {
    background: #94e498 !important; }
  .curlyparsley-light-bg.lighten {
    background: #e6f8e6 !important; }

.curlyparsley-light-fill.hover-darken svg:hover {
  fill: #94e498 !important; }

.curlyparsley-light-fill.hover-darken.darken svg:hover {
  fill: #6cd970 !important; }

.curlyparsley-light-fill.hover-lighten svg {
  fill: #e6f8e6 !important; }

.curlyparsley-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.curlyparsley-light-fill svg {
  fill: #BDEEBF !important; }

.curlyparsley-light-fill.darken svg {
  fill: #94e498 !important; }

.curlyparsley-light-fill.lighten svg {
  fill: #e6f8e6 !important; }

.curlyparsley-light-stroke.hover-darken svg:hover {
  stroke: #94e498 !important; }

.curlyparsley-light-stroke.hover-darken.darken svg:hover {
  stroke: #6cd970 !important; }

.curlyparsley-light-stroke.hover-lighten svg {
  stroke: #e6f8e6 !important; }

.curlyparsley-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.curlyparsley-light-stroke svg {
  stroke: #BDEEBF !important; }

.curlyparsley-light-stroke.darken svg {
  stroke: #94e498 !important; }

.curlyparsley-light-stroke.lighten svg {
  stroke: #e6f8e6 !important; }

.curlyparsley-light-hexagon {
  background-color: #BDEEBF !important; }

.basil-text {
  color: #A0CDD4 !important; }
  .basil-text.darken {
    color: #7dbbc4 !important; }
  .basil-text.lighten {
    color: #c3dfe4 !important; }

.basil-bg {
  background-color: #A0CDD4 !important; }
  .basil-bg.button {
    /*@at-root a.basil-bg.button {*/ }
    .basil-bg.button:hover {
      background: #7dbbc4 !important; }
  .basil-bg.darken {
    background: #7dbbc4 !important; }
  .basil-bg.lighten {
    background: #c3dfe4 !important; }

.basil-fill.hover-darken svg:hover {
  fill: #7dbbc4 !important; }

.basil-fill.hover-darken.darken svg:hover {
  fill: #5aa8b4 !important; }

.basil-fill.hover-lighten svg {
  fill: #c3dfe4 !important; }

.basil-fill.hover-lighten.lighten svg {
  fill: #e6f2f4 !important; }

.basil-fill svg {
  fill: #A0CDD4 !important; }

.basil-fill.darken svg {
  fill: #7dbbc4 !important; }

.basil-fill.lighten svg {
  fill: #c3dfe4 !important; }

.basil-stroke.hover-darken svg:hover {
  stroke: #7dbbc4 !important; }

.basil-stroke.hover-darken.darken svg:hover {
  stroke: #5aa8b4 !important; }

.basil-stroke.hover-lighten svg {
  stroke: #c3dfe4 !important; }

.basil-stroke.hover-lighten.lighten svg {
  stroke: #e6f2f4 !important; }

.basil-stroke svg {
  stroke: #A0CDD4 !important; }

.basil-stroke.darken svg {
  stroke: #7dbbc4 !important; }

.basil-stroke.lighten svg {
  stroke: #c3dfe4 !important; }

.basil-hexagon {
  background-color: #A0CDD4 !important; }

.basil-light-text {
  color: #BDDCE3 !important; }
  .basil-light-text.darken {
    color: #99c9d4 !important; }
  .basil-light-text.lighten {
    color: #e1eff2 !important; }

.basil-light-bg {
  background-color: #BDDCE3 !important; }
  .basil-light-bg.button {
    /*@at-root a.basil-light-bg.button {*/ }
    .basil-light-bg.button:hover {
      background: #99c9d4 !important; }
  .basil-light-bg.darken {
    background: #99c9d4 !important; }
  .basil-light-bg.lighten {
    background: #e1eff2 !important; }

.basil-light-fill.hover-darken svg:hover {
  fill: #99c9d4 !important; }

.basil-light-fill.hover-darken.darken svg:hover {
  fill: #75b6c5 !important; }

.basil-light-fill.hover-lighten svg {
  fill: #e1eff2 !important; }

.basil-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.basil-light-fill svg {
  fill: #BDDCE3 !important; }

.basil-light-fill.darken svg {
  fill: #99c9d4 !important; }

.basil-light-fill.lighten svg {
  fill: #e1eff2 !important; }

.basil-light-stroke.hover-darken svg:hover {
  stroke: #99c9d4 !important; }

.basil-light-stroke.hover-darken.darken svg:hover {
  stroke: #75b6c5 !important; }

.basil-light-stroke.hover-lighten svg {
  stroke: #e1eff2 !important; }

.basil-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.basil-light-stroke svg {
  stroke: #BDDCE3 !important; }

.basil-light-stroke.darken svg {
  stroke: #99c9d4 !important; }

.basil-light-stroke.lighten svg {
  stroke: #e1eff2 !important; }

.basil-light-hexagon {
  background-color: #BDDCE3 !important; }

.borage-text {
  color: #A0CDD4 !important; }
  .borage-text.darken {
    color: #7dbbc4 !important; }
  .borage-text.lighten {
    color: #c3dfe4 !important; }

.borage-bg {
  background-color: #A0CDD4 !important; }
  .borage-bg.button {
    /*@at-root a.borage-bg.button {*/ }
    .borage-bg.button:hover {
      background: #7dbbc4 !important; }
  .borage-bg.darken {
    background: #7dbbc4 !important; }
  .borage-bg.lighten {
    background: #c3dfe4 !important; }

.borage-fill.hover-darken svg:hover {
  fill: #7dbbc4 !important; }

.borage-fill.hover-darken.darken svg:hover {
  fill: #5aa8b4 !important; }

.borage-fill.hover-lighten svg {
  fill: #c3dfe4 !important; }

.borage-fill.hover-lighten.lighten svg {
  fill: #e6f2f4 !important; }

.borage-fill svg {
  fill: #A0CDD4 !important; }

.borage-fill.darken svg {
  fill: #7dbbc4 !important; }

.borage-fill.lighten svg {
  fill: #c3dfe4 !important; }

.borage-stroke.hover-darken svg:hover {
  stroke: #7dbbc4 !important; }

.borage-stroke.hover-darken.darken svg:hover {
  stroke: #5aa8b4 !important; }

.borage-stroke.hover-lighten svg {
  stroke: #c3dfe4 !important; }

.borage-stroke.hover-lighten.lighten svg {
  stroke: #e6f2f4 !important; }

.borage-stroke svg {
  stroke: #A0CDD4 !important; }

.borage-stroke.darken svg {
  stroke: #7dbbc4 !important; }

.borage-stroke.lighten svg {
  stroke: #c3dfe4 !important; }

.borage-hexagon {
  background-color: #A0CDD4 !important; }

.borage-light-text {
  color: #BDDCE3 !important; }
  .borage-light-text.darken {
    color: #99c9d4 !important; }
  .borage-light-text.lighten {
    color: #e1eff2 !important; }

.borage-light-bg {
  background-color: #BDDCE3 !important; }
  .borage-light-bg.button {
    /*@at-root a.borage-light-bg.button {*/ }
    .borage-light-bg.button:hover {
      background: #99c9d4 !important; }
  .borage-light-bg.darken {
    background: #99c9d4 !important; }
  .borage-light-bg.lighten {
    background: #e1eff2 !important; }

.borage-light-fill.hover-darken svg:hover {
  fill: #99c9d4 !important; }

.borage-light-fill.hover-darken.darken svg:hover {
  fill: #75b6c5 !important; }

.borage-light-fill.hover-lighten svg {
  fill: #e1eff2 !important; }

.borage-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.borage-light-fill svg {
  fill: #BDDCE3 !important; }

.borage-light-fill.darken svg {
  fill: #99c9d4 !important; }

.borage-light-fill.lighten svg {
  fill: #e1eff2 !important; }

.borage-light-stroke.hover-darken svg:hover {
  stroke: #99c9d4 !important; }

.borage-light-stroke.hover-darken.darken svg:hover {
  stroke: #75b6c5 !important; }

.borage-light-stroke.hover-lighten svg {
  stroke: #e1eff2 !important; }

.borage-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.borage-light-stroke svg {
  stroke: #BDDCE3 !important; }

.borage-light-stroke.darken svg {
  stroke: #99c9d4 !important; }

.borage-light-stroke.lighten svg {
  stroke: #e1eff2 !important; }

.borage-light-hexagon {
  background-color: #BDDCE3 !important; }

.default-text {
  color: #5FBDDA !important; }
  .default-text.darken {
    color: #36acd0 !important; }
  .default-text.lighten {
    color: #88cee4 !important; }

.default-bg {
  background-color: #5FBDDA !important; }
  .default-bg.button {
    /*@at-root a.default-bg.button {*/ }
    .default-bg.button:hover {
      background: #36acd0 !important; }
  .default-bg.darken {
    background: #36acd0 !important; }
  .default-bg.lighten {
    background: #88cee4 !important; }

.default-fill.hover-darken svg:hover {
  fill: #36acd0 !important; }

.default-fill.hover-darken.darken svg:hover {
  fill: #288cab !important; }

.default-fill.hover-lighten svg {
  fill: #88cee4 !important; }

.default-fill.hover-lighten.lighten svg {
  fill: #b2dfed !important; }

.default-fill svg {
  fill: #5FBDDA !important; }

.default-fill.darken svg {
  fill: #36acd0 !important; }

.default-fill.lighten svg {
  fill: #88cee4 !important; }

.default-stroke.hover-darken svg:hover {
  stroke: #36acd0 !important; }

.default-stroke.hover-darken.darken svg:hover {
  stroke: #288cab !important; }

.default-stroke.hover-lighten svg {
  stroke: #88cee4 !important; }

.default-stroke.hover-lighten.lighten svg {
  stroke: #b2dfed !important; }

.default-stroke svg {
  stroke: #5FBDDA !important; }

.default-stroke.darken svg {
  stroke: #36acd0 !important; }

.default-stroke.lighten svg {
  stroke: #88cee4 !important; }

.default-hexagon {
  background-color: #5FBDDA !important; }

.default-light-text {
  color: #C7EDF9 !important; }
  .default-light-text.darken {
    color: #99def4 !important; }
  .default-light-text.lighten {
    color: #f5fcfe !important; }

.default-light-bg {
  background-color: #C7EDF9 !important; }
  .default-light-bg.button {
    /*@at-root a.default-light-bg.button {*/ }
    .default-light-bg.button:hover {
      background: #99def4 !important; }
  .default-light-bg.darken {
    background: #99def4 !important; }
  .default-light-bg.lighten {
    background: #f5fcfe !important; }

.default-light-fill.hover-darken svg:hover {
  fill: #99def4 !important; }

.default-light-fill.hover-darken.darken svg:hover {
  fill: #6bcfef !important; }

.default-light-fill.hover-lighten svg {
  fill: #f5fcfe !important; }

.default-light-fill.hover-lighten.lighten svg {
  fill: white !important; }

.default-light-fill svg {
  fill: #C7EDF9 !important; }

.default-light-fill.darken svg {
  fill: #99def4 !important; }

.default-light-fill.lighten svg {
  fill: #f5fcfe !important; }

.default-light-stroke.hover-darken svg:hover {
  stroke: #99def4 !important; }

.default-light-stroke.hover-darken.darken svg:hover {
  stroke: #6bcfef !important; }

.default-light-stroke.hover-lighten svg {
  stroke: #f5fcfe !important; }

.default-light-stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.default-light-stroke svg {
  stroke: #C7EDF9 !important; }

.default-light-stroke.darken svg {
  stroke: #99def4 !important; }

.default-light-stroke.lighten svg {
  stroke: #f5fcfe !important; }

.default-light-hexagon {
  background-color: #C7EDF9 !important; }

/**
 * Retrieve colour from $colours map
 * @param  {string} $key [name of colour, as defined in $colours map]
 * @return hex colour
 */
/**
 * Map seedling names ass css classes to images
 * @type {[type]}
 */
/**
 * General layout
 **/
html {
  overflow-x: hidden; }

/* STRUCTURE */
html,
body {
  position: relative;
  height: 100%; }

.main-wrapper {
  overflow-x: hidden; }

.typography {
  padding-bottom: 50px; }

.inner {
  max-width: 1200px;
  margin: 0 auto;
  /*&.page-content{
		padding: 45px 0 100px 0;
		@include device(tablet-pt) {
				padding: 0 0 90px 0;
		}

		@include device(phone-ls) {
				padding: 0 0 70px 0;
		}
	}*/ }
  .inner:before, .inner:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .inner:after {
    clear: both; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .inner {
      max-width: 1000px;
      width: 100%; } }
  @media only screen and (max-width: 1366px) {
    .inner {
      width: 96%; } }

.padding-bottom {
  padding-bottom: 120px; }

/* Push footer down so not overlapping */
main::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 120px; }

img {
  max-width: 100%;
  display: block; }

svg {
  display: block; }

.view-more,
.read-more {
  font-size: 20px;
  color: black;
  display: inline-block;
  padding: 14px 36px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid black;
  text-transform: uppercase;
  font-family: "Luckiest Guy";
  text-transform: none;
  margin: 20px 0; }
  .view-more .fa,
  .read-more .fa {
    font-size: 18px; }

/*Used for templates where intro / limited edition take up center half*/
.w-80 {
  width: 80%;
  margin: 0 auto; }

.w-60 {
  width: 60%; }

.w-50 {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  /*	margin-bottom: 30px;*/ }
  .w-50:before, .w-50:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .w-50:after {
    clear: both; }

.w-40 {
  width: 40%; }

.w-35 {
  width: 35%; }

.w-25 {
  width: 25%; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.block {
  display: block; }

.center {
  text-align: center; }

.blur {
  filter: blur(10px); }

.hide {
  display: none; }

.uppercase {
  text-transform: uppercase; }

.pointer {
  cursor: pointer; }

.invisible {
  visibility: hidden; }

iframe {
  max-width: 800px;
  width: 100%;
  height: 450px; }
  @media only screen and (max-width: 770px) {
    iframe {
      height: 400px; } }
  @media only screen and (max-width: 650px) {
    iframe {
      height: 350px; } }
  @media only screen and (max-width: 450px) {
    iframe {
      height: 300px; } }

/**
 * 	Font Awesome Icons
 */
.fa.white {
  color: #FFFFFF; }

.fa.black {
  color: #000000; }

.back-link {
  position: absolute;
  top: 12.3%;
  left: 20%;
  text-shadow: 2px 2px 1px black; }
  .back-link a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 1.4rem; }

@media only screen and (max-width: 770px) {
  .w-50 {
    width: 100%; } }

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

@media all and (max-width: 1000px) {
  .back-button .mob-hide {
    display: none; }
  .back-button a i {
    font-size: 40px;
    padding: 0 15px; } }

/**
 * Typography styles
 *
 * All typography formatting and general font settings
 * belong in this file. For unique blocks and widgets, etc
 * you should put those in layout.css
 **/
body,
html {
  font-family: "Museo Sans", serif;
  font-size: 15px; }

/**
 * Headings
 **/
h1 {
  font-size: 3rem;
  padding: 0.5rem 0;
  font-weight: 300;
  font-family: "Luckiest Guy", serif;
  letter-spacing: 2.5px; }

h2 {
  font-size: 2.2rem;
  padding: 0.5rem 0;
  font-weight: 300;
  font-family: "Luckiest Guy", serif;
  letter-spacing: 2.5px; }

h3 {
  font-size: 1.8rem;
  padding: 0.5rem 0;
  font-weight: 400;
  font-family: "Luckiest Guy", serif;
  letter-spacing: 2px; }

h4 {
  font-size: 1.4rem;
  padding: 0.5rem 0;
  font-weight: 400;
  line-height: 1.7rem;
  /*	font-family: $headingfont, serif;*/ }

/**
 * Body copy
 **/
.typography p {
  padding: 0.4rem 0;
  color: #565656;
  line-height: 1.6rem; }

@media only screen and (max-width: 770px) {
  .typography p {
    padding: .4rem; } }

.typography a,
.typography .feedback-button {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #000000; }
  .typography a.button,
  .typography .feedback-button.button {
    text-decoration: none;
    padding: 14px 36px;
    color: #000000;
    font-family: "Luckiest Guy", serif;
    display: inline-block;
    letter-spacing: 1.5px; }
    .typography a.button.black,
    .typography .feedback-button.button.black {
      border: 1px solid #000000;
      color: #000000; }
    .typography a.button.white,
    .typography .feedback-button.button.white {
      border: 1px solid #FFFFFF;
      color: #FFFFFF; }
  .typography a.seed-button,
  .typography .feedback-button.seed-button {
    vertical-align: middle;
    height: 21px; }
    @media only screen and (max-width: 515px) {
      .typography a.seed-button,
      .typography .feedback-button.seed-button {
        margin-top: 1em; } }
  .typography a:not(.button),
  .typography .feedback-button:not(.button) {
    text-decoration: none;
    /*			&:hover {
				border-color: #000000;
				color: #000000;
			}*/ }

.typography ul,
.typography ol {
  padding-left: 24px;
  margin-bottom: 10px; }
  .typography ul li,
  .typography ol li {
    line-height: 1.6em;
    color: #565656;
    padding-bottom: 10px; }
    .typography ul li ul,
    .typography ul li ol,
    .typography ol li ul,
    .typography ol li ol {
      padding: 10px 0 0 30px; }

.typography blockquote {
  padding: 20px;
  border: 1px solid #000000; }

.typography.blue a {
  color: #009ADB; }
  .typography.blue a:hover {
    color: #0076a8; }

.typography.blue ul li {
  list-style: none;
  padding-bottom: 15px;
  position: relative;
  line-height: 20px; }
  .typography.blue ul li:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    left: -15px;
    top: 8px;
    background-color: #009ADB;
    border-radius: 50%; }

.typography.purple a {
  color: #7F378B; }
  .typography.purple a:hover {
    color: #5e2966; }

.typography.purple ul li {
  list-style: none;
  padding-bottom: 15px;
  position: relative;
  line-height: 20px; }
  .typography.purple ul li:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    left: -15px;
    top: 8px;
    background-color: #7F378B;
    border-radius: 50%; }

.typography.red a {
  color: #F06060; }
  .typography.red a:hover {
    color: #ec3131; }

.typography.red ul li {
  list-style: none;
  padding-bottom: 15px;
  position: relative;
  line-height: 20px; }
  .typography.red ul li:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    left: -15px;
    top: 8px;
    background-color: #F06060;
    border-radius: 50%; }

.typography.yellow a {
  color: #ffbd3c;
  font-weight: bold;
  letter-spacing: .5px; }
  .typography.yellow a:hover {
    color: #ffac09; }

.typography.yellow ul li {
  list-style: none;
  padding-bottom: 15px;
  position: relative;
  line-height: 20px; }
  .typography.yellow ul li:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    left: -15px;
    top: 8px;
    background-color: #ffc655;
    border-radius: 50%; }

.typography.green a {
  color: #42b874; }
  .typography.green a:hover {
    color: #35925c; }

.typography.green ul li {
  list-style: none;
  padding-bottom: 15px;
  position: relative;
  line-height: 20px; }
  .typography.green ul li:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    left: -15px;
    top: 8px;
    background-color: #42b874;
    border-radius: 50%; }

.lucky-font {
  font-weight: 300;
  font-family: "Luckiest Guy", serif;
  letter-spacing: 1.5px; }

/**
 * Text formatting
 *
 * Allows us to add a class (ie .centered-text) to text to apply font styles
 **/
.centered-text {
  text-align: center; }

.bold-text {
  font-weight: bold; }

.italic-text {
  font-style: italic; }

/*
 * FORMS
 */
form input,
form select,
form textarea,
form option,
form button {
  font-size: 14px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Museo Sans", serif; }

form .field {
  padding-bottom: 15px; }
  form .field.text input {
    border: 1px solid #000000; }
    form .field.text input:focus, form .field.text input:active {
      border-color: #009ADB; }
  form .field.checkbox .checkbox {
    display: none; }
  form .field.checkbox .checkbox + label {
    width: auto;
    display: inline; }
    form .field.checkbox .checkbox + label:before {
      font-family: FontAwesome;
      font-size: 21px;
      font-weight: normal;
      float: left;
      content: "\F096";
      letter-spacing: 10px; }
  form .field.checkbox .checkbox:checked + label:before {
    content: "\F046";
    letter-spacing: 7px; }

form label {
  display: block;
  float: none !important;
  font-size: 1.2rem;
  padding: 0.5rem 0;
  font-weight: 400;
  font-family: "Luckiest Guy", serif;
  letter-spacing: 1.5px; }

form .field.dropdown .middleColumn {
  border: 2px solid #FFFFFF;
  overflow: hidden;
  position: relative; }
  form .field.dropdown .middleColumn:before {
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
    right: 10px;
    content: "\F078"; }
  form .field.dropdown .middleColumn select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    width: 100%;
    position: relative; }
    form .field.dropdown .middleColumn select::-ms-expand {
      display: none; }
    form .field.dropdown .middleColumn select optgroup {
      padding: 5px 10px;
      background-color: #fff;
      color: #F06060; }
    form .field.dropdown .middleColumn select.dropdown {
      padding: 5px 10px;
      line-height: 2.3; }
    form .field.dropdown .middleColumn select option {
      padding: 5px 10px;
      background-color: #fff; }

form button,
form .button,
form input[type="submit"] {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: transparent; }

form .Actions .action {
  padding: 1rem 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "Luckiest Guy", serif;
  letter-spacing: 1.5px; }

form ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25); }

form :-moz-placeholder {
  color: rgba(0, 0, 0, 0.25); }

form ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25); }

form :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25); }

.filter-form {
  padding: 2rem 0; }
  .filter-form .field {
    float: left;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden; }
  .filter-form.questions .field {
    width: 50%; }
    .filter-form.questions .field.category {
      padding-right: 1rem; }
    .filter-form.questions .field.sort {
      padding-left: 1rem; }
    .filter-form.questions .field.dropdown .middleColumn {
      border: 2px solid #009ADB;
      background: #FFFFFF;
      color: #009ADB; }
      .filter-form.questions .field.dropdown .middleColumn select {
        color: #009ADB; }
  .filter-form.stories .field {
    width: 33%; }
    .filter-form.stories .field.location {
      padding-right: 1.5rem; }
    .filter-form.stories .field.store {
      padding-left: 0.5rem;
      padding-right: 1rem; }
    .filter-form.stories .field.category {
      padding-left: 1rem;
      padding-right: 0.5rem; }
    .filter-form.stories .field.sort {
      padding-left: 1.5rem; }
    .filter-form.stories .field.dropdown .middleColumn {
      border: 2px solid #F06060;
      background: #FFFFFF;
      color: #F06060; }
      .filter-form.stories .field.dropdown .middleColumn select {
        color: #F06060; }

@media all and (max-width: 690px) {
  .filter-form.questions .field {
    width: 50%; }
    .filter-form.questions .field.category {
      padding-right: 1rem; }
    .filter-form.questions .field.sort {
      padding-left: 1rem; }
    .filter-form.questions .field.dropdown .middleColumn {
      border: 2px solid #009ADB;
      background: #FFFFFF;
      color: #009ADB; }
      .filter-form.questions .field.dropdown .middleColumn select {
        color: #009ADB; }
  .filter-form.stories .field {
    width: 100%; }
    .filter-form.stories .field.location, .filter-form.stories .field.store, .filter-form.stories .field.category {
      padding: 0 0 20px; }
    .filter-form.stories .field.sort {
      padding: 0; } }

@media only screen and (min-width: 1000px) {
  main {
    position: relative; }
    main.beetroot .right-image .image {
      background-image: url("/site/images/seeds/beetroot.png") !important; }
    main.bok-choy .right-image .image {
      background-image: url("/site/images/seeds/bok-choy.png") !important; }
    main.silverbeet .right-image .image {
      background-image: url("/site/images/seeds/silverbeet.png") !important; }
    main.kale .right-image .image {
      background-image: url("/site/images/seeds/kale.png") !important; }
    main.red-onion .right-image .image {
      background-image: url("/site/images/seeds/red-onion.png") !important; }
    main.butternut .right-image .image {
      background-image: url("/site/images/seeds/butternut.png") !important; }
    main.sweet-corn .right-image .image {
      background-image: url("/site/images/seeds/sweet-corn.png") !important; }
    main.tomato .right-image .image {
      background-image: url("/site/images/seeds/tomato.png") !important; }
    main.corriander .right-image .image {
      background-image: url("/site/images/seeds/corriander.png") !important; }
    main.oregano .right-image .image {
      background-image: url("/site/images/seeds/oregano.png") !important; }
    main.thyme .right-image .image {
      background-image: url("/site/images/seeds/thyme.png") !important; }
    main.sunflower .right-image .image {
      background-image: url("/site/images/seeds/sunflower.png") !important; }
    main.phacelia .right-image .image {
      background-image: url("/site/images/seeds/phacelia.png") !important; }
    main.swan-plant .right-image .image {
      background-image: url("/site/images/seeds/swan-plant.png") !important; }
    main.nasturtium .right-image .image {
      background-image: url("/site/images/seeds/nasturtium.png") !important; }
    main.pansy .right-image .image {
      background-image: url("/site/images/seeds/pansy.png") !important; }
    main.sweet-pea .right-image .image {
      background-image: url("/site/images/seeds/sweet-pea.png") !important; }
    main.lettuce .right-image .image {
      background-image: url("/site/images/seeds/lettuce.png") !important; }
    main.cucumber .right-image .image {
      background-image: url("/site/images/seeds/cucumber.png") !important; }
    main.watermelon .right-image .image {
      background-image: url("/site/images/seeds/watermelon.png") !important; }
    main.courgette .right-image .image {
      background-image: url("/site/images/seeds/courgette.png") !important; }
    main.yellow-beans .right-image .image {
      background-image: url("/site/images/seeds/yellow-beans.png") !important; }
    main.parsley .right-image .image {
      background-image: url("/site/images/seeds/parsley.png") !important; }
    main.basil .right-image .image {
      background-image: url("/site/images/seeds/basil.png") !important; }
    main.borage .right-image .image {
      background-image: url("/site/images/seeds/borage.png") !important; }
    main.general-seedling .right-image .image {
      background-image: url("/site/images/seeds/general-seedling.png") !important; }
    main .right-image {
      background-repeat: no-repeat;
      position: fixed;
      background-size: 100% 100%;
      width: 300px;
      height: 600px;
      display: block;
      right: 0;
      top: 30%; } }

/* Buzz Out - Main effects on buttons*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

/* Sweep To Bottom - for buttons that get filled */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*  background: #2098D1;*/
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

/*.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}*/
.feedback-button.button.white.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -ms-transform: scaleY(1); }

footer .hvr-sweep-to-bottom:before {
  background: #FFFFFF; }

footer .hvr-sweep-to-bottom:hover, footer .hvr-sweep-to-bottom:focus, footer .hvr-sweep-to-bottom:active {
  color: #fbae03 !important; }
  footer .hvr-sweep-to-bottom:hover .fa, footer .hvr-sweep-to-bottom:focus .fa, footer .hvr-sweep-to-bottom:active .fa {
    color: #fbae03; }

.video-player.hvr-sweep-to-bottom:before {
  background: #009ADB; }

.video-player.hvr-sweep-to-bottom:hover,
.video-player.hvr-sweep-to-bottom:focus,
.video-player.hvr-sweep-to-bottom:active {
  color: #fff !important;
  border: 1px solid #009ADB; }
  .video-player.hvr-sweep-to-bottom:hover .fa,
  .video-player.hvr-sweep-to-bottom:focus .fa,
  .video-player.hvr-sweep-to-bottom:active .fa {
    color: #fff; }

.button.plain.blue.hvr-sweep-to-bottom:before {
  background: #009ADB; }

.pull-out-guide .circle .liner .button.plain.blue.hvr-sweep-to-bottom:hover,
.button.plain.blue.hvr-sweep-to-bottom:hover,
.button.plain.blue.hvr-sweep-to-bottom:focus,
.button.plain.blue.hvr-sweep-to-bottom:active {
  color: #fff; }

.QuestionsPage .button.black.hvr-sweep-to-bottom:before {
  background: #009ADB; }

.QuestionsPage .button.black.hvr-sweep-to-bottom:hover,
.QuestionsPage .button.black.hvr-sweep-to-bottom:focus,
.QuestionsPage .button.black.hvr-sweep-to-bottom:active {
  color: #fff;
  border: 1px solid #009ADB; }

.QuestionsPage .feedback-button.button.white.hvr-sweep-to-bottom:before {
  background: #FFFFFF; }

.QuestionsPage .feedback-button.button.white.hvr-sweep-to-bottom:hover,
.QuestionsPage .feedback-button.button.white.hvr-sweep-to-bottom:focus,
.QuestionsPage .feedback-button.button.white.hvr-sweep-to-bottom:active {
  color: #009ADB !important; }

.StoriesPage .button.black.hvr-sweep-to-bottom:before {
  background: #F06060; }

.StoriesPage .button.black.hvr-sweep-to-bottom:hover,
.StoriesPage .button.black.hvr-sweep-to-bottom:focus,
.StoriesPage .button.black.hvr-sweep-to-bottom:active {
  color: #fff !important;
  border: 1px solid #F06060; }

.StoriesPage .feedback-button.button.white.hvr-sweep-to-bottom:before {
  background: #FFFFFF; }

.StoriesPage .feedback-button.button.white.hvr-sweep-to-bottom:hover,
.StoriesPage .feedback-button.button.white.hvr-sweep-to-bottom:focus,
.StoriesPage .feedback-button.button.white.hvr-sweep-to-bottom:active {
  color: #F06060; }

/**
 * Self-contained components
 *
 * Any [significant] component that is reused throughout the site. Try and keep it's
 * styles self-contained for easy plug-and-play into other templates 
 **/
.nav-panel {
  position: fixed;
  top: 0;
  right: -110%;
  z-index: 100;
  min-width: 500px;
  /*padding: 100px 23px 50px;*/
  -webkit-transition: right 0.3s linear;
  -moz-transition: right 0.3s linear;
  -o-transition: right 0.3s linear;
  transition: right 0.3s linear;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }
  .nav-panel.active {
    right: 0; }
  @media only screen and (max-width: 650px) {
    .nav-panel {
      min-width: 100%; } }

div.mob-blob {
  position: fixed;
  width: 80px;
  height: 80px;
  right: 10px;
  top: 5px;
  z-index: 50; }
  @media only screen and (max-width: 770px) {
    div.mob-blob {
      width: 70px;
      height: 70px; } }

.yellow div.mob-blob svg {
  fill: #ffc655; }

.red div.mob-blob svg {
  fill: #F06060; }

.blue div.mob-blob svg {
  fill: #009ADB; }

.green div.mob-blob svg {
  fill: #42b874; }

.purple div.mob-blob svg {
  fill: #7F378B; }

.pink div.mob-blob svg {
  fill: #FF2479; }

.orange div.mob-blob svg {
  display: none; }

#mob-icon {
  position: fixed;
  display: block;
  width: 50px;
  height: 50px;
  /*	position: absolute;*/
  right: 26px;
  top: 15px;
  z-index: 101;
  cursor: pointer;
  background-image: url(#);
  /* IE9 fix */ }
  @media only screen and (max-width: 770px) {
    #mob-icon {
      width: 40px;
      height: 40px; } }
  #mob-icon span {
    display: block;
    position: absolute;
    height: 6px;
    border-radius: 5px;
    width: 100%;
    background: #FFFFFF;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
    #mob-icon span:nth-child(1) {
      top: 10px; }
    #mob-icon span:nth-child(2), #mob-icon span:nth-child(3) {
      top: 26px; }
    #mob-icon span:nth-child(4) {
      top: 42px; }
    @media only screen and (max-width: 770px) {
      #mob-icon span:nth-child(1) {
        top: 10px; }
      #mob-icon span:nth-child(2), #mob-icon span:nth-child(3) {
        top: 23px; }
      #mob-icon span:nth-child(4) {
        top: 36px; } }
  #mob-icon.open {
    right: 30px;
    top: 15px; }
    #mob-icon.open span {
      background: #000000;
      /*width: 85%;*/ }
      @media only screen and (max-width: 450px) {
        #mob-icon.open span {
          width: 75%; } }
    #mob-icon.open span:nth-child(1),
    #mob-icon.open span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%; }
    #mob-icon.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    #mob-icon.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

/** 
*
* fix for nav menu on trigger event
*/
@media only screen and (max-width: 650px) {
  .main-nav--scroll {
    height: 100%;
    width: 100%;
    left: 0;
    position: fixed;
    overflow-y: scroll;
    box-sizing: border-box; } }

.mainnav {
  background: #FFFFFF; }
  .mainnav .menu-item.top-level {
    font-family: "Luckiest Guy";
    font-size: 2em;
    line-height: 80px;
    position: relative;
    padding-left: 80px;
    background: #FFFFFF;
    text-decoration: none;
    display: block;
    clear: left;
    padding-left: 80px;
    position: relative;
    cursor: pointer; }
    .mainnav .menu-item.top-level .title {
      padding: 0 8%;
      color: #727272; }
      .mainnav .menu-item.top-level .title:hover {
        color: #989898; }
    .mainnav .menu-item.top-level.current .title, .mainnav .menu-item.top-level.section .title {
      color: #4c4c4c; }
    .mainnav .menu-item.top-level .left-stripe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 80px;
      z-index: 1; }
    .mainnav .menu-item.top-level .icon {
      display: inline-block;
      width: 80px;
      height: 80px;
      position: absolute;
      left: 0;
      z-index: 2; }
      .mainnav .menu-item.top-level .icon img {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
    .mainnav .menu-item.top-level.expandable .sub-menu {
      padding: 15px 0;
      display: none; }
      .mainnav .menu-item.top-level.expandable .sub-menu .menu-item {
        display: block;
        font-family: "Museo Sans";
        font-size: 16px;
        text-decoration: none; }
        .mainnav .menu-item.top-level.expandable .sub-menu .menu-item .title {
          line-height: 14px;
          padding: 10px 8%; }
    .mainnav .menu-item.top-level.expandable .indicator {
      font-family: FontAwesome;
      font-size: 2em;
      cursor: pointer;
      width: 60px;
      height: 80px;
      text-align: center;
      position: absolute;
      top: 0;
      right: 10px;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear; }
      .mainnav .menu-item.top-level.expandable .indicator:after {
        content: "\F105"; }
    .mainnav .menu-item.top-level.expandable.expanded .indicator {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
      .mainnav .menu-item.top-level.expandable.expanded .indicator:after {
        content: "\F105"; }
  @media only screen and (max-width: 450px) {
    .mainnav .menu-item.top-level {
      font-size: 1.6rem; } }
  @media (max-width: 350px) {
    .mainnav .menu-item.top-level {
      font-size: 1.4rem; } }

/**
 * NAV PRIMARY
 **/
.pagination {
  text-align: center;
  margin: 60px 0; }
  .pagination ul {
    list-style: none;
    padding: 0; }
    .pagination ul li {
      display: inline-block; }
      .pagination ul li .stats {
        margin: 0 1rem; }

.grid-container {
  margin: 50px 0; }
  .grid-container:before, .grid-container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .grid-container:after {
    clear: both; }
  .grid-container .grid {
    width: 23.05%;
    box-sizing: border-box;
    margin: 0 1.3%;
    float: left; }
    .grid-container .grid:nth-of-type(n), .grid-container .grid:nth-of-type(1n+1) {
      margin: 2.6% 1.3% 0;
      clear: none; }
    .grid-container .grid:nth-of-type(1) {
      margin-top: 0; }
    .grid-container .grid:nth-of-type(2) {
      margin-top: 0; }
    .grid-container .grid:nth-of-type(3) {
      margin-top: 0; }
    .grid-container .grid:nth-of-type(4) {
      margin-top: 0; }
    .grid-container .grid:nth-of-type(4n+1) {
      margin-left: 0;
      clear: both; }
    .grid-container .grid:first-of-type {
      margin-left: 0; }
    .grid-container .grid:nth-of-type(4n) {
      margin-right: 0;
      position: relative; }
      .grid-container .grid:nth-of-type(4n):after {
        clear: both; }
    .grid-container .grid:last-of-type {
      margin-bottom: 0; }
    .grid-container .grid.even {
      top: 20px; }

@media only screen and (max-width: 1030px) {
  .grid-container .grid {
    width: 32%;
    box-sizing: border-box;
    margin: 0 1%;
    float: left;
    position: relative; }
    .grid-container .grid:nth-of-type(n), .grid-container .grid:nth-of-type(1n+1) {
      margin: 2% 1% 0;
      clear: none; }
    .grid-container .grid:nth-of-type(1) {
      margin-top: 0; }
    .grid-container .grid:nth-of-type(2) {
      margin-top: 0; }
    .grid-container .grid:nth-of-type(3) {
      margin-top: 0; }
    .grid-container .grid:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .grid-container .grid:first-of-type {
      margin-left: 0; }
    .grid-container .grid:nth-of-type(3n) {
      margin-right: 0;
      position: relative; }
      .grid-container .grid:nth-of-type(3n):after {
        clear: both; }
    .grid-container .grid:last-of-type {
      margin-bottom: 0; }
    .grid-container .grid:nth-child(3n-4) {
      top: 0.5rem; } }

@media only screen and (max-width: 770px) {
  .grid-container {
    margin: 0; }
    .grid-container .grid {
      width: 48%;
      box-sizing: border-box;
      margin: 0 2%;
      float: left; }
      .grid-container .grid:nth-of-type(n), .grid-container .grid:nth-of-type(1n+1) {
        margin: 4% 2% 0;
        clear: none; }
      .grid-container .grid:nth-of-type(1) {
        margin-top: 0; }
      .grid-container .grid:nth-of-type(2) {
        margin-top: 0; }
      .grid-container .grid:nth-of-type(2n+1) {
        margin-left: 0;
        clear: both; }
      .grid-container .grid:first-of-type {
        margin-left: 0; }
      .grid-container .grid:nth-of-type(2n) {
        margin-right: 0;
        position: relative; }
        .grid-container .grid:nth-of-type(2n):after {
          clear: both; }
      .grid-container .grid:last-of-type {
        margin-bottom: 0; }
      .grid-container .grid.even {
        top: 20px; } }

@media only screen and (max-width: 650px) {
  .grid-container .grid h2 {
    font-size: 1.6rem; } }

@media only screen and (max-width: 450px) {
  .grid-container .grid h2 {
    font-size: 1.1rem; } }

header {
  height: 170px;
  margin-bottom: 80px; }
  header .logo {
    height: 122px;
    padding: 0;
    position: relative; }
    header .logo a {
      display: block;
      width: 100%;
      max-width: 360px;
      height: 275px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 1;
      text-indent: -999em;
      background-image: url(assets/little-garden-logo.png?cd4b3abf290fd840c7a41acb75e8616e);
      background-repeat: no-repeat;
      background-position: top center;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain; }
  header .border {
    height: 48px;
    width: 100%;
    position: relative; }
  header .back-button {
    display: block;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    header .back-button a {
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 0;
      text-decoration: none;
      font-size: 1.4rem;
      color: #FFFFFF;
      opacity: 0.7;
      text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px; }
      header .back-button a i {
        font-size: 25px; }
      header .back-button a:hover {
        opacity: 1;
        text-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px; }
  @media only screen and (max-width: 650px) {
    header .logo {
      height: auto; }
      header .logo a {
        width: 100%;
        height: 160px;
        position: static; }
    header .back-full {
      display: block; }
    header .back {
      display: none; } }

@media only screen and (max-width: 1050px) {
  .back-full {
    display: none; }
  .back {
    display: block; } }

@media only screen and (max-width: 400px) {
  .back-full {
    display: none !important; }
  .back {
    display: block !important; } }

.footernav {
  position: relative;
  width: 75%;
  float: left; }
  .footernav ul li {
    list-style-type: none; }
  .footernav ul .menu-item {
    width: 30%;
    float: left;
    margin-right: 3%; }
    .footernav ul .menu-item h4 a {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px dashed #FFFFFF; }
    .footernav ul .menu-item h4 span {
      display: block;
      min-height: 45px; }
    .footernav ul .menu-item h4 a,
    .footernav ul .menu-item a {
      display: block;
      color: #FFFFFF;
      text-decoration: none; }
    .footernav ul .menu-item ul li a:hover {
      color: #000000; }
  .footernav ul ul li a {
    padding: 6px 0; }
  @media only screen and (max-width: 1366px) {
    .footernav {
      width: 70%; } }
  @media only screen and (max-width: 1030px) {
    .footernav ul .menu-item {
      width: 47%;
      margin-bottom: 30px; }
      .footernav ul .menu-item.last {
        margin-bottom: 0; }
      .footernav ul .menu-item .holder {
        display: none; } }
  @media only screen and (max-width: 770px) {
    .footernav {
      width: 100%;
      float: left; }
      .footernav ul .menu-item {
        width: 30%; }
        .footernav ul .menu-item .holder {
          display: block; } }
  @media only screen and (max-width: 650px) {
    .footernav ul h4 {
      font-size: 1.1rem; } }
  @media only screen and (max-width: 450px) {
    .footernav ul .menu-item {
      width: 47%; }
      .footernav ul .menu-item .holder {
        display: none; } }

footer {
  color: #FFFFFF;
  position: relative;
  min-height: 305px;
  background: #fbaa00;
  z-index: 2;
  /* RESPONSIVE */ }
  footer .background {
    width: 100%;
    height: 425px;
    background-image: url(assets/footer-bg.png?e84bea52e98f7d155201b9b827358340);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    /*top: -120px;*/
    bottom: 0;
    z-index: 1; }
    @media only screen and (max-width: 770px) {
      footer .background {
        background-image: url(assets/footer-bg_large.png?415bbc88e50b1adb5a459fe4bf2e69c0);
        top: unset;
        height: 565px; } }
  footer.fence-visible {
    margin-top: 13vw; }
    footer.fence-visible .fence {
      width: 100%;
      height: 26vw;
      background-image: url(assets/footer-fence-2.png?c377bbc07bf592f48870ea9a33c11a3d);
      background-repeat: no-repeat;
      background-position: center bottom;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: absolute;
      top: -26vw;
      z-index: 1; }
  footer .inner {
    position: relative;
    padding: 50px 0 30px;
    z-index: 3; }
  footer .parallax {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: -200px;
    overflow: hidden;
    z-index: 2;
    pointer-events: none; }
  footer a {
    color: #FFFFFF;
    text-decoration: none; }
    footer a:hover {
      color: #000000; }
  footer .button.plain.white {
    font-size: 20px;
    color: white;
    display: inline-block;
    padding: 14px 36px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid white;
    text-transform: uppercase;
    font-family: "Museo Sans";
    margin-bottom: 20px;
    min-width: 190px;
    z-index: 3;
    width: 100%; }
    footer .button.plain.white .fa {
      font-size: 18px; }
    footer .button.plain.white .fa {
      float: right;
      margin-left: 10px;
      font-size: 20px; }
    @media only screen and (min-width: 1366px) {
      footer .button.plain.white {
        font-size: 12px; }
        footer .button.plain.white .fa {
          font-size: 17px; } }
    @media only screen and (min-width: 1800px) {
      footer .button.plain.white {
        font-size: 18px; }
        footer .button.plain.white .fa {
          font-size: 20px; } }
  footer .w-25 a {
    float: right;
    clear: right; }
  footer .legal {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center; }
  @media only screen and (max-width: 770px) {
    footer .inner {
      padding-top: 20px; }
    footer .w-25 {
      width: 100%;
      float: none; }
      footer .w-25 a {
        float: left;
        clear: left; } }
  @media only screen and (max-width: 450px) {
    footer .w-25 .button.plain.white {
      padding: 10px 5%;
      min-width: 89%; } }
  @media only screen and (min-width: 1366px) {
    footer .inner {
      max-width: 66%; }
    footer .parallax .parallaxing.left-image .image {
      background-image: url(assets/footer-behive.png?5abfca8363ac007330509e44ad51b9c3);
      background-position: -220px 0;
      background-size: 450px; }
    footer .parallax .parallaxing.right-image .image {
      background-image: url(assets/footer-flowers.png?d5ca573b6dd3f331c6db99d5dd142c2d);
      background-position: 50px 0;
      background-size: 300px; } }
  @media only screen and (min-width: 1800px) {
    footer .inner {
      max-width: 1200px; }
    footer .parallax .parallaxing.left-image .image {
      background-size: 500px; } }

.seed-stage-slider {
  padding-bottom: 70px; }
  @media only screen and (max-width: 650px) {
    .seed-stage-slider {
      padding-bottom: 10px; } }
  .seed-stage-slider .border-top {
    /*border-bottom: 1px dashed colour(grey);*/
    padding-bottom: 65px; }
    .seed-stage-slider .border-top .container {
      max-width: 900px;
      width: 100%;
      margin: 0 auto; }
      .seed-stage-slider .border-top .container .slide-content {
        cursor: pointer;
        width: 14%;
        float: left;
        position: relative;
        text-align: center;
        z-index: 10; }
        .seed-stage-slider .border-top .container .slide-content.active h3 {
          font-size: 2.4rem;
          padding: 0px;
          opacity: 1; }
        .seed-stage-slider .border-top .container .slide-content.active .triangle {
          display: block; }
        .seed-stage-slider .border-top .container .slide-content h3 {
          font-size: 1.6rem;
          opacity: 0.5; }
        .seed-stage-slider .border-top .container .slide-content .count {
          width: 40px;
          height: 40px;
          position: relative;
          margin: auto; }
          .seed-stage-slider .border-top .container .slide-content .count .circle-bg {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 40px;
            height: 40px;
            cursor: pointer; }
        .seed-stage-slider .border-top .container .slide-content .triangle {
          display: none;
          width: 10px;
          height: 10px;
          position: relative;
          margin: auto; }
          .seed-stage-slider .border-top .container .slide-content .triangle .triangle-bg {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 10px;
            height: 10px; }
  .seed-stage-slider .nav-phone {
    display: none; }
    .seed-stage-slider .nav-phone .border-bottom {
      display: inline-block;
      padding-bottom: 65px;
      width: 100%; }
      .seed-stage-slider .nav-phone .border-bottom .container {
        max-width: 900px;
        width: 100%;
        margin: 0 auto; }
        .seed-stage-slider .nav-phone .border-bottom .container .slide-content {
          cursor: pointer;
          width: 14%;
          float: left;
          position: relative;
          text-align: center;
          z-index: 10;
          margin-top: -70px; }
          .seed-stage-slider .nav-phone .border-bottom .container .slide-content.active h3 {
            font-size: 2.4rem;
            padding: 0px;
            opacity: 1; }
          .seed-stage-slider .nav-phone .border-bottom .container .slide-content.active .triangle {
            display: block; }
          .seed-stage-slider .nav-phone .border-bottom .container .slide-content h3 {
            font-size: 1.6rem;
            opacity: 0.5; }
          .seed-stage-slider .nav-phone .border-bottom .container .slide-content .count {
            width: 40px;
            height: 40px;
            position: relative;
            margin: auto; }
            .seed-stage-slider .nav-phone .border-bottom .container .slide-content .count .circle-bg {
              background-repeat: no-repeat;
              background-size: cover;
              background-position: center;
              width: 40px;
              height: 40px;
              cursor: pointer; }
          .seed-stage-slider .nav-phone .border-bottom .container .slide-content .triangle {
            display: none; }
    @media only screen and (max-width: 650px) {
      .seed-stage-slider .nav-phone {
        display: block; } }
  .seed-stage-slider .slide-content-wrapper {
    border-top: 1px dashed #BBBBBB;
    border-bottom: 1px dashed #BBBBBB;
    display: none; }
    .seed-stage-slider .slide-content-wrapper.active {
      display: block; }
    .seed-stage-slider .slide-content-wrapper .content {
      padding: 70px 0 40px 0;
      max-width: 900px;
      width: 100%;
      margin: 0 auto; }
      .seed-stage-slider .slide-content-wrapper .content .text {
        width: 65%;
        float: left; }
        .seed-stage-slider .slide-content-wrapper .content .text ul li a {
          text-decoration: underline !important; }
        .seed-stage-slider .slide-content-wrapper .content .text h3 {
          margin-bottom: 20px; }
      .seed-stage-slider .slide-content-wrapper .content .image {
        width: 32%;
        float: right;
        background-repeat: no-repeat;
        height: 300px;
        /*					position: absolute;
					display: block;
					right: 44px;
					top: 22%;*/ }
      .seed-stage-slider .slide-content-wrapper .content.Pos-1 .image {
        background-image: url("/../site/images/seed-timeline/01.png"); }
      .seed-stage-slider .slide-content-wrapper .content.Pos-2 .image {
        background-image: url("/../site/images/seed-timeline/02.png"); }
      .seed-stage-slider .slide-content-wrapper .content.Pos-3 .image {
        background-image: url("/../site/images/seed-timeline/03.png"); }
      .seed-stage-slider .slide-content-wrapper .content.Pos-4 .image {
        background-image: url("/../site/images/seed-timeline/04.png"); }
      .seed-stage-slider .slide-content-wrapper .content.Pos-5 .image {
        background-image: url("/../site/images/seed-timeline/05.png"); }
      .seed-stage-slider .slide-content-wrapper .content.Pos-6 .image {
        background-image: url("/../site/images/seed-timeline/06.png"); }
      .seed-stage-slider .slide-content-wrapper .content.Pos-7 .image {
        background-image: url("/../site/images/seed-timeline/07.png"); }

@media only screen and (max-width: 700px) {
  .seed-stage-slider .slide-content-wrapper .content .text {
    width: 100%; }
  .seed-stage-slider .slide-content-wrapper .content .image {
    width: 100%; } }

@media only screen and (max-width: 500px) {
  .seed-stage-slider .border-top .container .slide-content h3 {
    font-size: 1.3rem;
    padding-bottom: 14px; }
  .seed-stage-slider .border-top .container .slide-content .count {
    width: 30px;
    height: 30px; }
    .seed-stage-slider .border-top .container .slide-content .count .circle-bg {
      width: 30px;
      height: 30px; } }

.seed-stories {
  min-height: 500px;
  height: 100%;
  position: relative; }
  .seed-stories .pattern {
    background-repeat: repeat;
    background-size: 40%;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    width: 100%; }
  .seed-stories .inner {
    padding-top: 40px; }
    .seed-stories .inner .w-50 h2 {
      padding-bottom: 3rem; }
    @media only screen and (max-width: 650px) {
      .seed-stories .inner {
        padding-bottom: 0 !important; } }
    .seed-stories .inner .grid-container .grid .square {
      position: relative;
      height: 0;
      padding-bottom: 100%; }
      .seed-stories .inner .grid-container .grid .square .square-inner {
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden; }
    .seed-stories .inner .grid-container .grid img {
      height: 100%; }
    .seed-stories .inner .grid-container .grid:hover {
      opacity: 0.7; }

.feedback-form-wrapper {
  position: relative;
  max-width: 500px;
  margin: 170px auto 0; }
  .feedback-form-wrapper .form_bee_image {
    position: absolute;
    top: -130px;
    right: -60px; }
  .feedback-form-wrapper .feedback-button-wrapper {
    width: 100%;
    text-align: center; }
  .feedback-form-wrapper .feedback-button {
    margin: 30px auto 15px;
    color: #FFFFFF; }
    .feedback-form-wrapper .feedback-button:hover {
      cursor: pointer; }
  .feedback-form-wrapper .hexagon {
    display: block;
    position: absolute; }
    .feedback-form-wrapper .hexagon.dark-red-bg.large {
      position: relative;
      width: 70px;
      height: 40.39px;
      background-color: #D24647;
      margin: 20.16px 0;
      border-left: 0;
      border-right: 0;
      position: absolute; }
      .feedback-form-wrapper .hexagon.dark-red-bg.large:before, .feedback-form-wrapper .hexagon.dark-red-bg.large:after {
        content: "";
        position: absolute;
        width: 0;
        left: 0;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent; }
      .feedback-form-wrapper .hexagon.dark-red-bg.large:before {
        bottom: 100%;
        border-bottom: 20.16px solid #D24647; }
      .feedback-form-wrapper .hexagon.dark-red-bg.large:after {
        top: 100%;
        width: 0;
        border-top: 20.16px solid #D24647; }
    .feedback-form-wrapper .hexagon.dark-red-bg.medium {
      position: relative;
      width: 55px;
      height: 31.735px;
      background-color: #D24647;
      margin: 15.84px 0;
      border-left: 0;
      border-right: 0;
      position: absolute; }
      .feedback-form-wrapper .hexagon.dark-red-bg.medium:before, .feedback-form-wrapper .hexagon.dark-red-bg.medium:after {
        content: "";
        position: absolute;
        width: 0;
        left: 0;
        border-left: 27.5px solid transparent;
        border-right: 27.5px solid transparent; }
      .feedback-form-wrapper .hexagon.dark-red-bg.medium:before {
        bottom: 100%;
        border-bottom: 15.84px solid #D24647; }
      .feedback-form-wrapper .hexagon.dark-red-bg.medium:after {
        top: 100%;
        width: 0;
        border-top: 15.84px solid #D24647; }
    .feedback-form-wrapper .hexagon.dark-red-bg.small {
      position: relative;
      width: 35px;
      height: 20.195px;
      background-color: #D24647;
      margin: 10.08px 0;
      border-left: 0;
      border-right: 0;
      position: absolute; }
      .feedback-form-wrapper .hexagon.dark-red-bg.small:before, .feedback-form-wrapper .hexagon.dark-red-bg.small:after {
        content: "";
        position: absolute;
        width: 0;
        left: 0;
        border-left: 17.5px solid transparent;
        border-right: 17.5px solid transparent; }
      .feedback-form-wrapper .hexagon.dark-red-bg.small:before {
        bottom: 100%;
        border-bottom: 10.08px solid #D24647; }
      .feedback-form-wrapper .hexagon.dark-red-bg.small:after {
        top: 100%;
        width: 0;
        border-top: 10.08px solid #D24647; }
    .feedback-form-wrapper .hexagon.dark-red-bg.tiny {
      position: relative;
      width: 25px;
      height: 14.425px;
      background-color: #D24647;
      margin: 7.2px 0;
      border-left: 0;
      border-right: 0;
      position: absolute; }
      .feedback-form-wrapper .hexagon.dark-red-bg.tiny:before, .feedback-form-wrapper .hexagon.dark-red-bg.tiny:after {
        content: "";
        position: absolute;
        width: 0;
        left: 0;
        border-left: 12.5px solid transparent;
        border-right: 12.5px solid transparent; }
      .feedback-form-wrapper .hexagon.dark-red-bg.tiny:before {
        bottom: 100%;
        border-bottom: 7.2px solid #D24647; }
      .feedback-form-wrapper .hexagon.dark-red-bg.tiny:after {
        top: 100%;
        width: 0;
        border-top: 7.2px solid #D24647; }
    .feedback-form-wrapper .hexagon.dark-blue-bg.large {
      position: relative;
      width: 70px;
      height: 40.39px;
      background-color: #047C9A;
      margin: 20.16px 0;
      border-left: 0;
      border-right: 0;
      position: absolute; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.large:before, .feedback-form-wrapper .hexagon.dark-blue-bg.large:after {
        content: "";
        position: absolute;
        width: 0;
        left: 0;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.large:before {
        bottom: 100%;
        border-bottom: 20.16px solid #047C9A; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.large:after {
        top: 100%;
        width: 0;
        border-top: 20.16px solid #047C9A; }
    .feedback-form-wrapper .hexagon.dark-blue-bg.medium {
      position: relative;
      width: 55px;
      height: 31.735px;
      background-color: #047C9A;
      margin: 15.84px 0;
      border-left: 0;
      border-right: 0;
      position: absolute; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.medium:before, .feedback-form-wrapper .hexagon.dark-blue-bg.medium:after {
        content: "";
        position: absolute;
        width: 0;
        left: 0;
        border-left: 27.5px solid transparent;
        border-right: 27.5px solid transparent; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.medium:before {
        bottom: 100%;
        border-bottom: 15.84px solid #047C9A; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.medium:after {
        top: 100%;
        width: 0;
        border-top: 15.84px solid #047C9A; }
    .feedback-form-wrapper .hexagon.dark-blue-bg.small {
      position: relative;
      width: 35px;
      height: 20.195px;
      background-color: #047C9A;
      margin: 10.08px 0;
      border-left: 0;
      border-right: 0;
      position: absolute; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.small:before, .feedback-form-wrapper .hexagon.dark-blue-bg.small:after {
        content: "";
        position: absolute;
        width: 0;
        left: 0;
        border-left: 17.5px solid transparent;
        border-right: 17.5px solid transparent; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.small:before {
        bottom: 100%;
        border-bottom: 10.08px solid #047C9A; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.small:after {
        top: 100%;
        width: 0;
        border-top: 10.08px solid #047C9A; }
    .feedback-form-wrapper .hexagon.dark-blue-bg.tiny {
      position: relative;
      width: 25px;
      height: 14.425px;
      background-color: #047C9A;
      margin: 7.2px 0;
      border-left: 0;
      border-right: 0;
      position: absolute; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.tiny:before, .feedback-form-wrapper .hexagon.dark-blue-bg.tiny:after {
        content: "";
        position: absolute;
        width: 0;
        left: 0;
        border-left: 12.5px solid transparent;
        border-right: 12.5px solid transparent; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.tiny:before {
        bottom: 100%;
        border-bottom: 7.2px solid #047C9A; }
      .feedback-form-wrapper .hexagon.dark-blue-bg.tiny:after {
        top: 100%;
        width: 0;
        border-top: 7.2px solid #047C9A; }
    .feedback-form-wrapper .hexagon.num-1 {
      left: -50px;
      bottom: 100px; }
    .feedback-form-wrapper .hexagon.num-2 {
      left: 100px;
      bottom: -30px; }
    .feedback-form-wrapper .hexagon.num-3 {
      right: -30px;
      top: 150px; }
    .feedback-form-wrapper .hexagon.num-4 {
      right: 145px;
      top: -50px; }
    .feedback-form-wrapper .hexagon.num-5 {
      left: 30px;
      bottom: -6px; }
    .feedback-form-wrapper .hexagon.num-6 {
      right: 140px;
      top: -5px; }

.ask-question-form,
.share-story-form {
  padding: 50px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #FFFFFF;
  position: relative;
  background-image: url("/../site/images/form-frame.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block; }
  .ask-question-form p,
  .share-story-form p {
    color: #FFFFFF; }
    .ask-question-form p a,
    .share-story-form p a {
      color: #FFFFFF !important;
      font-weight: 700; }
  .ask-question-form form,
  .share-story-form form {
    margin-top: 20px; }
    .ask-question-form form textarea,
    .share-story-form form textarea {
      width: 100%;
      background: none;
      border: 2px solid #FFFFFF;
      color: #FFFFFF; }
    .ask-question-form form .file .story-upload-field,
    .share-story-form form .file .story-upload-field {
      border: 2px solid #FFFFFF;
      width: 100%; }
    .ask-question-form form .field.dropdown .middleColumn,
    .share-story-form form .field.dropdown .middleColumn {
      border: 2px solid #FFFFFF; }
      .ask-question-form form .field.dropdown .middleColumn:after,
      .share-story-form form .field.dropdown .middleColumn:after {
        color: #FFFFFF; }
      .ask-question-form form .field.dropdown .middleColumn select,
      .share-story-form form .field.dropdown .middleColumn select {
        color: #FFFFFF; }
    .ask-question-form form .Actions,
    .share-story-form form .Actions {
      text-align: right; }
      .ask-question-form form .Actions .action,
      .share-story-form form .Actions .action {
        border: 2px solid #FFFFFF; }
    .ask-question-form form .faux,
    .share-story-form form .faux {
      border: 2px solid #FFFFFF !important;
      padding: 10px 16px;
      position: relative; }
      .ask-question-form form .faux.dropdown,
      .share-story-form form .faux.dropdown {
        margin-bottom: 20px; }
        .ask-question-form form .faux.dropdown .fa,
        .share-story-form form .faux.dropdown .fa {
          position: absolute;
          top: 50%;
          right: 5px;
          color: #FFFFFF;
          font-size: 21px;
          margin-top: -10px; }
      .ask-question-form form .faux.textarea,
      .share-story-form form .faux.textarea {
        height: 120px;
        margin-bottom: 30px; }
      .ask-question-form form .faux.button,
      .share-story-form form .faux.button {
        float: right; }

.ask-question-form .field.dropdown .middleColumn {
  background: #009ADB; }
  .ask-question-form .field.dropdown .middleColumn select option {
    color: #009ADB; }

.ask-question-form .Actions button {
  color: #FFFFFF;
  padding: 10px 20px;
  background-color: #009ADB; }
  .ask-question-form .Actions button:hover {
    background-color: #047C9A;
    cursor: pointer; }

.share-story-form .field.dropdown .middleColumn {
  background: #F06060; }
  .share-story-form .field.dropdown .middleColumn select option {
    color: #F06060; }

.share-story-form .Actions button {
  color: #FFFFFF;
  padding: 10px 20px;
  background-color: #F06060; }
  .share-story-form .Actions button:hover {
    background-color: #D24647;
    cursor: pointer; }

@media all and (max-width: 455px) {
  .feedback-form-wrapper .ask-question-form,
  .feedback-form-wrapper .share-story-form {
    padding: 40px 30px; } }

.story-grid {
  padding: 20px 20px 5px !important;
  position: relative; }
  .story-grid .share-label-wrapper {
    position: absolute;
    overflow: hidden;
    height: 150px;
    width: 150px;
    right: 0;
    bottom: 0; }
    .story-grid .share-label-wrapper .share-label {
      width: 70px;
      position: absolute;
      bottom: -12px;
      right: 15px;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear; }
      .story-grid .share-label-wrapper .share-label .sharebar {
        display: none; }
      .story-grid .share-label-wrapper .share-label:hover {
        cursor: pointer;
        bottom: -1px; }
      .story-grid .share-label-wrapper .share-label.active {
        bottom: -1px; }
        .story-grid .share-label-wrapper .share-label.active .sharebar {
          display: block; }
  .story-grid .share {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    font-size: 17px;
    text-align: center; }
  .story-grid .seed-label {
    width: 100%; }
    .story-grid .seed-label svg {
      height: 63px;
      width: 100%; }
  .story-grid .story-publish-info {
    font-size: 0.8rem;
    padding-right: 70px; }
  .story-grid .seed-image-wrapper {
    position: absolute;
    top: -25px;
    right: 30px;
    border-radius: 50%;
    width: 60px;
    height: 60px; }
    .story-grid .seed-image-wrapper img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 60px; }

.popup {
  position: fixed;
  z-index: 999;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #7f378b;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 100px 20px;
  display: none; }
  .popup .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 50px;
    color: #FFFFFF; }
  .popup .inner {
    height: 100%; }
    .popup .inner .popup-content-wrapper {
      width: 100%;
      max-width: 550px;
      margin: 0 auto;
      background: #5e2966;
      padding: 30px 0 0 0;
      position: relative; }
      .popup .inner .popup-content-wrapper .form-loader {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9998;
        background-color: rgba(94, 41, 102, 0.9); }
        .popup .inner .popup-content-wrapper .form-loader img {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: 9998; }
        .popup .inner .popup-content-wrapper .form-loader .loading-text {
          padding-top: 200px;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: 9998;
          font-size: 1.6rem; }
      .popup .inner .popup-content-wrapper.loading .form-loader {
        display: block; }
    .popup .inner .content {
      padding: 80px 0 0;
      color: #FFFFFF; }
      .popup .inner .content a {
        color: #FFFFFF; }
      .popup .inner .content .registration-form {
        display: none; }
      .popup .inner .content iframe {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto; }
  .popup.forms-popup .field.textarea {
    margin-top: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .popup.forms-popup .field.textarea textarea {
      width: 100%;
      height: 200px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
  .popup.forms-popup .popup-form-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 40px 40px;
    position: relative;
    margin-bottom: 50px; }
  .popup.forms-popup .form-wrapper {
    display: none; }
    .popup.forms-popup .form-wrapper.active {
      display: block; }
  .popup.forms-popup form {
    margin-top: 20px; }
    .popup.forms-popup form label {
      font-family: "Museo Sans", serif;
      font-size: 15px;
      padding: 0 0 8px 0;
      letter-spacing: normal !important; }
  .popup.forms-popup .login-message-wrapper {
    margin-bottom: 50px; }
    .popup.forms-popup .login-message-wrapper .login-message {
      display: block; }
  .popup.forms-popup .login-form-toggle {
    text-align: center; }
    .popup.forms-popup .login-form-toggle .form-toggle-button {
      padding: 10px 40px;
      font-size: 1.2rem;
      font-weight: bold; }
      .popup.forms-popup .login-form-toggle .form-toggle-button:hover {
        cursor: pointer; }
  .popup.forms-popup .inline-form-toggle {
    text-decoration: underline; }
    .popup.forms-popup .inline-form-toggle:hover {
      cursor: pointer; }
  .popup.forms-popup .registration-button,
  .popup.forms-popup .login-button {
    border: none;
    background-color: #3c1a42;
    width: 100%;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 17px 32px;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "Luckiest Guy", serif;
    letter-spacing: 1.5px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .popup.forms-popup .registration-button:hover,
    .popup.forms-popup .login-button:hover {
      cursor: pointer; }
  .popup.forms-popup .form-submit-section .close-submit-wrapper {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 40px; }
    .popup.forms-popup .form-submit-section .close-submit-wrapper .close-submit {
      text-decoration: none;
      padding: 14px 36px;
      font-family: "Luckiest Guy", serif;
      display: inline-block;
      letter-spacing: 1.5px;
      font-size: 18px;
      border: 1px solid #FFFFFF; }
      .popup.forms-popup .form-submit-section .close-submit-wrapper .close-submit:hover {
        cursor: pointer; }
  .popup.buzzy {
    background-image: url(assets/bee-and-trail.png?c2cff13bc7310921a7a46b3e07ff1bd6);
    background-size: auto 70%;
    background-position: 80% bottom;
    background-repeat: no-repeat; }

@media all and (max-width: 450px) {
  .popup {
    padding: 100px 10px; }
    .popup.forms-popup .popup-form-wrapper {
      padding: 20px 20px; } }

.security-page ul {
  display: none; }

.security-page form {
  margin: 0 auto;
  max-width: 500px;
  border: 0;
  padding: 30px; }
  .security-page form .field.text label {
    text-transform: uppercase;
    padding-bottom: 4px; }
  .security-page form .field.text input {
    width: 100%; }
  .security-page form .field.checkbox label {
    float: none; }
  .security-page form #ForgotPassword {
    margin-top: 20px; }
    .security-page form #ForgotPassword a {
      text-decoration: none; }
  .security-page form .Actions {
    padding-top: 10px;
    text-align: center; }
    .security-page form .Actions #CustomLoginForm_LostPasswordForm_action_forgotPassword,
    .security-page form .Actions #CustomLoginForm_LoginForm_action_dologin {
      border: 2px solid #000000;
      border-radius: 5px;
      width: auto;
      margin-bottom: 0;
      padding: 15px 30px; }
      .security-page form .Actions #CustomLoginForm_LostPasswordForm_action_forgotPassword:hover,
      .security-page form .Actions #CustomLoginForm_LoginForm_action_dologin:hover {
        background: #BBBBBB;
        cursor: pointer; }

/**
*
* sets wrap on buttons in mobile views
*/
@media only screen and (max-width: 650px) {
  #CustomLoginForm_LostPasswordForm_action_forgotPassword {
    width: 70% !important;
    white-space: normal; } }

.popup #CustomLoginForm_LoginForm,
.popup #Form_RegistrationForm {
  margin-bottom: 100px; }

.popup #Form_RegistrationForm .description,
.popup #CustomLoginForm_LoginForm .description,
.popup #Form_AskQuestionForm .description,
.popup #Form_ShareStoryForm .description {
  font-size: 12px;
  padding: 5px; }

.popup #Form_RegistrationForm .field,
.popup #CustomLoginForm_LoginForm .field,
.popup #Form_AskQuestionForm .field,
.popup #Form_ShareStoryForm .field {
  margin-bottom: 20px; }

.popup #Form_RegistrationForm input,
.popup #Form_RegistrationForm select,
.popup #Form_RegistrationForm textarea,
.popup #CustomLoginForm_LoginForm input,
.popup #CustomLoginForm_LoginForm select,
.popup #CustomLoginForm_LoginForm textarea,
.popup #Form_AskQuestionForm input,
.popup #Form_AskQuestionForm select,
.popup #Form_AskQuestionForm textarea,
.popup #Form_ShareStoryForm input,
.popup #Form_ShareStoryForm select,
.popup #Form_ShareStoryForm textarea {
  border: 2px solid #FFFFFF;
  padding: 15px;
  font-size: 18px;
  width: 100%;
  background: none;
  color: #FFFFFF;
  border-radius: 5px; }
  .popup #Form_RegistrationForm input::-webkit-input-placeholder, .popup #Form_RegistrationForm select::-webkit-input-placeholder, .popup #Form_RegistrationForm textarea::-webkit-input-placeholder, .popup #CustomLoginForm_LoginForm input::-webkit-input-placeholder, .popup #CustomLoginForm_LoginForm select::-webkit-input-placeholder, .popup #CustomLoginForm_LoginForm textarea::-webkit-input-placeholder, .popup #Form_AskQuestionForm input::-webkit-input-placeholder, .popup #Form_AskQuestionForm select::-webkit-input-placeholder, .popup #Form_AskQuestionForm textarea::-webkit-input-placeholder, .popup #Form_ShareStoryForm input::-webkit-input-placeholder, .popup #Form_ShareStoryForm select::-webkit-input-placeholder, .popup #Form_ShareStoryForm textarea::-webkit-input-placeholder {
    color: #FFFFFF; }
  .popup #Form_RegistrationForm input:-moz-placeholder, .popup #Form_RegistrationForm select:-moz-placeholder, .popup #Form_RegistrationForm textarea:-moz-placeholder, .popup #CustomLoginForm_LoginForm input:-moz-placeholder, .popup #CustomLoginForm_LoginForm select:-moz-placeholder, .popup #CustomLoginForm_LoginForm textarea:-moz-placeholder, .popup #Form_AskQuestionForm input:-moz-placeholder, .popup #Form_AskQuestionForm select:-moz-placeholder, .popup #Form_AskQuestionForm textarea:-moz-placeholder, .popup #Form_ShareStoryForm input:-moz-placeholder, .popup #Form_ShareStoryForm select:-moz-placeholder, .popup #Form_ShareStoryForm textarea:-moz-placeholder {
    color: #FFFFFF; }
  .popup #Form_RegistrationForm input::-moz-placeholder, .popup #Form_RegistrationForm select::-moz-placeholder, .popup #Form_RegistrationForm textarea::-moz-placeholder, .popup #CustomLoginForm_LoginForm input::-moz-placeholder, .popup #CustomLoginForm_LoginForm select::-moz-placeholder, .popup #CustomLoginForm_LoginForm textarea::-moz-placeholder, .popup #Form_AskQuestionForm input::-moz-placeholder, .popup #Form_AskQuestionForm select::-moz-placeholder, .popup #Form_AskQuestionForm textarea::-moz-placeholder, .popup #Form_ShareStoryForm input::-moz-placeholder, .popup #Form_ShareStoryForm select::-moz-placeholder, .popup #Form_ShareStoryForm textarea::-moz-placeholder {
    color: #FFFFFF; }
  .popup #Form_RegistrationForm input:-ms-input-placeholder, .popup #Form_RegistrationForm select:-ms-input-placeholder, .popup #Form_RegistrationForm textarea:-ms-input-placeholder, .popup #CustomLoginForm_LoginForm input:-ms-input-placeholder, .popup #CustomLoginForm_LoginForm select:-ms-input-placeholder, .popup #CustomLoginForm_LoginForm textarea:-ms-input-placeholder, .popup #Form_AskQuestionForm input:-ms-input-placeholder, .popup #Form_AskQuestionForm select:-ms-input-placeholder, .popup #Form_AskQuestionForm textarea:-ms-input-placeholder, .popup #Form_ShareStoryForm input:-ms-input-placeholder, .popup #Form_ShareStoryForm select:-ms-input-placeholder, .popup #Form_ShareStoryForm textarea:-ms-input-placeholder {
    color: #FFFFFF; }
  .popup #Form_RegistrationForm input.file,
  .popup #Form_RegistrationForm select.file,
  .popup #Form_RegistrationForm textarea.file,
  .popup #CustomLoginForm_LoginForm input.file,
  .popup #CustomLoginForm_LoginForm select.file,
  .popup #CustomLoginForm_LoginForm textarea.file,
  .popup #Form_AskQuestionForm input.file,
  .popup #Form_AskQuestionForm select.file,
  .popup #Form_AskQuestionForm textarea.file,
  .popup #Form_ShareStoryForm input.file,
  .popup #Form_ShareStoryForm select.file,
  .popup #Form_ShareStoryForm textarea.file {
    padding: 12px; }

.popup #Form_RegistrationForm select,
.popup #CustomLoginForm_LoginForm select,
.popup #Form_AskQuestionForm select,
.popup #Form_ShareStoryForm select {
  line-height: 1.6;
  margin-bottom: 0;
  padding: 12px; }

.popup #Form_RegistrationForm .Actions,
.popup #CustomLoginForm_LoginForm .Actions,
.popup #Form_AskQuestionForm .Actions,
.popup #Form_ShareStoryForm .Actions {
  margin-top: 20px; }
  .popup #Form_RegistrationForm .Actions #CustomLoginForm_LoginForm_action_dologin,
  .popup #Form_RegistrationForm .Actions #Form_RegistrationForm_action_doRegistrationForm,
  .popup #Form_RegistrationForm .Actions #Form_AskQuestionForm_action_doAskQuestionForm,
  .popup #Form_RegistrationForm .Actions #Form_ShareStoryForm_action_doShareStoryForm,
  .popup #CustomLoginForm_LoginForm .Actions #CustomLoginForm_LoginForm_action_dologin,
  .popup #CustomLoginForm_LoginForm .Actions #Form_RegistrationForm_action_doRegistrationForm,
  .popup #CustomLoginForm_LoginForm .Actions #Form_AskQuestionForm_action_doAskQuestionForm,
  .popup #CustomLoginForm_LoginForm .Actions #Form_ShareStoryForm_action_doShareStoryForm,
  .popup #Form_AskQuestionForm .Actions #CustomLoginForm_LoginForm_action_dologin,
  .popup #Form_AskQuestionForm .Actions #Form_RegistrationForm_action_doRegistrationForm,
  .popup #Form_AskQuestionForm .Actions #Form_AskQuestionForm_action_doAskQuestionForm,
  .popup #Form_AskQuestionForm .Actions #Form_ShareStoryForm_action_doShareStoryForm,
  .popup #Form_ShareStoryForm .Actions #CustomLoginForm_LoginForm_action_dologin,
  .popup #Form_ShareStoryForm .Actions #Form_RegistrationForm_action_doRegistrationForm,
  .popup #Form_ShareStoryForm .Actions #Form_AskQuestionForm_action_doAskQuestionForm,
  .popup #Form_ShareStoryForm .Actions #Form_ShareStoryForm_action_doShareStoryForm {
    border-radius: 5px;
    width: auto;
    margin-bottom: 0;
    padding: 15px 30px; }
    .popup #Form_RegistrationForm .Actions #CustomLoginForm_LoginForm_action_dologin:hover,
    .popup #Form_RegistrationForm .Actions #Form_RegistrationForm_action_doRegistrationForm:hover,
    .popup #Form_RegistrationForm .Actions #Form_AskQuestionForm_action_doAskQuestionForm:hover,
    .popup #Form_RegistrationForm .Actions #Form_ShareStoryForm_action_doShareStoryForm:hover,
    .popup #CustomLoginForm_LoginForm .Actions #CustomLoginForm_LoginForm_action_dologin:hover,
    .popup #CustomLoginForm_LoginForm .Actions #Form_RegistrationForm_action_doRegistrationForm:hover,
    .popup #CustomLoginForm_LoginForm .Actions #Form_AskQuestionForm_action_doAskQuestionForm:hover,
    .popup #CustomLoginForm_LoginForm .Actions #Form_ShareStoryForm_action_doShareStoryForm:hover,
    .popup #Form_AskQuestionForm .Actions #CustomLoginForm_LoginForm_action_dologin:hover,
    .popup #Form_AskQuestionForm .Actions #Form_RegistrationForm_action_doRegistrationForm:hover,
    .popup #Form_AskQuestionForm .Actions #Form_AskQuestionForm_action_doAskQuestionForm:hover,
    .popup #Form_AskQuestionForm .Actions #Form_ShareStoryForm_action_doShareStoryForm:hover,
    .popup #Form_ShareStoryForm .Actions #CustomLoginForm_LoginForm_action_dologin:hover,
    .popup #Form_ShareStoryForm .Actions #Form_RegistrationForm_action_doRegistrationForm:hover,
    .popup #Form_ShareStoryForm .Actions #Form_AskQuestionForm_action_doAskQuestionForm:hover,
    .popup #Form_ShareStoryForm .Actions #Form_ShareStoryForm_action_doShareStoryForm:hover {
      cursor: pointer; }
  .popup #Form_RegistrationForm .Actions #ForgotPassword,
  .popup #CustomLoginForm_LoginForm .Actions #ForgotPassword,
  .popup #Form_AskQuestionForm .Actions #ForgotPassword,
  .popup #Form_ShareStoryForm .Actions #ForgotPassword {
    margin-top: 20px; }
    .popup #Form_RegistrationForm .Actions #ForgotPassword a,
    .popup #CustomLoginForm_LoginForm .Actions #ForgotPassword a,
    .popup #Form_AskQuestionForm .Actions #ForgotPassword a,
    .popup #Form_ShareStoryForm .Actions #ForgotPassword a {
      text-decoration: none; }

.popup #Form_RegistrationForm #Form_RegistrationForm_Terms_Holder,
.popup #CustomLoginForm_LoginForm #Form_RegistrationForm_Terms_Holder,
.popup #Form_AskQuestionForm #Form_RegistrationForm_Terms_Holder,
.popup #Form_ShareStoryForm #Form_RegistrationForm_Terms_Holder {
  margin-top: 20px; }

.popup #Form_RegistrationForm .field.dropdown .middleColumn,
.popup #CustomLoginForm_LoginForm .field.dropdown .middleColumn,
.popup #Form_AskQuestionForm .field.dropdown .middleColumn,
.popup #Form_ShareStoryForm .field.dropdown .middleColumn {
  border: none; }
  .popup #Form_RegistrationForm .field.dropdown .middleColumn:before,
  .popup #CustomLoginForm_LoginForm .field.dropdown .middleColumn:before,
  .popup #Form_AskQuestionForm .field.dropdown .middleColumn:before,
  .popup #Form_ShareStoryForm .field.dropdown .middleColumn:before {
    top: 45%;
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%); }

.popup #Form_RegistrationForm .field.text label,
.popup #CustomLoginForm_LoginForm .field.text label,
.popup #Form_AskQuestionForm .field.text label,
.popup #Form_ShareStoryForm .field.text label {
  display: none; }

.popup #Form_RegistrationForm .field.checkbox,
.popup #CustomLoginForm_LoginForm .field.checkbox,
.popup #Form_AskQuestionForm .field.checkbox,
.popup #Form_ShareStoryForm .field.checkbox {
  margin-bottom: 20px; }

.popup form {
  color: #FFFFFF; }
  .popup form .field {
    padding-bottom: 0; }
  .popup form .field:not(.confirmedpassword) .text {
    width: 100%;
    background: none;
    border: 2px solid #FFFFFF;
    color: #FFFFFF; }
  .popup form .field:not(.confirmedpassword) select {
    color: #FFFFFF; }
    .popup form .field:not(.confirmedpassword) select option {
      color: #7F378B; }
  .popup form .Actions {
    text-align: center; }
    .popup form .Actions .action {
      background: none;
      color: #FFFFFF;
      border: 2px solid #FFFFFF;
      margin-bottom: 2rem; }
      .popup form .Actions .action:hover {
        background: #FFFFFF;
        color: #7F378B; }
    .popup form .Actions a {
      color: #FFFFFF; }

.popup .actions {
  margin: 60px 0; }

.sharebar svg {
  stroke-width: 3; }

.sharebar .bubble-wrapper {
  position: absolute;
  bottom: 140%;
  right: 0;
  z-index: 10;
  width: 100px;
  padding: 5px 10px 0;
  text-align: center; }

.sharebar .icon-wrapper {
  display: inline-block; }

.sharebar .email-icon,
.sharebar .facebook-icon {
  position: relative;
  z-index: 5;
  display: block;
  float: left;
  height: 50px;
  width: 50px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.sharebar .back-bubble {
  z-index: 2;
  background: #F06060;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .sharebar .back-bubble:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 100%;
    width: 0;
    height: 0;
    border-right: 16px solid transparent;
    border-top: 15px solid #F06060;
    border-left: 16px solid transparent; }

.sharebar .front-bubble {
  z-index: 2;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: white;
  position: absolute; }
  .sharebar .front-bubble:before {
    content: "";
    position: absolute;
    right: 18px;
    top: 100%;
    width: 0;
    height: 0;
    border-right: 16px solid transparent;
    border-top: 15px solid white;
    border-left: 16px solid transparent; }

.parallax {
  position: relative; }
  .parallax .parallaxing {
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    position: absolute;
    top: 0;
    left: 0; }
    .parallax .parallaxing,
    .parallax .parallaxing .image {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0 0; }
    .parallax .parallaxing:not(.loaded) {
      opacity: 0; }
    .parallax .parallaxing.loaded {
      opacity: 1; }
    .parallax .parallaxing.left-image, .parallax .parallaxing.right-image {
      height: 10%;
      pointer-events: none;
      left: 0;
      z-index: 2; }
      .parallax .parallaxing.left-image .image, .parallax .parallaxing.right-image .image {
        width: 300px;
        height: 800px;
        position: absolute;
        top: -50%;
        left: 0; }
    .parallax .parallaxing.left-image .image {
      background-position: top left; }
    .parallax .parallaxing.right-image {
      left: 100vw;
      margin-left: -300px; }
      .parallax .parallaxing.right-image .image {
        background-position: top right; }
    @media only screen and (min-width: 1366px) and (max-width: 1700px) {
      .parallax .parallaxing.left-image .image, .parallax .parallaxing.right-image .image {
        width: 240px;
        background-size: contain; }
      .parallax .parallaxing.right-image {
        margin-left: -240px; } }

/**
 * Page-specific
 *
 * These should match the class of said page (ie HomePage = homepage, Contact = contact)
 **/
.HomePage {
  position: relative;
  background: #2d9287;
  /* green hill colour */ }
  .HomePage footer {
    margin-top: -165px; }
    @media only screen and (phone-pt) {
      .HomePage footer {
        margin-top: -180px; } }
  .HomePage #homepage-scene {
    z-index: 2;
    display: block;
    height: 58vw;
    margin-bottom: -80px;
    overflow: hidden; }
    .HomePage #homepage-scene.bleed {
      left: 0;
      width: 100%;
      height: 10%;
      position: absolute;
      top: auto;
      bottom: 0;
      z-index: 40;
      background: rgba(45, 146, 135, 0);
      background: -webkit-linear-gradient(rgba(45, 146, 135, 0), #2d9287);
      background: -o-linear-gradient(rgba(45, 146, 135, 0), #2d9287);
      background: -moz-linear-gradient(rgba(45, 146, 135, 0), #2d9287);
      background: linear-gradient(rgba(45, 146, 135, 0), #2d9287); }
    .HomePage #homepage-scene .parallaxing.sky {
      left: 0;
      width: 100%;
      padding-bottom: 50%;
      z-index: 1;
      background: #0e9ad9;
      background: -webkit-linear-gradient(#0e9ad9, #8eaad8);
      background: -o-linear-gradient(#0e9ad9, #8eaad8);
      background: -moz-linear-gradient(#0e9ad9, #8eaad8);
      background: linear-gradient(#0e9ad9, #8eaad8); }
    .HomePage #homepage-scene .parallaxing.bee {
      padding-bottom: 100%; }
      .HomePage #homepage-scene .parallaxing.bee.front {
        width: 12%;
        z-index: 34; }
      .HomePage #homepage-scene .parallaxing.bee.right {
        width: 6%;
        z-index: 22; }
      .HomePage #homepage-scene .parallaxing.bee.left {
        width: 3%;
        z-index: 22; }
      .HomePage #homepage-scene .parallaxing.bee.top {
        width: 1.8%;
        z-index: 22; }
    .HomePage #homepage-scene .parallaxing.hill {
      left: 0;
      width: 100%;
      padding-bottom: 100%; }
      .HomePage #homepage-scene .parallaxing.hill.front {
        z-index: 30;
        background-image: url(assets/hill-front.png?02f4d1e63dd00eb20334e1072a403eaf); }
      .HomePage #homepage-scene .parallaxing.hill.middle {
        z-index: 20;
        background-image: url(assets/hill-middle.png?8e858fa0a759e881e5b247e428529968); }
      .HomePage #homepage-scene .parallaxing.hill.back {
        z-index: 10;
        background-image: url(assets/hill-back.png?a98b4d675b88708f95408b8f9213f028); }
    .HomePage #homepage-scene .parallaxing.cloud {
      left: -10%;
      z-index: 11;
      width: 120%; }
      .HomePage #homepage-scene .parallaxing.cloud .image {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(assets/cloud.png?5abe534d07c03e0de0d3b40fc16d57a0); }
      .HomePage #homepage-scene .parallaxing.cloud.front {
        padding-bottom: 9%; }
        .HomePage #homepage-scene .parallaxing.cloud.front .image {
          -webkit-animation: left_to_right 120s linear infinite;
          -moz-animation: left_to_right 120s linear infinite;
          animation: left_to_right 120s linear infinite;
          animation-delay: -80s; }
      .HomePage #homepage-scene .parallaxing.cloud.middle {
        padding-bottom: 6%; }
        .HomePage #homepage-scene .parallaxing.cloud.middle .image {
          -webkit-animation: left_to_right 200s linear infinite;
          -moz-animation: left_to_right 200s linear infinite;
          animation: left_to_right 200s linear infinite;
          animation-delay: -40s; }
      .HomePage #homepage-scene .parallaxing.cloud.back {
        padding-bottom: 3%; }
        .HomePage #homepage-scene .parallaxing.cloud.back .image {
          -webkit-animation: left_to_right 320s linear infinite;
          -moz-animation: left_to_right 320s linear infinite;
          animation: left_to_right 320s linear infinite;
          animation-delay: -240s; }
    .HomePage #homepage-scene .parallaxing.bee-hive {
      left: auto;
      right: 18%;
      width: 25%;
      z-index: 21;
      padding-bottom: 95%;
      background-image: url(assets/bee-hive.png?0183e43ca7057617ac612979f09b079a); }
    .HomePage #homepage-scene .parallaxing.tree {
      left: -7.5%;
      z-index: 31;
      width: 35%;
      padding-bottom: 41%;
      background-image: url(assets/tree.png?eee10f81af05487c57b770d9aeaaf555); }
    .HomePage #homepage-scene .parallaxing.fence {
      left: -5%;
      z-index: 32;
      width: 68%;
      padding-bottom: 21%;
      background-image: url(assets/fence-sunflowers.png?959f564d629e2f3fd77f68502c66940d); }
    .HomePage #homepage-scene .parallaxing.logo {
      z-index: 29;
      width: 33%;
      left: 50%;
      margin-left: -16.6667%;
      padding-bottom: 23%; }
      .HomePage #homepage-scene .parallaxing.logo .image {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(assets/logo.png?0b2dbecc73433c754b4029b804800dfe); }
      .HomePage #homepage-scene .parallaxing.logo:before, .HomePage #homepage-scene .parallaxing.logo:after {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        top: -20%;
        left: -5%;
        width: 100%;
        padding-bottom: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%; }
      .HomePage #homepage-scene .parallaxing.logo:before {
        -webkit-animation: twist 5s ease infinite;
        -moz-animation: twist 5s ease infinite;
        animation: twist 5s ease infinite;
        background-image: url(assets/logo-rays-1.png?48f6993b7f575d1251a77622bf73aed9); }
      .HomePage #homepage-scene .parallaxing.logo:after {
        -webkit-animation: twist_invert 8s ease infinite;
        -moz-animation: twist_invert 8s ease infinite;
        animation: twist_invert 8s ease infinite;
        background-image: url(assets/logo-rays-2.png?ad3ca19c900c28b7bbc11648482981ee); }
  .HomePage main {
    z-index: 2; }
  .HomePage header {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /* Resize header logo, so still have 'home' clickable area, Logo in animated bg is to low in z-index hierarchy to be clicked */ }
    .HomePage header .logo {
      height: 0; }
      .HomePage header .logo a {
        background: none;
        height: 470px; }
  @media only screen and (max-width: 975px) {
    .HomePage .typography {
      margin-top: 70px; } }
  .HomePage .typography .promos .inner {
    max-width: 96%;
    padding-bottom: 20px; }
  .HomePage .typography .promos .promo {
    color: #FFFFFF;
    display: block;
    width: 32%;
    box-sizing: border-box;
    margin: 0 1%;
    margin-bottom: 20px !important;
    float: left;
    /*@include OptimiseBgImg(contain, center center);*/
    position: relative; }
    .HomePage .typography .promos .promo:nth-of-type(n), .HomePage .typography .promos .promo:nth-of-type(1n+1) {
      margin: 2% 1% 0;
      clear: none; }
    .HomePage .typography .promos .promo:nth-of-type(1) {
      margin-top: 0; }
    .HomePage .typography .promos .promo:nth-of-type(2) {
      margin-top: 0; }
    .HomePage .typography .promos .promo:nth-of-type(3) {
      margin-top: 0; }
    .HomePage .typography .promos .promo:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .HomePage .typography .promos .promo:first-of-type {
      margin-left: 0; }
    .HomePage .typography .promos .promo:nth-of-type(3n) {
      margin-right: 0;
      position: relative; }
      .HomePage .typography .promos .promo:nth-of-type(3n):after {
        clear: both; }
    .HomePage .typography .promos .promo:last-of-type {
      margin-bottom: 0; }
    .HomePage .typography .promos .promo .promo-image {
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding-top: 70%; }
    .HomePage .typography .promos .promo h2 {
      font-size: 2rem;
      text-shadow: 2px 2px 1px #565656;
      text-align: center;
      padding: 30px 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .HomePage .typography .promos .promo .cont-button {
      position: absolute;
      text-align: center;
      top: 45%;
      width: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      .HomePage .typography .promos .promo .cont-button span {
        font-size: 24px !important;
        letter-spacing: 1.5px;
        font-size: 20px;
        color: #FFFFFF;
        display: inline-block;
        padding: 14px 36px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #FFFFFF;
        text-transform: uppercase;
        font-family: "Luckiest Guy";
        text-transform: none;
        text-shadow: 2px 2px 1px #565656;
        box-shadow: 1px 1px 1px #565656, inset 1px 1px 1px #565656; }
        .HomePage .typography .promos .promo .cont-button span else {
          box-shadow: 1px 1px 1px #565656; }
        .HomePage .typography .promos .promo .cont-button span .fa {
          font-size: 18px; }
    @media only screen and (min-width: 1366px) {
      .HomePage .typography .promos .promo h2 {
        font-size: 2.8rem; } }
    @media only screen and (max-width: 1800px) {
      .HomePage .typography .promos .promo h2 {
        font-size: 2.4rem; } }
    @media only screen and (max-width: 1460px) {
      .HomePage .typography .promos .promo h2 {
        font-size: 2.2rem; }
      .HomePage .typography .promos .promo .cont-button {
        top: 60%; } }
    @media only screen and (max-width: 1200px) {
      .HomePage .typography .promos .promo h2 {
        font-size: 2rem; } }
    @media only screen and (max-width: 1030px) {
      .HomePage .typography .promos .promo {
        width: 49%;
        box-sizing: border-box;
        margin: 0 1%; }
        .HomePage .typography .promos .promo:nth-of-type(n), .HomePage .typography .promos .promo:nth-of-type(1n+1) {
          margin: 2% 1% 0;
          clear: none; }
        .HomePage .typography .promos .promo:nth-of-type(1) {
          margin-top: 0; }
        .HomePage .typography .promos .promo:nth-of-type(2) {
          margin-top: 0; }
        .HomePage .typography .promos .promo:nth-of-type(2n+1) {
          margin-left: 0;
          clear: both; }
        .HomePage .typography .promos .promo:first-of-type {
          margin-left: 0; }
        .HomePage .typography .promos .promo:nth-of-type(2n) {
          margin-right: 0;
          position: relative; }
          .HomePage .typography .promos .promo:nth-of-type(2n):after {
            clear: both; }
        .HomePage .typography .promos .promo:last-of-type {
          margin-bottom: 0; }
        .HomePage .typography .promos .promo:last-child {
          float: none;
          margin: 20px auto 0; }
        .HomePage .typography .promos .promo h2 {
          font-size: 2.5rem; }
        .HomePage .typography .promos .promo .cont-button {
          top: 55%; } }
    @media (max-width: 900px) {
      .HomePage .typography .promos .promo h2 {
        font-size: 2rem; } }
    @media only screen and (max-width: 770px) {
      .HomePage .typography .promos .promo h2 {
        font-size: 1.8rem; } }
    @media only screen and (max-width: 650px) {
      .HomePage .typography .promos .promo {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0; }
        .HomePage .typography .promos .promo:nth-of-type(n), .HomePage .typography .promos .promo:nth-of-type(1n+1) {
          margin: 0 0 0;
          clear: none; }
        .HomePage .typography .promos .promo:nth-of-type(1) {
          margin-top: 0; }
        .HomePage .typography .promos .promo:nth-of-type(1n+1) {
          margin-left: 0;
          clear: both; }
        .HomePage .typography .promos .promo:first-of-type {
          margin-left: 0; }
        .HomePage .typography .promos .promo:nth-of-type(1n) {
          margin-right: 0;
          position: relative; }
          .HomePage .typography .promos .promo:nth-of-type(1n):after {
            clear: both; }
        .HomePage .typography .promos .promo:last-of-type {
          margin-bottom: 0; }
        .HomePage .typography .promos .promo:last-child {
          margin: 0; }
        .HomePage .typography .promos .promo h2 {
          font-size: 2.4rem;
          top: 0; } }
    @media only screen and (max-width: 450px) {
      .HomePage .typography .promos .promo h2 {
        font-size: 1.5rem; } }
  .HomePage .featured-questions {
    color: #FFFFFF !important;
    background-image: url(assets/soil-pattern.jpg?b5644c47c9626b2a6694deedf43ae93b);
    background-repeat: repeat repeat;
    /*@include OptimiseBgImg(cover, center top);*/
    position: relative; }
    .HomePage .featured-questions .inner {
      padding: 80px 0 150px; }
    .HomePage .featured-questions .grid-item {
      width: 33.33333%;
      display: block;
      float: left;
      box-sizing: border-box;
      padding: 0 3%;
      padding-bottom: 30px; }
      .HomePage .featured-questions .grid-item:first-of-type {
        padding-left: 0; }
      .HomePage .featured-questions .grid-item:last-of-type {
        padding-right: 0; }
      .HomePage .featured-questions .grid-item .question-content {
        margin-top: 0; }
        .HomePage .featured-questions .grid-item .question-content p {
          color: #FFFFFF !important; }
      @media only screen and (max-width: 770px) {
        .HomePage .featured-questions .grid-item {
          float: none;
          width: 70%;
          margin: 0 auto 30px;
          padding: 0;
          text-align: center; } }
      @media only screen and (max-width: 450px) {
        .HomePage .featured-questions .grid-item {
          width: 100%; } }
    .HomePage .featured-questions .button.white.plain {
      clear: both;
      font-size: 20px;
      color: #FFFFFF;
      display: inline-block;
      padding: 14px 36px;
      cursor: pointer;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      border: 2px solid #FFFFFF;
      text-transform: uppercase;
      font-family: "Luckiest Guy";
      text-transform: none;
      display: block;
      text-align: center;
      max-width: 200px;
      margin: 0 auto; }
      .HomePage .featured-questions .button.white.plain .fa {
        font-size: 18px; }
    @media only screen and (min-width: 1366px) {
      .HomePage .featured-questions {
        position: relative;
        margin-top: 140px; }
        .HomePage .featured-questions .top-image {
          position: absolute;
          top: -110px;
          left: 0;
          right: 0;
          margin: auto;
          width: 786px;
          height: 153px;
          background-image: url(assets/sprouts.png?b606d40c67e109dea090a9f4b8713543); }
        .HomePage .featured-questions .left-image {
          position: absolute;
          top: -160px;
          left: 10px;
          width: 221px;
          height: 282px;
          background-image: url(assets/fork-spade.png?5d5f32a79b8d4225ed1d12b1d545f967); }
        .HomePage .featured-questions .right-image {
          position: absolute;
          bottom: 120px;
          right: 40px;
          width: 174px;
          height: 100px;
          background-image: url(assets/homepage-worm.png?bb7f4f36de07e229abf9b45eec69baa5); } }

.seeds {
  /*
	.w-50{
		padding-bottom: 30px;
	}*/ }
  .seeds .limited-edition {
    max-width: 600px;
    width: 100%;
    margin: 20px auto;
    -webkit-box-shadow: 0 0 8px 8px #eee;
    -moz-box-shadow: 0 0 8px 8px #eee;
    box-shadow: 0 0 8px 8px #eee;
    position: relative; }
    .seeds .limited-edition .image {
      /*width: 42%;*/
      position: absolute;
      z-index: 5; }
      .seeds .limited-edition .image img {
        max-height: 230px;
        height: 100%; }
    .seeds .limited-edition .text {
      width: 70%;
      z-index: 10;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 60px 20px; }
      .seeds .limited-edition .text h2, .seeds .limited-edition .text h3 {
        text-shadow: 2px 2px #6e6e6e;
        padding: 0; }
      .seeds .limited-edition .text h2 {
        font-size: 4rem; }
      .seeds .limited-edition .text h3 {
        font-size: 2.5rem; }
      .seeds .limited-edition .text h4 {
        text-shadow: 1px 1px #6e6e6e;
        padding: 0; }
  .seeds .grid-container {
    padding-top: 20px; }
    .seeds .grid-container .grid {
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      .seeds .grid-container .grid:hover {
        transform: scale(1.1); }
  .seeds .seed {
    position: relative;
    -webkit-box-shadow: 0 0 10px 10px #eee;
    -moz-box-shadow: 0 0 10px 10px #eee;
    box-shadow: 0 0 10px 10px #eee; }
    .seeds .seed:before, .seeds .seed:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .seeds .seed:after {
      clear: both; }
    .seeds .seed .seed-img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .seeds .seed .seed-img img {
        width: 90%;
        position: absolute;
        top: 7%;
        left: 10%; }
    .seeds .seed .seed-title {
      background-color: rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      .seeds .seed .seed-title h2 {
        text-shadow: 2px 2px #6e6e6e; }
  .seeds .inner {
    z-index: 5; }

@media only screen and (min-width: 1366px) {
  main.seeds .left-image .image {
    background-image: url("/../site/images/sweet-pea-left.png"); }
  main.seeds .right-image .image {
    background-image: url("/../site/images/corriander-right.png"); } }

@media only screen and (max-width: 1030px) {
  .seeds .limited-edition .text h2 {
    font-size: 3.5rem; } }

@media only screen and (max-width: 770px) {
  .seeds .limited-edition .text h2 {
    font-size: 3.5rem; } }

@media only screen and (max-width: 650px) {
  .seeds .limited-edition {
    width: 100%; }
    .seeds .limited-edition .image img {
      max-height: 200px;
      height: 100%; }
    .seeds .limited-edition .text {
      padding: 40px 15px; }
      .seeds .limited-edition .text h2 {
        font-size: 3rem; }
      .seeds .limited-edition .text h3 {
        font-size: 2rem; } }

@media only screen and (max-width: 450px) {
  .seeds .limited-edition .image {
    top: 134px;
    left: 29%; }
    .seeds .limited-edition .image img {
      height: 160px;
      /*					height: 100%;*/
      width: 160px; }
  .seeds .limited-edition .text {
    width: 100%;
    padding: 20px 15px 180px 15px; }
    .seeds .limited-edition .text h2 {
      font-size: 2.9rem; }
    .seeds .limited-edition .text h3 {
      font-size: 1.8rem; } }

.SeedPage .seeds .inner {
  /*	padding-bottom: 50px;
			@media only screen and (max-width: 900px){
				padding-bottom: 70px;
			}
*/ }

.SeedPage .next-prev-pagination {
  position: relative; }
  .SeedPage .next-prev-pagination .prev-page,
  .SeedPage .next-prev-pagination .next-page {
    position: absolute;
    bottom: -250px; }
  .SeedPage .next-prev-pagination .prev-page {
    left: 0;
    width: 100px;
    height: 150px;
    z-index: 50; }
    .SeedPage .next-prev-pagination .prev-page .bubble-left {
      display: none; }
    .SeedPage .next-prev-pagination .prev-page .arrow-left {
      width: 50px;
      height: 37px;
      position: absolute;
      left: 0;
      bottom: 0; }
      .SeedPage .next-prev-pagination .prev-page .arrow-left svg {
        fill: #9d9d9d; }
    .SeedPage .next-prev-pagination .prev-page:hover .bubble-left {
      display: block; }
    .SeedPage .next-prev-pagination .prev-page:hover .arrow-left svg {
      fill: #7F378B; }
  .SeedPage .next-prev-pagination .next-page {
    right: 0;
    width: 100px;
    height: 150px; }
    .SeedPage .next-prev-pagination .next-page .bubble-right {
      display: none; }
    .SeedPage .next-prev-pagination .next-page .arrow-right {
      width: 50px;
      height: 37px;
      position: absolute;
      right: 0;
      bottom: 0; }
      .SeedPage .next-prev-pagination .next-page .arrow-right svg {
        fill: #9d9d9d; }
    .SeedPage .next-prev-pagination .next-page:hover .bubble-right {
      display: block; }
    .SeedPage .next-prev-pagination .next-page:hover .arrow-right svg {
      fill: #7F378B; }

.SeedPage .inner {
  position: relative;
  /*	padding-bottom: 50px;*/ }
  .SeedPage .inner .profile {
    width: 80%;
    position: relative;
    margin: 0 auto; }
    .SeedPage .inner .profile:before, .SeedPage .inner .profile:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .SeedPage .inner .profile:after {
      clear: both; }
    .SeedPage .inner .profile .square {
      position: relative;
      height: 0;
      padding-bottom: 100%; }
      .SeedPage .inner .profile .square .square-inner {
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden; }
    .SeedPage .inner .profile .profile-imge {
      width: 40%;
      display: inline-block; }
      .SeedPage .inner .profile .profile-imge img {
        width: 100%; }
    .SeedPage .inner .profile .profile-image {
      position: relative;
      width: 48%; }
      .SeedPage .inner .profile .profile-image .circle-bg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .SeedPage .inner .profile .profile-image .seed-bg {
        position: relative; }
      .SeedPage .inner .profile .profile-image .seed-img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000; }
    .SeedPage .inner .profile .profile-content {
      width: 48%;
      display: inline-block;
      left: -10%;
      top: -35%;
      -webkit-transform: translate(10%, 35%);
      -moz-transform: translate(10%, 35%);
      -ms-transform: translate(10%, 35%);
      -o-transform: translate(10%, 35%);
      transform: translate(10%, 35%); }

.SeedPage .inner.content {
  padding-top: 50px; }

.SeedPage .seed-stories .inner {
  padding-bottom: 150px; }

@media only screen and (min-width: 1366px) {
  .seed-stories {
    position: relative; }
    .seed-stories .single-image {
      background-repeat: no-repeat;
      position: absolute;
      background-size: 100% 100%;
      width: 300px;
      height: 600px;
      display: block;
      right: 0;
      top: 10%; }
      .seed-stories .single-image.beetroot {
        background-image: url("/../site/images/seeds/beetroot.png"); }
      .seed-stories .single-image.bok-choy {
        background-image: url("/../site/images/seeds/bok-choy.png"); }
      .seed-stories .single-image.silverbeet {
        background-image: url("/../site/images/seeds/silverbeet.png"); }
      .seed-stories .single-image.kale {
        background-image: url("/../site/images/seeds/kale.png"); }
      .seed-stories .single-image.red-onion {
        background-image: url("/../site/images/seeds/red-onion.png"); }
      .seed-stories .single-image.butternut {
        background-image: url("/../site/images/seeds/butternut.png"); }
      .seed-stories .single-image.sweet-corn {
        background-image: url("/../site/images/seeds/sweetcorn.png"); }
      .seed-stories .single-image.tomato {
        background-image: url("/../site/images/seeds/tomato.png"); }
      .seed-stories .single-image.corriander {
        background-image: url("/../site/images/seeds/corriander.png"); }
      .seed-stories .single-image.oregano {
        background-image: url("/../site/images/seeds/oregano.png"); }
      .seed-stories .single-image.thyme {
        background-image: url("/../site/images/seeds/thyme.png"); }
      .seed-stories .single-image.sunflower {
        background-image: url("/../site/images/seeds/sunflower.png"); }
      .seed-stories .single-image.phacelia {
        background-image: url("/../site/images/seeds/phacelia.png"); }
      .seed-stories .single-image.swan-plant {
        background-image: url("/../site/images/seeds/swan-plant.png"); }
      .seed-stories .single-image.nasturtium {
        background-image: url("/../site/images/seeds/nasturtium.png"); }
      .seed-stories .single-image.pansy {
        background-image: url("/../site/images/seeds/pansy.png"); }
      .seed-stories .single-image.sweet-pea {
        background-image: url("/../site/images/seeds/sweet-pea.png"); }
      .seed-stories .single-image.lettuce {
        background-image: url("/../site/images/seeds/lettuce.png"); }
      .seed-stories .single-image.cucumber {
        background-image: url("/../site/images/seeds/cucumber.png"); }
      .seed-stories .single-image.watermelon {
        background-image: url("/../site/images/seeds/watermelon.png"); }
      .seed-stories .single-image.courgette {
        background-image: url("/../site/images/seeds/courgette.png"); }
      .seed-stories .single-image.yellow-beans {
        background-image: url("/../site/images/seeds/yellow-beans.png"); }
      .seed-stories .single-image.basil {
        background-image: url("/../site/images/seeds/basil.png"); }
      .seed-stories .single-image.borage {
        background-image: url("/../site/images/seeds/borage.png"); } }

@media only screen and (max-width: 1030px) {
  .typography .inner .seed-profile .profile .profile-content {
    left: -10%;
    top: -15%;
    -webkit-transform: translate(10%, 15%);
    -moz-transform: translate(10%, 15%);
    -ms-transform: translate(10%, 15%);
    -o-transform: translate(10%, 15%);
    transform: translate(10%, 15%); } }

@media only screen and (max-width: 770px) {
  .typography .inner .seed-profile .profile .profile-content {
    left: -5%;
    top: -5%;
    -webkit-transform: translate(5%, 5%);
    -moz-transform: translate(5%, 5%);
    -ms-transform: translate(5%, 5%);
    -o-transform: translate(5%, 5%);
    transform: translate(5%, 5%); }
  .typography .inner .grid-container {
    padding-bottom: 30px; } }

@media only screen and (max-width: 650px) {
  .typography .inner .seed-profile .prev-page,
  .typography .inner .seed-profile .next-page {
    display: none; }
  .typography .inner .seed-profile .profile {
    width: 98%; }
    .typography .inner .seed-profile .profile .profile-imge {
      width: 40%;
      display: inline-block; }
      .typography .inner .seed-profile .profile .profile-imge img {
        width: 100%; }
    .typography .inner .seed-profile .profile .profile-image {
      width: 100%; }
    .typography .inner .seed-profile .profile .profile-content {
      width: 100%;
      left: 0%;
      top: 0%;
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      transform: translate(0%, 0%); } }

/**
 * Styles for:
 * QuestionsPage &
 * QuestionPage
 **/
.questions .pattern {
  background-repeat: repeat;
  background-size: 40%;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  top: -100px;
  z-index: -1; }

.questions #form {
  margin-bottom: 120px; }

.questions .scroll-to {
  margin-right: 20px;
  margin-top: -8px; }

.questions .filter {
  margin-top: 3rem;
  z-index: 2; }

.questions .inner {
  padding-bottom: 0 !important; }

.questions .page-content {
  padding-bottom: 70px !important; }
  .questions .page-content .white-cont {
    max-width: 850px;
    width: 100%;
    background: #FFFFFF;
    margin: 0 auto;
    padding: 20px 0; }
    @media only screen and (max-width: 650px) {
      .questions .page-content .white-cont {
        padding-top: 0; } }

.questions.grid-container {
  padding: 3rem 0;
  margin-bottom: 0; }
  .questions.grid-container .grid-item {
    width: 30.66667%;
    box-sizing: border-box;
    margin: 0 2%;
    float: left;
    position: relative;
    padding: 20px 30px;
    position: relative; }
    .questions.grid-container .grid-item:nth-of-type(n), .questions.grid-container .grid-item:nth-of-type(1n+1) {
      margin: 4% 2% 0;
      clear: none; }
    .questions.grid-container .grid-item:nth-of-type(1) {
      margin-top: 0; }
    .questions.grid-container .grid-item:nth-of-type(2) {
      margin-top: 0; }
    .questions.grid-container .grid-item:nth-of-type(3) {
      margin-top: 0; }
    .questions.grid-container .grid-item:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .questions.grid-container .grid-item:first-of-type {
      margin-left: 0; }
    .questions.grid-container .grid-item:nth-of-type(3n) {
      margin-right: 0;
      position: relative; }
      .questions.grid-container .grid-item:nth-of-type(3n):after {
        clear: both; }
    .questions.grid-container .grid-item:last-of-type {
      margin-bottom: 0; }
    .questions.grid-container .grid-item:nth-child(3n-4) {
      top: 2rem; }
    .questions.grid-container .grid-item p.member {
      font-size: 0.7rem;
      text-transform: uppercase;
      padding: 0; }
    .questions.grid-container .grid-item .content p {
      margin-bottom: 1rem; }
    .questions.grid-container .grid-item .action {
      margin: 1rem 0; }
      .questions.grid-container .grid-item .action a {
        position: relative;
        font-size: 1.2rem;
        letter-spacing: 1px;
        padding: 12px 28px; }

.questions .load-more {
  padding-top: 5rem; }

.questions .view-more {
  margin-right: 20px; }

.questions .seed-button {
  position: relative;
  padding-right: 60px !important; }
  .questions .seed-button img {
    position: absolute;
    right: 0;
    top: -12px; }

.questions .question {
  padding-bottom: 40px; }
  @media only screen and (max-width: 770px) {
    .questions .question {
      text-align: center; } }

@media only screen and (min-width: 1366px) {
  .questions.parallax .parallaxing.left-image .image {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-image: url("/../site/images/seeds/yellow-beans.png"); }
  .questions.parallax .parallaxing.right-image .image {
    background-image: url("/../site/images/seeds/red-onion.png"); } }

.related-questions .border {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1); }

.related-questions .inner .head-cont {
  position: relative;
  height: 80px; }
  .related-questions .inner .head-cont:before, .related-questions .inner .head-cont:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .related-questions .inner .head-cont:after {
    clear: both; }
  .related-questions .inner .head-cont .pot {
    position: absolute;
    top: -130%;
    left: 20%;
    max-width: 150px;
    width: 100%; }
  .related-questions .inner .head-cont h2 {
    padding-bottom: 30px;
    position: absolute;
    left: 35%;
    color: #000000; }

.related-questions .inner .questions {
  margin-top: 20px; }
  .related-questions .inner .questions:before, .related-questions .inner .questions:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .related-questions .inner .questions:after {
    clear: both; }
  .related-questions .inner .questions .question {
    width: 30.66667%;
    box-sizing: border-box;
    margin: 0 2%;
    /*				width: 33%;
				float: left;*/ }
    .related-questions .inner .questions .question:nth-of-type(n), .related-questions .inner .questions .question:nth-of-type(1n+1) {
      margin: 4% 2% 0;
      clear: none; }
    .related-questions .inner .questions .question:nth-of-type(1) {
      margin-top: 0; }
    .related-questions .inner .questions .question:nth-of-type(2) {
      margin-top: 0; }
    .related-questions .inner .questions .question:nth-of-type(3) {
      margin-top: 0; }
    .related-questions .inner .questions .question:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .related-questions .inner .questions .question:first-of-type {
      margin-left: 0; }
    .related-questions .inner .questions .question:nth-of-type(3n) {
      margin-right: 0;
      position: relative; }
      .related-questions .inner .questions .question:nth-of-type(3n):after {
        clear: both; }
    .related-questions .inner .questions .question:last-of-type {
      margin-bottom: 0; }
    .related-questions .inner .questions .question h3 {
      color: #000000; }
    .related-questions .inner .questions .question:hover h3, .related-questions .inner .questions .question:hover p {
      color: #565656; }

@media only screen and (min-width: 1366px) {
  .QuestionPage .questions.parallax .parallaxing.left-image .image {
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    filter: none;
    -ms-filter: none;
    background-image: url("/../site/images/seeds/watering-can.png"); } }

.QuestionPage .questions .w-50 .share-label-wrapper {
  position: relative;
  margin-top: 40px;
  border-top: 1px solid #ECECEC; }
  .QuestionPage .questions .w-50 .share-label-wrapper .share-label p {
    width: 150px;
    position: absolute;
    right: 120px;
    top: 10px; }
  .QuestionPage .questions .w-50 .share-label-wrapper .share-label .sharebar .bubble-wrapper {
    top: 0; }
    .QuestionPage .questions .w-50 .share-label-wrapper .share-label .sharebar .bubble-wrapper .back-bubble,
    .QuestionPage .questions .w-50 .share-label-wrapper .share-label .sharebar .bubble-wrapper .front-bubble {
      display: none; }

@media only screen and (max-width: 650px) {
  .QuestionPage .questions .w-50 h1 {
    font-size: 2.2rem; } }

@media only screen and (max-width: 770px) {
  .questions .grid-container .grid-item {
    width: 48%;
    box-sizing: border-box;
    margin: 0 2%;
    position: relative; }
    .questions .grid-container .grid-item:nth-of-type(n), .questions .grid-container .grid-item:nth-of-type(1n+1) {
      margin: 4% 2% 0;
      clear: none; }
    .questions .grid-container .grid-item:nth-of-type(1) {
      margin-top: 0; }
    .questions .grid-container .grid-item:nth-of-type(2) {
      margin-top: 0; }
    .questions .grid-container .grid-item:nth-of-type(2n+1) {
      margin-left: 0;
      clear: both; }
    .questions .grid-container .grid-item:first-of-type {
      margin-left: 0; }
    .questions .grid-container .grid-item:nth-of-type(2n) {
      margin-right: 0;
      position: relative; }
      .questions .grid-container .grid-item:nth-of-type(2n):after {
        clear: both; }
    .questions .grid-container .grid-item:last-of-type {
      margin-bottom: 0; }
    .questions .grid-container .grid-item:nth-child(2n-3) {
      top: 2rem; }
  .related-questions .inner .head-cont .pot {
    position: absolute;
    top: -40%;
    left: 10%;
    max-width: 150px;
    width: 100%; }
  .related-questions .inner .questions {
    margin-top: 90px; }
    .related-questions .inner .questions .question {
      width: 100%;
      box-sizing: border-box;
      margin: 0 1%;
      /*					width: 100%;
					float: left;*/ }
      .related-questions .inner .questions .question:nth-of-type(n), .related-questions .inner .questions .question:nth-of-type(1n+1) {
        margin: 2% 1% 0;
        clear: none; }
      .related-questions .inner .questions .question:nth-of-type(1) {
        margin-top: 0; }
      .related-questions .inner .questions .question:nth-of-type(1n+1) {
        margin-left: 0;
        clear: both; }
      .related-questions .inner .questions .question:first-of-type {
        margin-left: 0; }
      .related-questions .inner .questions .question:nth-of-type(1n) {
        margin-right: 0;
        position: relative; }
        .related-questions .inner .questions .question:nth-of-type(1n):after {
          clear: both; }
      .related-questions .inner .questions .question:last-of-type {
        margin-bottom: 0; } }

@media only screen and (max-width: 650px) {
  .related-questions .inner .head-cont {
    /*				h2{
					left: 0;
					padding-top: 20px;
				}*/ }
    .related-questions .inner .head-cont .pot {
      position: absolute;
      top: -40%;
      left: 5%;
      max-width: 150px;
      width: 100%;
      /*display: none;*/ } }

@media only screen and (max-width: 550px) {
  .questions .grid-container .grid-item {
    width: 100%;
    box-sizing: border-box;
    margin: 0 2%;
    position: relative; }
    .questions .grid-container .grid-item:nth-of-type(n), .questions .grid-container .grid-item:nth-of-type(1n+1) {
      margin: 4% 2% 0;
      clear: none; }
    .questions .grid-container .grid-item:nth-of-type(1) {
      margin-top: 0; }
    .questions .grid-container .grid-item:nth-of-type(1n+1) {
      margin-left: 0;
      clear: both; }
    .questions .grid-container .grid-item:first-of-type {
      margin-left: 0; }
    .questions .grid-container .grid-item:nth-of-type(1n) {
      margin-right: 0;
      position: relative; }
      .questions .grid-container .grid-item:nth-of-type(1n):after {
        clear: both; }
    .questions .grid-container .grid-item:last-of-type {
      margin-bottom: 0; }
    .questions .grid-container .grid-item:nth-child(1n-2) {
      top: 2rem; } }

@media only screen and (max-width: 450px) {
  .related-questions .inner .head-cont .pot {
    left: 1%; }
  .related-questions .inner .head-cont h2 {
    left: 40%; } }

/**
 * Styles for:
 * StoriesPage &
 * StoryPage
 **/
.stories .filter {
  margin-top: 3rem; }

.stories .load-more {
  padding-top: 5rem; }

.stories .seed-button {
  position: relative;
  padding-right: 60px !important; }
  .stories .seed-button img {
    position: absolute;
    right: 0;
    top: -12px;
    padding-bottom: 20px; }

.stories .scroll-to {
  margin-right: 20px;
  margin-top: -8px; }

.StoriesPage .grid-container {
  padding: 3rem 0;
  margin-bottom: 0; }
  .StoriesPage .grid-container .grid-item {
    width: 30.66667%;
    box-sizing: border-box;
    margin: 0 2%;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    float: left;
    position: relative;
    position: relative; }
    .StoriesPage .grid-container .grid-item:nth-of-type(n), .StoriesPage .grid-container .grid-item:nth-of-type(1n+1) {
      margin: 4% 2% 0;
      clear: none; }
    .StoriesPage .grid-container .grid-item:nth-of-type(1) {
      margin-top: 0; }
    .StoriesPage .grid-container .grid-item:nth-of-type(2) {
      margin-top: 0; }
    .StoriesPage .grid-container .grid-item:nth-of-type(3) {
      margin-top: 0; }
    .StoriesPage .grid-container .grid-item:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .StoriesPage .grid-container .grid-item:first-of-type {
      margin-left: 0; }
    .StoriesPage .grid-container .grid-item:nth-of-type(3n) {
      margin-right: 0;
      position: relative; }
      .StoriesPage .grid-container .grid-item:nth-of-type(3n):after {
        clear: both; }
    .StoriesPage .grid-container .grid-item:last-of-type {
      margin-bottom: 0; }
    .StoriesPage .grid-container .grid-item:nth-child(3n-4) {
      top: 2rem; }
    .StoriesPage .grid-container .grid-item img {
      padding-bottom: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%; }
    .StoriesPage .grid-container .grid-item .content p {
      margin-bottom: 1rem; }
    .StoriesPage .grid-container .grid-item .action {
      margin: 1.5rem 0; }
      .StoriesPage .grid-container .grid-item .action a {
        position: relative; }
    .StoriesPage .grid-container .grid-item:hover {
      transform: scale(1.05); }

@media only screen and (min-width: 1366px) {
  .StoriesPage main.parallax .parallaxing.left-image .image {
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    filter: none;
    -ms-filter: none;
    background-image: url("/../site/images/nasturtium-left.png");
    background-position: -20px 0; }
  .StoriesPage main.parallax .parallaxing.right-image .image {
    background-image: url("/../site/images/beehive.png"); } }

@media all and (max-width: 1000px) {
  .StoriesPage .grid-container {
    margin-bottom: 10px; }
    .StoriesPage .grid-container .grid-item {
      width: 48%;
      box-sizing: border-box;
      margin: 0 2%;
      position: relative; }
      .StoriesPage .grid-container .grid-item:nth-of-type(n), .StoriesPage .grid-container .grid-item:nth-of-type(1n+1) {
        margin: 4% 2% 0;
        clear: none; }
      .StoriesPage .grid-container .grid-item:nth-of-type(1) {
        margin-top: 0; }
      .StoriesPage .grid-container .grid-item:nth-of-type(2) {
        margin-top: 0; }
      .StoriesPage .grid-container .grid-item:nth-of-type(2n+1) {
        margin-left: 0;
        clear: both; }
      .StoriesPage .grid-container .grid-item:first-of-type {
        margin-left: 0; }
      .StoriesPage .grid-container .grid-item:nth-of-type(2n) {
        margin-right: 0;
        position: relative; }
        .StoriesPage .grid-container .grid-item:nth-of-type(2n):after {
          clear: both; }
      .StoriesPage .grid-container .grid-item:last-of-type {
        margin-bottom: 0; }
      .StoriesPage .grid-container .grid-item:nth-child(1n-2) {
        top: 2rem; } }

@media all and (max-width: 600px) {
  .StoriesPage .grid-container {
    /*			margin-bottom: 20px;*/ }
    .StoriesPage .grid-container .grid-item {
      width: 100%;
      box-sizing: border-box;
      margin: 0 4%;
      position: relative; }
      .StoriesPage .grid-container .grid-item:nth-of-type(n), .StoriesPage .grid-container .grid-item:nth-of-type(1n+1) {
        margin: 8% 4% 0;
        clear: none; }
      .StoriesPage .grid-container .grid-item:nth-of-type(1) {
        margin-top: 0; }
      .StoriesPage .grid-container .grid-item:nth-of-type(1n+1) {
        margin-left: 0;
        clear: both; }
      .StoriesPage .grid-container .grid-item:first-of-type {
        margin-left: 0; }
      .StoriesPage .grid-container .grid-item:nth-of-type(1n) {
        margin-right: 0;
        position: relative; }
        .StoriesPage .grid-container .grid-item:nth-of-type(1n):after {
          clear: both; }
      .StoriesPage .grid-container .grid-item:last-of-type {
        margin-bottom: 0; }
      .StoriesPage .grid-container .grid-item:nth-child(1n-2) {
        top: 0; } }

.GuidesPage .intro {
  padding: 30px 80px; }

.GuidesPage,
.GuidePage {
  position: relative; }
  .GuidesPage .w-35,
  .GuidePage .w-35 {
    margin-right: 5%; }
  .GuidesPage .intro .button,
  .GuidePage .intro .button {
    margin-top: 20px; }
    .GuidesPage .intro .button span,
    .GuidePage .intro .button span {
      font-size: 20px; }
  @media only screen and (max-width: 770px) {
    .GuidesPage .intro,
    .GuidePage .intro {
      padding: 30px 0 50px; } }
  @media only screen and (max-width: 450px) {
    .GuidesPage .intro .w-35,
    .GuidesPage .intro .w-60,
    .GuidePage .intro .w-35,
    .GuidePage .intro .w-60 {
      width: 100%;
      margin: 0;
      float: none; }
      .GuidesPage .intro .w-35 img,
      .GuidesPage .intro .w-60 img,
      .GuidePage .intro .w-35 img,
      .GuidePage .intro .w-60 img {
        max-width: 80%;
        display: block;
        margin: 0 auto 20px; } }
  @media only screen and (min-width: 1366px) {
    .GuidesPage main.parallax .parallaxing.left-image .image,
    .GuidePage main.parallax .parallaxing.left-image .image {
      -moz-transform: none;
      -o-transform: none;
      -webkit-transform: none;
      transform: none;
      filter: none;
      -ms-filter: none;
      background-image: url(assets/oregano-left.png?012bc8376d468cc48e85487df58fffdd);
      background-position: -35px 0; }
    .GuidesPage main.parallax .parallaxing.right-image .image,
    .GuidePage main.parallax .parallaxing.right-image .image {
      background-image: url(assets/bokchoy-right.png?5c16ce0c033d6cc6cdbc5f93382e5a6c);
      background-position: 20px 0; } }

.guides .grid-container {
  padding-bottom: 3rem; }
  .guides .grid-container .grid-item {
    float: left;
    background: #009ADB;
    width: 23.2%;
    box-sizing: border-box;
    margin: 0 1.2%;
    position: relative;
    -webkit-box-shadow: 0 0 10px 10px #eee;
    -moz-box-shadow: 0 0 10px 10px #eee;
    box-shadow: 0 0 10px 10px #eee; }
    .guides .grid-container .grid-item:nth-of-type(n), .guides .grid-container .grid-item:nth-of-type(1n+1) {
      margin: 2.4% 1.2% 0;
      clear: none; }
    .guides .grid-container .grid-item:nth-of-type(1) {
      margin-top: 0; }
    .guides .grid-container .grid-item:nth-of-type(2) {
      margin-top: 0; }
    .guides .grid-container .grid-item:nth-of-type(3) {
      margin-top: 0; }
    .guides .grid-container .grid-item:nth-of-type(4) {
      margin-top: 0; }
    .guides .grid-container .grid-item:nth-of-type(4n+1) {
      margin-left: 0;
      clear: both; }
    .guides .grid-container .grid-item:first-of-type {
      margin-left: 0; }
    .guides .grid-container .grid-item:nth-of-type(4n) {
      margin-right: 0;
      position: relative; }
      .guides .grid-container .grid-item:nth-of-type(4n):after {
        clear: both; }
    .guides .grid-container .grid-item:last-of-type {
      margin-bottom: 0; }
    .guides .grid-container .grid-item:before, .guides .grid-container .grid-item:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .guides .grid-container .grid-item:after {
      clear: both; }
    .guides .grid-container .grid-item.even {
      top: 20px; }
    .guides .grid-container .grid-item h3 {
      font-size: 1.5rem;
      color: #FFFFFF;
      text-align: center;
      padding: 20px;
      text-shadow: 1px 1px #6e6e6e; }
    .guides .grid-container .grid-item img {
      display: block;
      width: 100%; }
    .guides .grid-container .grid-item .placeholder {
      display: block;
      width: 100%;
      background-color: #ccc;
      height: 210px; }
    .guides .grid-container .grid-item:hover {
      background: #047C9A; }
    @media only screen and (max-width: 1030px) {
      .guides .grid-container .grid-item h3 {
        font-size: 1.3rem; } }
    @media (max-width: 760px) {
      .guides .grid-container .grid-item {
        width: 48%;
        box-sizing: border-box;
        margin: 0 2%; }
        .guides .grid-container .grid-item:nth-of-type(n), .guides .grid-container .grid-item:nth-of-type(1n+1) {
          margin: 4% 2% 0;
          clear: none; }
        .guides .grid-container .grid-item:nth-of-type(1) {
          margin-top: 0; }
        .guides .grid-container .grid-item:nth-of-type(2) {
          margin-top: 0; }
        .guides .grid-container .grid-item:nth-of-type(2n+1) {
          margin-left: 0;
          clear: both; }
        .guides .grid-container .grid-item:first-of-type {
          margin-left: 0; }
        .guides .grid-container .grid-item:nth-of-type(2n) {
          margin-right: 0;
          position: relative; }
          .guides .grid-container .grid-item:nth-of-type(2n):after {
            clear: both; }
        .guides .grid-container .grid-item:last-of-type {
          margin-bottom: 0; } }

.GuidePage .w-50 {
  margin-bottom: 30px; }

.GuidePage .typography .next-prev-pagination {
  /*
		.prev-page:hover { background-image: url('../images/prev-guide-purple.jpg'); }
		.next-page:hover { background-image: url('../images/next-guide-purple.jpg'); }*/ }
  .GuidePage .typography .next-prev-pagination .prev-page,
  .GuidePage .typography .next-prev-pagination .next-page {
    bottom: -110px; }

.GuidePage .intro img {
  float: right;
  margin-right: 50px; }

.CompetitionPage .bg-image,
.CompetitionsPage .bg-image {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  background-position: center center;
  background-size: cover; }

.CompetitionPage .featured-comp,
.CompetitionsPage .featured-comp {
  margin: 30px 0;
  position: relative; }

.CompetitionPage .invisible,
.CompetitionsPage .invisible {
  padding: 70px 0 70px; }

.CompetitionPage .comp-content-wrapper,
.CompetitionsPage .comp-content-wrapper {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .CompetitionPage .comp-content-wrapper .comp-content,
  .CompetitionsPage .comp-content-wrapper .comp-content {
    font-size: 1.2rem; }

.CompetitionPage .comp-wrap,
.CompetitionsPage .comp-wrap {
  padding-top: 100px;
  position: relative; }

.CompetitionPage .comp,
.CompetitionsPage .comp {
  position: relative; }
  .CompetitionPage .comp .comp-label-wrapper,
  .CompetitionsPage .comp .comp-label-wrapper {
    text-align: center;
    padding: 10px 15px 0;
    max-width: 130px;
    margin: 0 auto;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 115px;
    top: 0;
    z-index: -1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .CompetitionPage .comp .comp-label-wrapper .seed-label,
    .CompetitionsPage .comp .comp-label-wrapper .seed-label {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -15px;
      z-index: -1; }
      .CompetitionPage .comp .comp-label-wrapper .seed-label svg,
      .CompetitionsPage .comp .comp-label-wrapper .seed-label svg {
        height: 120px; }
    .CompetitionPage .comp .comp-label-wrapper .comp-label,
    .CompetitionsPage .comp .comp-label-wrapper .comp-label {
      display: block;
      font-weight: 300;
      font-family: 'Luckiest Guy', serif;
      letter-spacing: 1.5px;
      line-height: 0.9; }
      .CompetitionPage .comp .comp-label-wrapper .comp-label.small-text,
      .CompetitionsPage .comp .comp-label-wrapper .comp-label.small-text {
        font-size: 20px; }
      .CompetitionPage .comp .comp-label-wrapper .comp-label.big-text,
      .CompetitionsPage .comp .comp-label-wrapper .comp-label.big-text {
        font-size: 40px; }
  .CompetitionPage .comp .comp-title h2,
  .CompetitionsPage .comp .comp-title h2 {
    padding: 15px; }

.CompetitionPage .grid-container,
.CompetitionsPage .grid-container {
  padding: 3rem 0; }
  .CompetitionPage .grid-container:before, .CompetitionPage .grid-container:after,
  .CompetitionsPage .grid-container:before,
  .CompetitionsPage .grid-container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .CompetitionPage .grid-container:after,
  .CompetitionsPage .grid-container:after {
    clear: both; }
  .CompetitionPage .grid-container.col-4 .grid,
  .CompetitionsPage .grid-container.col-4 .grid {
    position: relative;
    width: 23.5%;
    box-sizing: border-box;
    margin: 0 1%;
    float: left;
    position: relative; }
    .CompetitionPage .grid-container.col-4 .grid:nth-child(3n-4),
    .CompetitionsPage .grid-container.col-4 .grid:nth-child(3n-4) {
      top: 2rem; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(n), .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(n),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1n+1) {
      margin: 2% 1% 0;
      clear: none; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(2),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(2) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(3),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(3) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(4),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(4) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(4n+1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(4n+1) {
      margin-left: 0;
      clear: both; }
    .CompetitionPage .grid-container.col-4 .grid:first-of-type,
    .CompetitionsPage .grid-container.col-4 .grid:first-of-type {
      margin-left: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(4n),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(4n) {
      margin-right: 0;
      position: relative; }
      .CompetitionPage .grid-container.col-4 .grid:nth-of-type(4n):after,
      .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(4n):after {
        clear: both; }
    .CompetitionPage .grid-container.col-4 .grid:last-of-type,
    .CompetitionsPage .grid-container.col-4 .grid:last-of-type {
      margin-bottom: 0; }
    .CompetitionPage .grid-container.col-4 .grid.even,
    .CompetitionsPage .grid-container.col-4 .grid.even {
      top: 20px; }
  .CompetitionPage .grid-container.col-3 .grid,
  .CompetitionsPage .grid-container.col-3 .grid {
    position: relative;
    width: 32%;
    box-sizing: border-box;
    margin: 0 1%;
    float: left;
    position: relative; }
    .CompetitionPage .grid-container.col-3 .grid:nth-child(3n-4),
    .CompetitionsPage .grid-container.col-3 .grid:nth-child(3n-4) {
      top: 2rem; }
    .CompetitionPage .grid-container.col-3 .grid:nth-of-type(n), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(n),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1n+1) {
      margin: 2% 1% 0;
      clear: none; }
    .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-3 .grid:nth-of-type(2),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(2) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-3 .grid:nth-of-type(3),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(3) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-3 .grid:nth-of-type(3n+1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .CompetitionPage .grid-container.col-3 .grid:first-of-type,
    .CompetitionsPage .grid-container.col-3 .grid:first-of-type {
      margin-left: 0; }
    .CompetitionPage .grid-container.col-3 .grid:nth-of-type(3n),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(3n) {
      margin-right: 0;
      position: relative; }
      .CompetitionPage .grid-container.col-3 .grid:nth-of-type(3n):after,
      .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(3n):after {
        clear: both; }
    .CompetitionPage .grid-container.col-3 .grid:last-of-type,
    .CompetitionsPage .grid-container.col-3 .grid:last-of-type {
      margin-bottom: 0; }
    .CompetitionPage .grid-container.col-3 .grid.even,
    .CompetitionsPage .grid-container.col-3 .grid.even {
      top: 20px; }

@media only screen and (max-width: 1030px) {
  .CompetitionPage .grid-container.col-4 .grid,
  .CompetitionsPage .grid-container.col-4 .grid {
    width: 32%;
    box-sizing: border-box;
    margin: 0 1%;
    float: left; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(n), .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(n),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1n+1) {
      margin: 2% 1% 0;
      clear: none; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(2),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(2) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(3),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(3) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(3n+1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .CompetitionPage .grid-container.col-4 .grid:first-of-type,
    .CompetitionsPage .grid-container.col-4 .grid:first-of-type {
      margin-left: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(3n),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(3n) {
      margin-right: 0;
      position: relative; }
      .CompetitionPage .grid-container.col-4 .grid:nth-of-type(3n):after,
      .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(3n):after {
        clear: both; }
    .CompetitionPage .grid-container.col-4 .grid:last-of-type,
    .CompetitionsPage .grid-container.col-4 .grid:last-of-type {
      margin-bottom: 0; } }

@media only screen and (max-width: 770px) {
  .CompetitionPage .grid-container.col-4 .grid, .CompetitionPage .grid-container.col-3 .grid,
  .CompetitionsPage .grid-container.col-4 .grid,
  .CompetitionsPage .grid-container.col-3 .grid {
    width: 48%;
    box-sizing: border-box;
    margin: 0 2%;
    float: left; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(n), .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1n+1), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(n), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(n),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(n),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1n+1) {
      margin: 4% 2% 0;
      clear: none; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(2), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(2),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(2),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(2) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(2n+1), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(2n+1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(2n+1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(2n+1) {
      margin-left: 0;
      clear: both; }
    .CompetitionPage .grid-container.col-4 .grid:first-of-type, .CompetitionPage .grid-container.col-3 .grid:first-of-type,
    .CompetitionsPage .grid-container.col-4 .grid:first-of-type,
    .CompetitionsPage .grid-container.col-3 .grid:first-of-type {
      margin-left: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(2n), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(2n),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(2n),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(2n) {
      margin-right: 0;
      position: relative; }
      .CompetitionPage .grid-container.col-4 .grid:nth-of-type(2n):after, .CompetitionPage .grid-container.col-3 .grid:nth-of-type(2n):after,
      .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(2n):after,
      .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(2n):after {
        clear: both; }
    .CompetitionPage .grid-container.col-4 .grid:last-of-type, .CompetitionPage .grid-container.col-3 .grid:last-of-type,
    .CompetitionsPage .grid-container.col-4 .grid:last-of-type,
    .CompetitionsPage .grid-container.col-3 .grid:last-of-type {
      margin-bottom: 0; }
    .CompetitionPage .grid-container.col-4 .grid.even, .CompetitionPage .grid-container.col-3 .grid.even,
    .CompetitionsPage .grid-container.col-4 .grid.even,
    .CompetitionsPage .grid-container.col-3 .grid.even {
      top: 20px; } }

@media only screen and (max-width: 650px) {
  .CompetitionPage .grid-container .grid h2,
  .CompetitionsPage .grid-container .grid h2 {
    font-size: 1.6rem; } }

.CompetitionPage .drop-shadow,
.CompetitionsPage .drop-shadow {
  text-shadow: 2px 2px 1px #565656; }

.CompetitionPage .featured-info-wrapper p,
.CompetitionPage .invisible p,
.CompetitionsPage .featured-info-wrapper p,
.CompetitionsPage .invisible p {
  line-height: 1.2; }

.CompetitionPage .featured-info-wrapper .large-text,
.CompetitionPage .invisible .large-text,
.CompetitionsPage .featured-info-wrapper .large-text,
.CompetitionsPage .invisible .large-text {
  font-size: 3.6em !important; }

.CompetitionPage .featured-info-wrapper .medium-text,
.CompetitionPage .invisible .medium-text,
.CompetitionsPage .featured-info-wrapper .medium-text,
.CompetitionsPage .invisible .medium-text {
  font-size: 3.0em !important; }

.CompetitionPage .featured-info-wrapper .small-text,
.CompetitionPage .invisible .small-text,
.CompetitionsPage .featured-info-wrapper .small-text,
.CompetitionsPage .invisible .small-text {
  font-size: 2em !important; }

.CompetitionPage .featured-info-wrapper,
.CompetitionsPage .featured-info-wrapper {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  font-family: "Luckiest Guy", serif;
  z-index: 10; }
  .CompetitionPage .featured-info-wrapper span,
  .CompetitionsPage .featured-info-wrapper span {
    color: #FFFFFF;
    text-shadow: 2px 2px 1px #565656; }
  .CompetitionPage .featured-info-wrapper p,
  .CompetitionsPage .featured-info-wrapper p {
    color: #FFFFFF;
    text-shadow: 2px 2px 1px #565656; }

.CompetitionPage .featured-image-wrapper,
.CompetitionsPage .featured-image-wrapper {
  position: relative;
  display: inline-block; }
  .CompetitionPage .featured-image-wrapper.block,
  .CompetitionsPage .featured-image-wrapper.block {
    display: block; }
  .CompetitionPage .featured-image-wrapper:after,
  .CompetitionsPage .featured-image-wrapper:after {
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url("/../site/images/comp-frame.png");
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0; }

.CompetitionPage .featured-image,
.CompetitionsPage .featured-image {
  max-width: 100%;
  height: auto;
  max-height: 500px; }

.CompetitionPage .read-more,
.CompetitionsPage .read-more {
  font-size: 20px;
  color: white;
  display: inline-block;
  padding: 14px 36px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid white;
  text-transform: uppercase;
  font-family: "Museo Sans";
  font-family: "Luckiest Guy", serif;
  letter-spacing: 1.5px; }
  .CompetitionPage .read-more .fa,
  .CompetitionsPage .read-more .fa {
    font-size: 18px; }
  .CompetitionPage .read-more.toggle-button,
  .CompetitionsPage .read-more.toggle-button {
    border: none; }

.CompetitionPage .comp-info-wrapper,
.CompetitionsPage .comp-info-wrapper {
  margin: 50px 0; }
  .CompetitionPage .comp-info-wrapper .terms-and-conditions,
  .CompetitionsPage .comp-info-wrapper .terms-and-conditions {
    padding: 40px;
    display: none; }
    .CompetitionPage .comp-info-wrapper .terms-and-conditions .heading,
    .CompetitionsPage .comp-info-wrapper .terms-and-conditions .heading {
      padding-bottom: 10px; }
  .CompetitionPage .comp-info-wrapper .comp-details-wrapper,
  .CompetitionsPage .comp-info-wrapper .comp-details-wrapper {
    padding: 40px; }
    .CompetitionPage .comp-info-wrapper .comp-details-wrapper .comp-detail-link,
    .CompetitionsPage .comp-info-wrapper .comp-details-wrapper .comp-detail-link {
      display: block;
      padding-bottom: 10px; }
    .CompetitionPage .comp-info-wrapper .comp-details-wrapper .comp-details,
    .CompetitionsPage .comp-info-wrapper .comp-details-wrapper .comp-details {
      width: 60%; }
    .CompetitionPage .comp-info-wrapper .comp-details-wrapper .more-info,
    .CompetitionsPage .comp-info-wrapper .comp-details-wrapper .more-info {
      text-align: right;
      width: 40%; }

@media only screen and (min-width: 1366px) {
  .CompetitionPage .comps.parallax .parallaxing.left-image .image,
  .CompetitionsPage .comps.parallax .parallaxing.left-image .image {
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    filter: none;
    -ms-filter: none;
    background-image: url("/../site/images/pansy_left.png"); }
  .CompetitionPage .comps.parallax .parallaxing.right-image .image,
  .CompetitionsPage .comps.parallax .parallaxing.right-image .image {
    background-image: url("/../site/images/sweetcorn_right.png"); } }

@media all and (max-width: 950px) {
  .CompetitionPage .featured-info-wrapper .large-text,
  .CompetitionPage .invisible .large-text,
  .CompetitionsPage .featured-info-wrapper .large-text,
  .CompetitionsPage .invisible .large-text {
    font-size: 3em !important; }
  .CompetitionPage .featured-info-wrapper .medium-text,
  .CompetitionPage .invisible .medium-text,
  .CompetitionsPage .featured-info-wrapper .medium-text,
  .CompetitionsPage .invisible .medium-text {
    font-size: 2.6em !important; }
  .CompetitionPage .featured-info-wrapper .small-text,
  .CompetitionPage .invisible .small-text,
  .CompetitionsPage .featured-info-wrapper .small-text,
  .CompetitionsPage .invisible .small-text {
    font-size: 2em !important; } }

@media all and (max-width: 800px) {
  .CompetitionPage .comp-info-wrapper .comp-details-wrapper,
  .CompetitionsPage .comp-info-wrapper .comp-details-wrapper {
    padding-bottom: 5px; }
    .CompetitionPage .comp-info-wrapper .comp-details-wrapper .comp-details,
    .CompetitionsPage .comp-info-wrapper .comp-details-wrapper .comp-details {
      float: none;
      width: 100%; }
    .CompetitionPage .comp-info-wrapper .comp-details-wrapper .more-info,
    .CompetitionsPage .comp-info-wrapper .comp-details-wrapper .more-info {
      padding: 15px 0 0;
      float: none;
      width: 100%;
      text-align: left; } }

@media all and (max-width: 650px) {
  .CompetitionPage .featured-info-wrapper .large-text,
  .CompetitionPage .invisible .large-text,
  .CompetitionsPage .featured-info-wrapper .large-text,
  .CompetitionsPage .invisible .large-text {
    font-size: 3em !important; }
  .CompetitionPage .featured-info-wrapper .medium-text,
  .CompetitionPage .invisible .medium-text,
  .CompetitionsPage .featured-info-wrapper .medium-text,
  .CompetitionsPage .invisible .medium-text {
    font-size: 2.6em !important; }
  .CompetitionPage .featured-info-wrapper .small-text,
  .CompetitionPage .invisible .small-text,
  .CompetitionsPage .featured-info-wrapper .small-text,
  .CompetitionsPage .invisible .small-text {
    font-size: 1.5em !important; }
  .CompetitionPage h1,
  .CompetitionsPage h1 {
    font-size: 2.5rem; } }

@media all and (max-width: 540px) {
  .CompetitionPage .grid-container.col-4 .grid, .CompetitionPage .grid-container.col-3 .grid,
  .CompetitionsPage .grid-container.col-4 .grid,
  .CompetitionsPage .grid-container.col-3 .grid {
    width: 100%;
    box-sizing: border-box;
    margin: 0 4%;
    float: left; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(n), .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1n+1), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(n), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(n),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(n),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1n+1) {
      margin: 8% 4% 0;
      clear: none; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1) {
      margin-top: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1n+1), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1n+1),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1n+1) {
      margin-left: 0;
      clear: both; }
    .CompetitionPage .grid-container.col-4 .grid:first-of-type, .CompetitionPage .grid-container.col-3 .grid:first-of-type,
    .CompetitionsPage .grid-container.col-4 .grid:first-of-type,
    .CompetitionsPage .grid-container.col-3 .grid:first-of-type {
      margin-left: 0; }
    .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1n), .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1n),
    .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1n),
    .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1n) {
      margin-right: 0;
      position: relative; }
      .CompetitionPage .grid-container.col-4 .grid:nth-of-type(1n):after, .CompetitionPage .grid-container.col-3 .grid:nth-of-type(1n):after,
      .CompetitionsPage .grid-container.col-4 .grid:nth-of-type(1n):after,
      .CompetitionsPage .grid-container.col-3 .grid:nth-of-type(1n):after {
        clear: both; }
    .CompetitionPage .grid-container.col-4 .grid:last-of-type, .CompetitionPage .grid-container.col-3 .grid:last-of-type,
    .CompetitionsPage .grid-container.col-4 .grid:last-of-type,
    .CompetitionsPage .grid-container.col-3 .grid:last-of-type {
      margin-bottom: 0; }
    .CompetitionPage .grid-container.col-4 .grid.even, .CompetitionPage .grid-container.col-3 .grid.even,
    .CompetitionsPage .grid-container.col-4 .grid.even,
    .CompetitionsPage .grid-container.col-3 .grid.even {
      top: 0; }
    .CompetitionPage .grid-container.col-4 .grid.odd, .CompetitionPage .grid-container.col-3 .grid.odd,
    .CompetitionsPage .grid-container.col-4 .grid.odd,
    .CompetitionsPage .grid-container.col-3 .grid.odd {
      top: 0; } }

@media all and (max-width: 500px) {
  .CompetitionPage .comp-info-wrapper .comp-details-wrapper,
  .CompetitionsPage .comp-info-wrapper .comp-details-wrapper {
    padding: 15px 20px 5px; }
  .CompetitionPage .comp-info-wrapper .terms-and-conditions,
  .CompetitionsPage .comp-info-wrapper .terms-and-conditions {
    padding: 15px 20px; } }

@media all and (max-width: 450px) {
  .CompetitionPage .featured-info-wrapper .large-text,
  .CompetitionPage .invisible .large-text,
  .CompetitionsPage .featured-info-wrapper .large-text,
  .CompetitionsPage .invisible .large-text {
    font-size: 2.3em !important; }
  .CompetitionPage .featured-info-wrapper .medium-text,
  .CompetitionPage .invisible .medium-text,
  .CompetitionsPage .featured-info-wrapper .medium-text,
  .CompetitionsPage .invisible .medium-text {
    font-size: 1.5em !important; }
  .CompetitionPage .featured-info-wrapper .small-text,
  .CompetitionPage .invisible .small-text,
  .CompetitionsPage .featured-info-wrapper .small-text,
  .CompetitionsPage .invisible .small-text {
    font-size: 1.2em !important; }
  .CompetitionPage h1,
  .CompetitionsPage h1 {
    font-size: 1.9rem; } }

.StoryPage .typography .pattern {
  background-repeat: repeat;
  background-size: 40%;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  top: -100px;
  z-index: -1; }

.StoryPage .typography .featured-image-wrapper {
  position: relative;
  display: inline-block; }
  .StoryPage .typography .featured-image-wrapper.block {
    display: block; }
  .StoryPage .typography .featured-image-wrapper:after {
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url("/../site/images/comp-frame.png");
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0; }

.StoryPage .typography .featured-image {
  margin: 0 auto;
  max-height: 500px;
  height: auto; }

.StoryPage .white-cont {
  max-width: 850px;
  width: 100%;
  background: #FFFFFF;
  margin: 0 auto;
  padding: 20px 0;
  margin-top: 20px; }
  .StoryPage .white-cont .share-label-wrapper {
    position: relative;
    margin-top: 40px;
    border-top: 1px solid #ECECEC; }
    .StoryPage .white-cont .share-label-wrapper .share-label p {
      width: 150px;
      position: absolute;
      right: 120px;
      top: 10px; }
    .StoryPage .white-cont .share-label-wrapper .share-label .sharebar .bubble-wrapper {
      top: 0; }
      .StoryPage .white-cont .share-label-wrapper .share-label .sharebar .bubble-wrapper .back-bubble,
      .StoryPage .white-cont .share-label-wrapper .share-label .sharebar .bubble-wrapper .front-bubble {
        display: none; }

@media only screen and (min-width: 1366px) {
  .StoryPage.parallax .parallaxing.left-image .image {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-image: url("/../site/images/seeds/watering-can.png"); } }

.StoryPage .related-stories .border {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  -ms-transform: scaleY(-1.01); }

.StoryPage .related-stories .inner .head-cont {
  position: relative;
  height: 80px; }
  .StoryPage .related-stories .inner .head-cont:before, .StoryPage .related-stories .inner .head-cont:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .StoryPage .related-stories .inner .head-cont:after {
    clear: both; }
  .StoryPage .related-stories .inner .head-cont .pot {
    position: absolute;
    top: -130%;
    left: 20%;
    max-width: 150px;
    width: 100%; }
  .StoryPage .related-stories .inner .head-cont h2 {
    padding-bottom: 30px;
    position: absolute;
    left: 35%;
    color: #000000; }

.StoryPage .related-stories .inner .stories {
  margin-top: 20px; }
  .StoryPage .related-stories .inner .stories:before, .StoryPage .related-stories .inner .stories:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .StoryPage .related-stories .inner .stories:after {
    clear: both; }
  .StoryPage .related-stories .inner .stories .story {
    width: 30.66667%;
    box-sizing: border-box;
    margin: 0 2%; }
    .StoryPage .related-stories .inner .stories .story:nth-of-type(n), .StoryPage .related-stories .inner .stories .story:nth-of-type(1n+1) {
      margin: 4% 2% 0;
      clear: none; }
    .StoryPage .related-stories .inner .stories .story:nth-of-type(1) {
      margin-top: 0; }
    .StoryPage .related-stories .inner .stories .story:nth-of-type(2) {
      margin-top: 0; }
    .StoryPage .related-stories .inner .stories .story:nth-of-type(3) {
      margin-top: 0; }
    .StoryPage .related-stories .inner .stories .story:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
    .StoryPage .related-stories .inner .stories .story:first-of-type {
      margin-left: 0; }
    .StoryPage .related-stories .inner .stories .story:nth-of-type(3n) {
      margin-right: 0;
      position: relative; }
      .StoryPage .related-stories .inner .stories .story:nth-of-type(3n):after {
        clear: both; }
    .StoryPage .related-stories .inner .stories .story:last-of-type {
      margin-bottom: 0; }
    .StoryPage .related-stories .inner .stories .story h3 {
      color: #000000; }
    .StoryPage .related-stories .inner .stories .story:hover h3, .StoryPage .related-stories .inner .stories .story:hover p {
      color: #565656; }
    @media only screen and (max-width: 770px) {
      .StoryPage .related-stories .inner .stories .story {
        text-align: center; } }

.StoryPage .related-stories .inner .view-more {
  color: #000000; }

.StoryPage #form {
  margin-bottom: 100px; }

@media all and (max-width: 1600px) {
  .StoryPage .typography .right-image {
    display: none; } }

/*@media all and (max-width: 950px) {
	.StoryPage{
		.related-stories {
			.inner{
				.stories{
					.story {
						@include grid(2, 2%);
					}
				}
			}
		}
	}
}*/
@media only screen and (max-width: 770px) {
  .StoryPage .related-stories .inner .head-cont .pot {
    position: absolute;
    top: -40%;
    left: 10%;
    max-width: 150px;
    width: 100%; }
  .StoryPage .related-stories .inner .head-cont h2 {
    padding-top: 40px; }
  .StoryPage .related-stories .inner .stories {
    margin-top: 90px; }
    .StoryPage .related-stories .inner .stories .story {
      width: 100%;
      box-sizing: border-box;
      margin: 0 1%; }
      .StoryPage .related-stories .inner .stories .story:nth-of-type(n), .StoryPage .related-stories .inner .stories .story:nth-of-type(1n+1) {
        margin: 2% 1% 0;
        clear: none; }
      .StoryPage .related-stories .inner .stories .story:nth-of-type(1) {
        margin-top: 0; }
      .StoryPage .related-stories .inner .stories .story:nth-of-type(1n+1) {
        margin-left: 0;
        clear: both; }
      .StoryPage .related-stories .inner .stories .story:first-of-type {
        margin-left: 0; }
      .StoryPage .related-stories .inner .stories .story:nth-of-type(1n) {
        margin-right: 0;
        position: relative; }
        .StoryPage .related-stories .inner .stories .story:nth-of-type(1n):after {
          clear: both; }
      .StoryPage .related-stories .inner .stories .story:last-of-type {
        margin-bottom: 0; } }

/*@media all and (max-width: 640px) {
	.StoryPage{
		.related-stories {
			.inner{
				.stories{
					.story {
						@include grid(1);
					}
				}
			}
		}
	}
}*/
@media only screen and (max-width: 650px) {
  h1 {
    font-size: 2.2rem; } }

@media only screen and (max-width: 450px) {
  .StoryPage .related-stories .inner .head-cont .pot {
    left: 1%; }
  .StoryPage .related-stories .inner .head-cont h2 {
    left: 40%; } }

.typography .inner {
  padding-bottom: 100px; }
  @media (max-width: 950px) {
    .typography .inner {
      padding-bottom: 175px; } }
  @media (max-width: 652px) {
    .typography .inner {
      padding-bottom: 235px; } }
  @media (max-width: 544px) {
    .typography .inner {
      padding-bottom: 35px; } }
  .typography .inner .intro {
    padding-bottom: 30px; }
  .typography .inner .glossary-item {
    padding: 5px 0;
    border-bottom: 1px solid #eee; }
    .typography .inner .glossary-item h4.section-heading {
      cursor: pointer; }
      .typography .inner .glossary-item h4.section-heading .toggle {
        color: #000000;
        padding-right: 70px;
        position: relative;
        display: block; }
        .typography .inner .glossary-item h4.section-heading .toggle .arrow {
          background: url("/site/images/arrow.png") no-repeat;
          display: block;
          /* float: right;*/
          position: absolute;
          right: 20px;
          top: 50%;
          height: 30px;
          margin-top: -15px;
          width: 30px; }
        .typography .inner .glossary-item h4.section-heading .toggle.open .arrow {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
    .typography .inner .glossary-item .togglable.hide.definition.open {
      width: 97%; }
      .typography .inner .glossary-item .togglable.hide.definition.open img {
        padding: 0 0 15px 25px; }

@media only screen and (min-width: 1366px) {
  .glossary.parallax .parallaxing.left-image .image {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-image: url("/../site/images/seeds/butternut.png"); }
  .glossary.parallax .parallaxing.right-image .image {
    background-image: url("/../site/images/seeds/watermelon.png"); } }

.pull-out-guide {
  clear: both;
  margin: 50px auto; }
  .pull-out-guide .circle {
    width: 940px;
    height: 670px;
    position: relative;
    margin: 0 auto;
    background-image: url(assets/questions-soil-circle.jpg?6abd09fe337b0f501d513b9e2cf4e9ad);
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; }
    .pull-out-guide .circle .liner {
      width: 40%;
      margin: 0 auto;
      text-align: center; }
      .pull-out-guide .circle .liner.top {
        padding: 220px 0 0; }
        @media only screen and (max-width: 650px) {
          .pull-out-guide .circle .liner.top {
            padding-top: 160px; } }
      .pull-out-guide .circle .liner h2, .pull-out-guide .circle .liner p {
        color: #FFFFFF; }
      .pull-out-guide .circle .liner p {
        font-size: 1.2em;
        line-height: 1.4em; }
        @media only screen and (max-width: 770px) {
          .pull-out-guide .circle .liner p {
            font-size: 1.1em; } }
      .pull-out-guide .circle .liner .button.plain.blue {
        font-size: 20px;
        color: #009ADB;
        display: inline-block;
        padding: 14px 36px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #009ADB;
        text-transform: uppercase;
        font-family: "Luckiest Guy";
        text-transform: none;
        margin-top: 15px; }
        .pull-out-guide .circle .liner .button.plain.blue .fa {
          font-size: 18px; }
        @media only screen and (max-width: 450px) {
          .pull-out-guide .circle .liner .button.plain.blue {
            padding: 7px 16px; } }
        @media only screen and (max-width: 650px) {
          .pull-out-guide .circle .liner .button.plain.blue {
            padding: 7px 16px; } }
        @media only screen and (max-width: 770px) {
          .pull-out-guide .circle .liner .button.plain.blue {
            padding: 7px 16px; } }
    @media only screen and (max-width: 770px) {
      .pull-out-guide .circle .bee-pullout .liner .button.plain.white {
        padding: 7px; } }
  .pull-out-guide .bee-pullout {
    position: absolute;
    right: 0;
    bottom: 85px;
    width: 257px;
    height: 208px;
    background: url(assets/blue-question-bubble.png?00af167a2b5ecfe6550f9a581c44b4d2) no-repeat; }
    .pull-out-guide .bee-pullout .bee {
      position: absolute;
      left: -102px;
      bottom: -80px;
      width: 140px; }
    .pull-out-guide .bee-pullout .liner {
      margin: 0 auto;
      padding: 25px 0;
      width: 80% !important; }
      .pull-out-guide .bee-pullout .liner p {
        font-size: 1.2em;
        line-height: 1.7rem; }
      .pull-out-guide .bee-pullout .liner .button.plain.white {
        font-size: 20px;
        color: #FFFFFF;
        display: inline-block;
        padding: 14px 36px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #FFFFFF;
        text-transform: uppercase;
        font-family: "Luckiest Guy";
        text-transform: none;
        margin-top: 10px;
        width: 180px;
        padding: 16px 18px;
        font-size: 16px; }
        .pull-out-guide .bee-pullout .liner .button.plain.white .fa {
          font-size: 18px; }
  @media (max-width: 950px) {
    .pull-out-guide .circle {
      width: 100%; }
      .pull-out-guide .circle .liner.top {
        width: 50%; }
    .pull-out-guide .bee-pullout {
      bottom: -80px; } }
  @media only screen and (max-width: 650px) {
    .pull-out-guide .circle {
      width: 95%;
      margin: 0 auto; }
      .pull-out-guide .circle .liner.top {
        padding-top: 200px;
        width: 60%; }
        .pull-out-guide .circle .liner.top p {
          font-size: 14px; }
        .pull-out-guide .circle .liner.top h2 {
          padding: .5rem .3rem;
          margin-top: 2em; }
    .pull-out-guide .bee-pullout {
      bottom: -180px; } }
  @media (max-width: 540px) {
    .pull-out-guide .circle .liner.top p {
      padding: 0; } }
  @media (max-width: 545px) {
    .pull-out-guide .circle .liner.top {
      padding-top: 150px; }
      .pull-out-guide .circle .liner.top p {
        display: none; }
    .pull-out-guide .bee-pullout {
      bottom: -10px; } }
  @media only screen and (max-width: 450px) {
    .pull-out-guide .circle .liner.top {
      padding-top: 180px;
      width: 86%; }
    .pull-out-guide .bee-pullout {
      bottom: 10px; } }
  @media (max-width: 400px) {
    .pull-out-guide .bee-pullout {
      bottom: 20px; } }
  @media (max-width: 380px) {
    .pull-out-guide .circle .liner.top {
      padding-top: 65px; }
      .pull-out-guide .circle .liner.top p {
        display: none; }
    .pull-out-guide .bee-pullout {
      bottom: 75px; } }

@media only screen and (max-width: 770px) {
  .BeesButterflyPage main .inner {
    padding-bottom: 50px; } }

.BeesButterflyPage main .inner .head-image {
  margin-bottom: 40px; }
  .BeesButterflyPage main .inner .head-image img {
    margin: 0 auto; }

.BeesButterflyPage main .inner .w-50 {
  max-width: 700px;
  width: 100%; }
  .BeesButterflyPage main .inner .w-50 h4 {
    font-size: 1.3rem;
    padding-bottom: 40px; }
  .BeesButterflyPage main .inner .w-50 .content {
    padding: 30px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px; }
    .BeesButterflyPage main .inner .w-50 .content h3 {
      color: #ffc655; }
    @media only screen and (max-width: 650px) {
      .BeesButterflyPage main .inner .w-50 .content {
        padding: 15px 20px; } }
  .BeesButterflyPage main .inner .w-50 h4.yellow-text {
    font-size: 1.7rem; }

.BeesButterflyPage main .inner .grid-container {
  max-width: 1000px;
  width: 100%;
  margin: 30px auto 100px; }
  .BeesButterflyPage main .inner .grid-container .grid {
    position: relative; }
    .BeesButterflyPage main .inner .grid-container .grid .animate {
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      .BeesButterflyPage main .inner .grid-container .grid .animate .hexagon {
        width: 90%;
        left: -5%;
        top: 0%;
        -webkit-transform: translate(5%, 0%);
        -moz-transform: translate(5%, 0%);
        -ms-transform: translate(5%, 0%);
        -o-transform: translate(5%, 0%);
        transform: translate(5%, 0%); }
      .BeesButterflyPage main .inner .grid-container .grid .animate .seed-img {
        z-index: 10;
        position: absolute;
        top: 0; }
        .BeesButterflyPage main .inner .grid-container .grid .animate .seed-img img {
          max-width: 230px;
          width: 100%; }
          @media only screen and (max-width: 1030px) {
            .BeesButterflyPage main .inner .grid-container .grid .animate .seed-img img {
              max-width: 430px;
              width: 100%; } }
      .BeesButterflyPage main .inner .grid-container .grid .animate .animate {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        .BeesButterflyPage main .inner .grid-container .grid .animate .animate .hexagon {
          width: 90%;
          left: -5%;
          top: 0%;
          -webkit-transform: translate(5%, 0%);
          -moz-transform: translate(5%, 0%);
          -ms-transform: translate(5%, 0%);
          -o-transform: translate(5%, 0%);
          transform: translate(5%, 0%); }
        .BeesButterflyPage main .inner .grid-container .grid .animate .animate .seed-img {
          z-index: 10;
          position: absolute;
          top: 0; }
        .BeesButterflyPage main .inner .grid-container .grid .animate .animate:hover {
          transform: scale(1.1); }
      .BeesButterflyPage main .inner .grid-container .grid .animate .seed-title {
        padding-top: 20px; }
  @media only screen and (max-width: 770px) {
    .BeesButterflyPage main .inner .grid-container {
      margin-bottom: 0; } }

@media only screen and (min-width: 1366px) {
  .BeesButterflyPage main.parallax .parallaxing.left-image .image {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-image: url("/../site/images/seeds/corriander.png"); }
  .BeesButterflyPage main.parallax .parallaxing.right-image .image {
    background-image: url("/../site/images/seeds/beehive.png"); } }

/**
* 404 page not found styles
*
*/
.page-not-found {
  text-align: center;
  background: url("/site/images/404/clouds.png") 60% no-repeat; }
  .page-not-found div {
    position: relative; }
  .page-not-found h1 {
    font-size: 10rem;
    text-shadow: 2px 2px 1px grey; }
  .page-not-found h2 {
    font-size: 3rem;
    color: #46280c; }
  .page-not-found h3 {
    font-family: "Museo Sans", serif;
    padding: 1em 0; }
  .page-not-found p {
    color: #FFFFFF !important; }
  .page-not-found a {
    margin-top: 2rem; }
  .page-not-found img {
    vertical-align: center; }
  .page-not-found .beeImage {
    background: url("/site/images/404/bee-wings_02.gif") center no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 150px;
    position: absolute;
    width: 150px;
    left: 50%;
    top: 215px; }

.ErrorPage {
  background: #e1a938; }

@media only screen and (min-width: 1366px) {
  main.general-page.parallax .parallaxing.left-image .image {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    background-image: url("/site/images/seeds/cucumber.png"); }
  main.general-page.parallax .parallaxing.right-image .image {
    background-image: url("/site/images/seeds/pansy.png"); } }