/* line 5, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../../../var/lib/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* line 1, sass/_fonts.scss */
.header1 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 32px; }
  @media (min-width: 48em) {
    /* line 1, sass/_fonts.scss */
    .header1 {
      font-size: 42px; } }

/* line 9, sass/_fonts.scss */
.header2 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 20px; }
  @media (min-width: 48em) {
    /* line 9, sass/_fonts.scss */
    .header2 {
      font-size: 26px; } }

/* line 17, sass/_fonts.scss */
.header3 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 26px; }
  @media (min-width: 48em) {
    /* line 17, sass/_fonts.scss */
    .header3 {
      font-size: 36px; } }

/* line 25, sass/_fonts.scss */
body.lang-th .header3 {
  font-family: cloud;
  font-size: 26px; }
  @media (min-width: 48em) {
    /* line 25, sass/_fonts.scss */
    body.lang-th .header3 {
      font-size: 34px; } }

/* line 33, sass/_fonts.scss */
.header4 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 28px; }
  @media (min-width: 48em) {
    /* line 33, sass/_fonts.scss */
    .header4 {
      font-size: 30px; } }

/* line 41, sass/_fonts.scss */
.header5 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 22px; }
  @media (min-width: 48em) {
    /* line 41, sass/_fonts.scss */
    .header5 {
      font-size: 36px; } }

/* line 49, sass/_fonts.scss */
.header6 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 17px; }
  @media (min-width: 48em) {
    /* line 49, sass/_fonts.scss */
    .header6 {
      font-size: 42px; } }

/* line 57, sass/_fonts.scss */
.header-small {
  font-family: Value;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1.8px; }
  @media (min-width: 48em) {
    /* line 57, sass/_fonts.scss */
    .header-small {
      font-size: 12px; } }
  /* line 65, sass/_fonts.scss */
  .header-small.regular {
    font-weight: 400; }
  /* line 68, sass/_fonts.scss */
  .header-small.medium {
    font-weight: 500; }

/* line 72, sass/_fonts.scss */
.headline-small1 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 17px; }
  @media (min-width: 48em) {
    /* line 72, sass/_fonts.scss */
    .headline-small1 {
      font-size: 22px; } }

/* line 80, sass/_fonts.scss */
body.lang-th .headline-small1 {
  font-family: cloud;
  font-size: 18px; }
  @media (min-width: 48em) {
    /* line 80, sass/_fonts.scss */
    body.lang-th .headline-small1 {
      font-size: 20px; } }

/* line 87, sass/_fonts.scss */
.headline-small2 {
  font-family: Value;
  font-weight: 500;
  font-size: 15px; }
  @media (min-width: 48em) {
    /* line 87, sass/_fonts.scss */
    .headline-small2 {
      font-size: 18px; } }

/* line 95, sass/_fonts.scss */
.headline-small3 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 18px; }
  @media (min-width: 48em) {
    /* line 95, sass/_fonts.scss */
    .headline-small3 {
      font-size: 18px; } }

/* line 103, sass/_fonts.scss */
.button1 {
  font-family: Value;
  font-weight: bold;
  font-size: 12px;
  color: #171717;
  letter-spacing: 4.2px; }
  @media (min-width: 48em) {
    /* line 103, sass/_fonts.scss */
    .button1 {
      font-size: 14px; } }
  /* line 112, sass/_fonts.scss */
  .button1.regular {
    font-weight: normal; }

/* line 117, sass/_fonts.scss */
body.lang-th .button1 {
  font-family: cloud-semibold;
  font-size: 18px; }
  @media (min-width: 48em) {
    /* line 117, sass/_fonts.scss */
    body.lang-th .button1 {
      font-size: 18px; } }
  /* line 123, sass/_fonts.scss */
  body.lang-th .button1.medium {
    font-family: cloud-semibold; }
  /* line 126, sass/_fonts.scss */
  body.lang-th .button1.bold {
    font-weight: cloud-semibold; }

/* line 130, sass/_fonts.scss */
.button2 {
  font-family: Value;
  font-weight: bold;
  font-size: 10px; }
  @media (min-width: 48em) {
    /* line 130, sass/_fonts.scss */
    .button2 {
      font-size: 14px; } }

/* line 138, sass/_fonts.scss */
.menu0 {
  font-family: Value;
  font-weight: bold;
  font-size: 18px; }
  @media (min-width: 48em) {
    /* line 138, sass/_fonts.scss */
    .menu0 {
      font-size: 22px; } }

/* line 146, sass/_fonts.scss */
.menu1 {
  font-family: Value;
  font-weight: bold;
  font-size: 14px; }
  @media (min-width: 48em) {
    /* line 146, sass/_fonts.scss */
    .menu1 {
      font-size: 14px; } }

/* line 154, sass/_fonts.scss */
body.lang-th .menu1 {
  font-family: cloud-semibold;
  font-size: 18px; }
  @media (min-width: 48em) {
    /* line 154, sass/_fonts.scss */
    body.lang-th .menu1 {
      font-size: 18px; } }

/* line 161, sass/_fonts.scss */
.menu2 {
  font-family: Value;
  font-weight: bold;
  font-size: 14px; }
  @media (min-width: 48em) {
    /* line 161, sass/_fonts.scss */
    .menu2 {
      font-size: 12px; } }

/* line 169, sass/_fonts.scss */
.menu3 {
  font-family: Value;
  font-weight: normal;
  font-size: 10px; }
  @media (min-width: 48em) {
    /* line 169, sass/_fonts.scss */
    .menu3 {
      font-size: 10px; } }
  /* line 176, sass/_fonts.scss */
  .menu3.medium {
    font-weight: 500; }
  /* line 179, sass/_fonts.scss */
  .menu3.bold {
    font-weight: bold; }

/* line 184, sass/_fonts.scss */
.menu4 {
  font-family: Value;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 4.8px;
  text-transform: uppercase; }
  @media (min-width: 48em) {
    /* line 184, sass/_fonts.scss */
    .menu4 {
      font-size: 16px; } }

/* line 194, sass/_fonts.scss */
.hashtag1 {
  font-family: Value;
  font-weight: 500;
  font-size: 12px; }
  @media (min-width: 48em) {
    /* line 194, sass/_fonts.scss */
    .hashtag1 {
      font-size: 14px; } }

/* line 202, sass/_fonts.scss */
.body0 {
  font-family: Value;
  font-weight: bold;
  font-size: 22px; }
  @media (min-width: 48em) {
    /* line 202, sass/_fonts.scss */
    .body0 {
      font-size: 22px; } }

/* line 210, sass/_fonts.scss */
.body1 {
  font-family: Value;
  font-weight: bold;
  font-size: 17px; }
  @media (min-width: 48em) {
    /* line 210, sass/_fonts.scss */
    .body1 {
      font-size: 18px; } }
  /* line 217, sass/_fonts.scss */
  .body1.regular {
    font-weight: normal; }

/* line 221, sass/_fonts.scss */
.body2 {
  font-family: Value;
  font-weight: normal;
  font-size: 14px;
  color: #888888;
  line-height: 1.5;
  letter-spacing: 0.7px; }
  @media (min-width: 48em) {
    /* line 221, sass/_fonts.scss */
    .body2 {
      font-size: 14px; } }
  /* line 231, sass/_fonts.scss */
  .body2.medium {
    font-weight: 500; }
  /* line 234, sass/_fonts.scss */
  .body2.bold {
    font-weight: bold; }

/* line 240, sass/_fonts.scss */
body.lang-th .body2 {
  font-family: cloud;
  font-size: 17px; }
  @media (min-width: 48em) {
    /* line 240, sass/_fonts.scss */
    body.lang-th .body2 {
      font-size: 17px; } }
  /* line 246, sass/_fonts.scss */
  body.lang-th .body2.medium {
    font-family: cloud-semibold; }
  /* line 249, sass/_fonts.scss */
  body.lang-th .body2.bold {
    font-weight: cloud-semibold; }

/* line 253, sass/_fonts.scss */
.body3 {
  font-family: Value;
  font-weight: normal;
  font-size: 14px;
  color: #888888;
  line-height: 1.5;
  letter-spacing: 0.7px; }
  @media (min-width: 48em) {
    /* line 253, sass/_fonts.scss */
    .body3 {
      font-size: 18px; } }
  /* line 263, sass/_fonts.scss */
  .body3.medium {
    font-weight: 500; }

/* line 267, sass/_fonts.scss */
.footer1 {
  font-family: Value;
  font-weight: bold;
  font-size: 12px; }
  @media (min-width: 48em) {
    /* line 267, sass/_fonts.scss */
    .footer1 {
      font-size: 12px; } }

/* line 275, sass/_fonts.scss */
.footer2 {
  font-family: Value;
  font-weight: 500;
  font-size: 12px; }
  @media (min-width: 48em) {
    /* line 275, sass/_fonts.scss */
    .footer2 {
      font-size: 12px; } }

/* line 283, sass/_fonts.scss */
.footer3 {
  font-family: Value;
  font-weight: 500;
  font-size: 14px; }
  @media (min-width: 48em) {
    /* line 283, sass/_fonts.scss */
    .footer3 {
      font-size: 12px; } }

/* line 291, sass/_fonts.scss */
.hamburger1 {
  font-family: Value;
  font-weight: 500;
  font-size: 12px; }
  @media (min-width: 48em) {
    /* line 291, sass/_fonts.scss */
    .hamburger1 {
      font-size: 12px; } }

/* line 299, sass/_fonts.scss */
.hamburger2 {
  font-family: Value;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 38px; }

/* line 307, sass/_fonts.scss */
.hamburger3 {
  font-family: Value;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 3.6px; }

/* line 315, sass/_fonts.scss */
.error {
  font-family: Value;
  font-weight: normal;
  font-size: 9px; }
  @media (min-width: 48em) {
    /* line 315, sass/_fonts.scss */
    .error {
      font-size: 9px; } }

/* line 323, sass/_fonts.scss */
.quote {
  font-family: Northwell;
  font-weight: normal;
  font-size: 30px; }
  @media (min-width: 48em) {
    /* line 323, sass/_fonts.scss */
    .quote {
      font-size: 44px; } }

/* line 331, sass/_fonts.scss */
.page-story-land,
.page-story-ethos,
.page-story-plastic,
.page-story-architecture {
  /*
  	.title2 {
  		font-family: ValueSerif;
  		font-size: 16px;
  		font-weight: bold;
  		font-style: normal;
  		font-stretch: normal;
  		line-height: 1.38;
  		letter-spacing: 0.8px;
  		text-align: left;
  		color: #171717;
  	}
  	
  */ }
  /* line 337, sass/_fonts.scss */
  .page-story-land .story-block .body2,
  .page-story-ethos .story-block .body2,
  .page-story-plastic .story-block .body2,
  .page-story-architecture .story-block .body2 {
    font-family: Value;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: 1px;
    text-align: center;
    color: #171717; }
    @media (min-width: 48em) {
      /* line 337, sass/_fonts.scss */
      .page-story-land .story-block .body2,
      .page-story-ethos .story-block .body2,
      .page-story-plastic .story-block .body2,
      .page-story-architecture .story-block .body2 {
        line-height: 2;
        font-size: 18px; } }
  /* line 353, sass/_fonts.scss */
  .page-story-land .body1,
  .page-story-ethos .body1,
  .page-story-plastic .body1,
  .page-story-architecture .body1 {
    font-family: Value;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: 0.7px;
    text-align: left;
    color: #888888; }
    @media (min-width: 48em) {
      /* line 353, sass/_fonts.scss */
      .page-story-land .body1,
      .page-story-ethos .body1,
      .page-story-plastic .body1,
      .page-story-architecture .body1 {
        font-size: 14px; } }
  /* line 368, sass/_fonts.scss */
  .page-story-land .quote-text,
  .page-story-ethos .quote-text,
  .page-story-plastic .quote-text,
  .page-story-architecture .quote-text {
    font-family: Northwell;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: 1.5px;
    text-align: center;
    color: rgba(0, 0, 0, 0.88);
    margin-bottom: 20px;
    margin-top: 45px; }
    @media (min-width: 48em) {
      /* line 368, sass/_fonts.scss */
      .page-story-land .quote-text,
      .page-story-ethos .quote-text,
      .page-story-plastic .quote-text,
      .page-story-architecture .quote-text {
        font-size: 44px;
        line-height: 1.45;
        letter-spacing: 2.2px;
        margin-bottom: 45px; } }
  /* line 391, sass/_fonts.scss */
  .page-story-land .quote-symbol,
  .page-story-ethos .quote-symbol,
  .page-story-plastic .quote-symbol,
  .page-story-architecture .quote-symbol {
    font-family: Value;
    font-size: 140px;
    line-height: 1.49;
    letter-spacing: 7px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: rgba(112, 112, 112, 0.88);
    margin-bottom: -120px; }
    @media (min-width: 48em) {
      /* line 391, sass/_fonts.scss */
      .page-story-land .quote-symbol,
      .page-story-ethos .quote-symbol,
      .page-story-plastic .quote-symbol,
      .page-story-architecture .quote-symbol {
        font-size: 200px;
        line-height: 1.48;
        letter-spacing: 10px;
        margin-bottom: -150px; } }
  /* line 411, sass/_fonts.scss */
  .page-story-land .quote-name,
  .page-story-ethos .quote-name,
  .page-story-plastic .quote-name,
  .page-story-architecture .quote-name {
    font-family: Value;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: 2px;
    text-align: center;
    color: #888888; }
    @media (min-width: 48em) {
      /* line 411, sass/_fonts.scss */
      .page-story-land .quote-name,
      .page-story-ethos .quote-name,
      .page-story-plastic .quote-name,
      .page-story-architecture .quote-name {
        font-size: 14px;
        line-height: 1;
        letter-spacing: 2.8px; } }
  /* line 428, sass/_fonts.scss */
  .page-story-land .title1,
  .page-story-ethos .title1,
  .page-story-plastic .title1,
  .page-story-architecture .title1 {
    font-family: ValueSerif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.8px;
    text-align: center;
    color: #171717; }
    @media (min-width: 48em) {
      /* line 428, sass/_fonts.scss */
      .page-story-land .title1,
      .page-story-ethos .title1,
      .page-story-plastic .title1,
      .page-story-architecture .title1 {
        font-size: 26px;
        line-height: 1.36;
        letter-spacing: 0.9px; } }
  /* line 446, sass/_fonts.scss */
  .page-story-land .title2,
  .page-story-ethos .title2,
  .page-story-plastic .title2,
  .page-story-architecture .title2 {
    font-family: ValueSerif;
    font-size: 17px;
    line-height: 1.38;
    letter-spacing: 0.8px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #171717; }
    @media (min-width: 48em) {
      /* line 446, sass/_fonts.scss */
      .page-story-land .title2,
      .page-story-ethos .title2,
      .page-story-plastic .title2,
      .page-story-architecture .title2 {
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: 0.8px; } }
  /* line 477, sass/_fonts.scss */
  .page-story-land .story-header2,
  .page-story-ethos .story-header2,
  .page-story-plastic .story-header2,
  .page-story-architecture .story-header2 {
    font-family: Value;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.33;
    letter-spacing: 2.4px;
    text-align: center;
    color: rgba(255, 255, 255, 0.88);
    text-transform: uppercase; }
    @media (min-width: 48em) {
      /* line 477, sass/_fonts.scss */
      .page-story-land .story-header2,
      .page-story-ethos .story-header2,
      .page-story-plastic .story-header2,
      .page-story-architecture .story-header2 {
        font-size: 12px;
        line-height: 1.17;
        letter-spacing: 2.4px; } }
  /* line 495, sass/_fonts.scss */
  .page-story-land .story-header1,
  .page-story-ethos .story-header1,
  .page-story-plastic .story-header1,
  .page-story-architecture .story-header1 {
    font-family: ValueSerif;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1.3px;
    text-align: center;
    color: #ffffff; }
    @media (min-width: 48em) {
      /* line 495, sass/_fonts.scss */
      .page-story-land .story-header1,
      .page-story-ethos .story-header1,
      .page-story-plastic .story-header1,
      .page-story-architecture .story-header1 {
        font-size: 42px;
        line-height: 1;
        letter-spacing: 1.7px; } }
  /* line 512, sass/_fonts.scss */
  .page-story-land .story-header-button,
  .page-story-ethos .story-header-button,
  .page-story-plastic .story-header-button,
  .page-story-architecture .story-header-button {
    font-family: Value;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: 2.8px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase; }
  /* line 525, sass/_fonts.scss */
  .page-story-land .link1,
  .page-story-ethos .link1,
  .page-story-plastic .link1,
  .page-story-architecture .link1 {
    font-family: Value;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.33;
    letter-spacing: 2.4px;
    text-align: center;
    color: rgba(0, 0, 0, 0.88);
    text-transform: uppercase; }
    @media (min-width: 48em) {
      /* line 525, sass/_fonts.scss */
      .page-story-land .link1,
      .page-story-ethos .link1,
      .page-story-plastic .link1,
      .page-story-architecture .link1 {
        font-size: 14px;
        line-height: 1.21;
        letter-spacing: 2.8px;
        color: #171717; } }
  /* line 543, sass/_fonts.scss */
  .page-story-land .link2,
  .page-story-ethos .link2,
  .page-story-plastic .link2,
  .page-story-architecture .link2 {
    font-family: Value;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.33;
    letter-spacing: 2.4px;
    text-align: left;
    color: #171717;
    text-transform: uppercase; }
    @media (min-width: 48em) {
      /* line 543, sass/_fonts.scss */
      .page-story-land .link2,
      .page-story-ethos .link2,
      .page-story-plastic .link2,
      .page-story-architecture .link2 {
        font-size: 14px;
        line-height: 1.21;
        letter-spacing: 2.8px; } }
  /* line 560, sass/_fonts.scss */
  .page-story-land .title3, .page-story-land .link3,
  .page-story-ethos .title3,
  .page-story-ethos .link3,
  .page-story-plastic .title3,
  .page-story-plastic .link3,
  .page-story-architecture .title3,
  .page-story-architecture .link3 {
    font-family: Value;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: 0.7px;
    text-align: left;
    color: #171717; }
  /* line 572, sass/_fonts.scss */
  .page-story-land .title4,
  .page-story-ethos .title4,
  .page-story-plastic .title4,
  .page-story-architecture .title4 {
    font-family: Value;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 5.6px;
    text-align: center;
    color: #ffffff; }
  /* line 584, sass/_fonts.scss */
  .page-story-land .title5,
  .page-story-ethos .title5,
  .page-story-plastic .title5,
  .page-story-architecture .title5 {
    font-family: Value;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 4px;
    text-align: center;
    color: rgba(255, 255, 255, 0.88); }
  /* line 595, sass/_fonts.scss */
  .page-story-land .title6,
  .page-story-ethos .title6,
  .page-story-plastic .title6,
  .page-story-architecture .title6 {
    font-family: Value;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: 5.6px;
    text-align: center;
    color: #ffffff; }
    @media (min-width: 48em) {
      /* line 595, sass/_fonts.scss */
      .page-story-land .title6,
      .page-story-ethos .title6,
      .page-story-plastic .title6,
      .page-story-architecture .title6 {
        font-size: 12px;
        line-height: 1.17;
        letter-spacing: 4.8px; } }
  /* line 612, sass/_fonts.scss */
  .page-story-land .button1,
  .page-story-ethos .button1,
  .page-story-plastic .button1,
  .page-story-architecture .button1 {
    font-size: 12px;
    letter-spacing: 2.4px;
    text-align: center;
    background-color: #78c8c3;
    object-fit: contain;
    font-family: Value;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    color: #ffffff;
    text-transform: uppercase;
    padding: 16px 30px;
    position: relative;
    display: inline-block;
    /*
    			&:hover:before {
    			    content: " ";
    			    opacity: .1;
    			    background-color: #171717;
    			    width: 100%;
    			    height: 100%;
    			    position: absolute;
    			    top: 0px;
    			    left: 0px;
    			}
    			&:active:before {
    			    content: " ";
    			    opacity: .15;
    			    background-color: #171717;
    			    width: 100%;
    			    height: 100%;
    			    position: absolute;
    			    top: 0px;
    			    left: 0px;
    			}
    */ }
    /* line 632, sass/_fonts.scss */
    .page-story-land .button1:hover,
    .page-story-ethos .button1:hover,
    .page-story-plastic .button1:hover,
    .page-story-architecture .button1:hover {
      background-color: #62aca7; }
    /* line 635, sass/_fonts.scss */
    .page-story-land .button1:active,
    .page-story-ethos .button1:active,
    .page-story-plastic .button1:active,
    .page-story-architecture .button1:active {
      background-color: #5ea39e; }
    @media (min-width: 48em) {
      /* line 612, sass/_fonts.scss */
      .page-story-land .button1,
      .page-story-ethos .button1,
      .page-story-plastic .button1,
      .page-story-architecture .button1 {
        font-size: 14px;
        line-height: 1.21;
        letter-spacing: 2.8px; } }

/* line 5, sass/_base.scss */
.page-story-land .container,
.page-story-ethos .container,
.page-story-architecture .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 20em) {
    /* line 5, sass/_base.scss */
    .page-story-land .container,
    .page-story-ethos .container,
    .page-story-architecture .container {
      padding-right: 36px;
      padding-left: 36px; } }
  @media (min-width: 48em) {
    /* line 5, sass/_base.scss */
    .page-story-land .container,
    .page-story-ethos .container,
    .page-story-architecture .container {
      padding-right: 0px;
      padding-left: 0px;
      width: 750px; } }
  @media (min-width: 62em) {
    /* line 5, sass/_base.scss */
    .page-story-land .container,
    .page-story-ethos .container,
    .page-story-architecture .container {
      width: 970px; } }
  @media (min-width: 75em) {
    /* line 5, sass/_base.scss */
    .page-story-land .container,
    .page-story-ethos .container,
    .page-story-architecture .container {
      width: 1092px; } }
/* line 31, sass/_base.scss */
.page-story-land .container-fluid,
.page-story-ethos .container-fluid,
.page-story-architecture .container-fluid {
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 20em) {
    /* line 31, sass/_base.scss */
    .page-story-land .container-fluid,
    .page-story-ethos .container-fluid,
    .page-story-architecture .container-fluid {
      padding-right: 36px;
      padding-left: 36px; } }
  @media (min-width: 48em) {
    /* line 31, sass/_base.scss */
    .page-story-land .container-fluid,
    .page-story-ethos .container-fluid,
    .page-story-architecture .container-fluid {
      padding-right: 0px;
      padding-left: 0px; } }

/* line 46, sass/_base.scss */
body .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 20em) {
    /* line 46, sass/_base.scss */
    body .container {
      padding-right: 0px;
      padding-left: 0px;
      width: 302px; } }
  @media (min-width: 48em) {
    /* line 46, sass/_base.scss */
    body .container {
      padding-right: 0px;
      padding-left: 0px;
      width: 750px; } }
  @media (min-width: 62em) {
    /* line 46, sass/_base.scss */
    body .container {
      width: 910px; } }
  @media (min-width: 75em) {
    /* line 46, sass/_base.scss */
    body .container {
      width: 910px; } }
/* line 71, sass/_base.scss */
body .container-fluid {
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 20em) {
    /* line 71, sass/_base.scss */
    body .container-fluid {
      padding-right: 36px;
      padding-left: 36px; } }
  @media (min-width: 48em) {
    /* line 71, sass/_base.scss */
    body .container-fluid {
      padding-right: 0px;
      padding-left: 0px; } }

/* line 85, sass/_base.scss */
.content-area {
  overflow: hidden; }

/* line 89, sass/_base.scss */
.mobile-only {
  display: block; }
  @media (min-width: 48em) {
    /* line 89, sass/_base.scss */
    .mobile-only {
      display: none; } }

/* line 96, sass/_base.scss */
.desktop-only {
  display: none; }
  @media (min-width: 48em) {
    /* line 96, sass/_base.scss */
    .desktop-only {
      display: block; } }

/* line 104, sass/_base.scss */
section {
  position: relative;
  min-height: 0px; }
  /* line 107, sass/_base.scss */
  section .container.centered-container {
    position: relative;
    z-index: 1; }
    @media (min-width: 48em) {
      /* line 107, sass/_base.scss */
      section .container.centered-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        margin: auto; } }

/* line 122, sass/_base.scss */
.story-divider.container {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #f4f4f4;
  margin: 0px 36px; }
  @media (min-width: 48em) {
    /* line 122, sass/_base.scss */
    .story-divider.container {
      margin: 20px auto 50px; } }

/* line 132, sass/_base.scss */
.noscroll {
  overflow: hidden; }

/* line 136, sass/_base.scss */
video::-webkit-media-controls {
  display: none;
  -webkit-appearance: none; }

@media (min-width: 48em) {
  /* line 140, sass/_base.scss */
  .pad-right-32 {
    padding-right: 40px; } }

@media (min-width: 48em) {
  /* line 145, sass/_base.scss */
  .pad-left-32 {
    padding-left: 40px; } }

/* line 151, sass/_base.scss */
.align-text-right {
  text-align: left; }
  @media (min-width: 48em) {
    /* line 151, sass/_base.scss */
    .align-text-right {
      text-align: right; } }

/* line 158, sass/_base.scss */
.content-header {
  background-size: 100% auto;
  background-position-y: 50%;
  background-repeat: no-repeat;
  position: relative;
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/wonderpost_bg.png);
  background-size: 100% auto;
  background-position-y: 0%;
  min-height: 120px; }
  @media (min-width: 48em) {
    /* line 158, sass/_base.scss */
    .content-header {
      min-height: 160px; } }
  /* line 171, sass/_base.scss */
  .content-header .container {
    height: 100%; }
    /* line 173, sass/_base.scss */
    .content-header .container .page-title {
      color: white;
      letter-spacing: 1.7px;
      text-align: center;
      top: 47%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      white-space: nowrap; }
      @media (min-width: 48em) {
        /* line 173, sass/_base.scss */
        .content-header .container .page-title {
          text-align: left;
          top: 50%;
          left: unset;
          transform: translateY(-60%); } }

/* line 192, sass/_base.scss */
.content-submenu {
  background-color: #f4f4f4;
  height: 44px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; }
  /* line 199, sass/_base.scss */
  .content-submenu .container {
    height: 100%;
    position: relative; }
    /* line 202, sass/_base.scss */
    .content-submenu .container ul {
      top: 47%;
      left: 0%;
      transform: translateY(-50%);
      position: absolute; }
      @media (min-width: 48em) {
        /* line 202, sass/_base.scss */
        .content-submenu .container ul {
          text-align: left;
          top: 50%;
          left: unset;
          transform: translateY(-50%); } }
      /* line 213, sass/_base.scss */
      .content-submenu .container ul li {
        display: inline-block;
        padding-right: 20px; }
    /* line 218, sass/_base.scss */
    .content-submenu .container .submenu-link {
      color: #171717;
      font-weight: bold;
      /*
      			&:active {
      				font-weight: bold;
      			}
      			&:hover {
      				font-weight: bold;
      			}
      */ }
  /* line 232, sass/_base.scss */
  .content-submenu.fixed-submenu.fixed-submenu-sticky-mob {
    position: fixed;
    top: 0px;
    bottom: inherit;
    z-index: 10;
    width: 100%; }
  @media (min-width: 48em) {
    /* line 240, sass/_base.scss */
    .content-submenu.fixed-submenu.fixed-submenu-sticky {
      position: fixed;
      top: 68px;
      bottom: inherit;
      z-index: 10;
      width: 100%; } }

/* line 253, sass/_base.scss */
.content-main {
  margin-top: 56px;
  margin-bottom: 125px; }
  @media (min-width: 48em) {
    /* line 253, sass/_base.scss */
    .content-main {
      margin-top: 76px;
      margin-bottom: 240px; } }

/* line 262, sass/_base.scss */
.overflow-margin {
  margin-right: 0px;
  margin-left: 0px; }
  @media (min-width: 48em) {
    /* line 262, sass/_base.scss */
    .overflow-margin {
      margin-right: -30px;
      margin-left: -30px; } }

/* line 273, sass/_base.scss */
a {
  color: inherit;
  cursor: pointer; }
  /* line 276, sass/_base.scss */
  a .hover-overlay {
    position: relative; }
  /* line 279, sass/_base.scss */
  a:hover {
    text-decoration: none;
    outline: none;
    color: inherit; }
    /* line 283, sass/_base.scss */
    a:hover i.fa-play-circle {
      font-weight: 600;
      transform: translate(-50%, -50%) scale(1.1);
      z-index: 2; }
      /* line 288, sass/_base.scss */
      a:hover i.fa-play-circle.image-overlay {
        transform: translate(-50%, -50%) scale(1.1); }
    /* line 292, sass/_base.scss */
    a:hover.hover-overlay,
    a:hover .hover-overlay {
      position: relative; }
      /* line 295, sass/_base.scss */
      a:hover.hover-overlay:after,
      a:hover .hover-overlay:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: absolute;
        background-color: rgba(23, 23, 23, 0.2); }
    /* line 306, sass/_base.scss */
    a:hover .hover-scale {
      transition: .2s ease;
      transform: scale(1.1); }
  /* line 311, sass/_base.scss */
  a:active {
    text-decoration: none;
    outline: none; }
    /* line 314, sass/_base.scss */
    a:active i.fa-play-circle {
      font-weight: 600;
      z-index: 2;
      opacity: .8; }
      /* line 317, sass/_base.scss */
      a:active i.fa-play-circle.image-overlay {
        transform: translate(-50%, -50%) scale(1.1); }
    /* line 324, sass/_base.scss */
    a:active.hover-overlay:after,
    a:active .hover-overlay:after {
      background-color: rgba(23, 23, 23, 0.1); }
    /* line 328, sass/_base.scss */
    a:active .hover-scale {
      opacity: .7; }
  /* line 332, sass/_base.scss */
  a:focus {
    text-decoration: none;
    outline: none; }

/* line 339, sass/_base.scss */
i.fa-play-circle.image-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  transition: .2s ease;
  font-size: 3em;
  transform: translate(-50%, -50%); }

/* line 349, sass/_base.scss */
.table {
  display: table; }

/* line 350, sass/_base.scss */
.table-header {
  display: table-header-group; }

/* line 351, sass/_base.scss */
.table-footer {
  display: table-footer-group; }

/* line 352, sass/_base.scss */
.table-body {
  display: table-row-group; }

/* line 353, sass/_base.scss */
.table-row {
  display: table-row; }

/* line 354, sass/_base.scss */
.table-cell {
  display: table-cell; }

/* line 359, sass/_base.scss */
select {
  margin: 0px;
  width: 58px;
  padding: 5px 24px 5px 12px;
  border: 0px;
  border-bottom: 2px solid #171717;
  text-align: center;
  text-align-last: center;
  height: 33px;
  border-radius: 0px;
  bottom: 10%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down-black) 90%/12px no-repeat transparent; }

/* line 377, sass/_base.scss */
option {
  font-family: value-bold;
  width: 58px;
  padding: 5px 11px 5px 5px;
  font-size: 16px;
  background-color: #ffffff; }

/* CAUTION: IE hackery ahead */
/* line 387, sass/_base.scss */
select::-ms-expand {
  display: none;
  /* remove default arrow in IE 10 and 11 */ }

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0\0) {
  /* line 393, sass/_base.scss */
  select {
    background: none\9;
    padding: 5px\9; } }
/*  Refactor me - select options */
/* line 400, sass/_base.scss */
.pic {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-color: #D1CCCA;
  margin-top: 8px; }

/* line 407, sass/_base.scss */
.pic::before {
  content: "";
  display: block;
  padding-top: 66.7%; }

/* line 413, sass/_base.scss */
.popup-image-container,
.popup-container {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  display: none; }
  /* line 423, sass/_base.scss */
  .popup-image-container .close,
  .popup-container .close {
    color: white;
    opacity: 1;
    position: absolute;
    top: 13px;
    right: 13px; }
    @media (min-width: 48em) {
      /* line 423, sass/_base.scss */
      .popup-image-container .close,
      .popup-container .close {
        top: 7.5%;
        right: 3.5%; } }
    /* line 433, sass/_base.scss */
    .popup-image-container .close i,
    .popup-container .close i {
      font-size: 30px; }
      /* line 435, sass/_base.scss */
      .popup-image-container .close i:hover,
      .popup-container .close i:hover {
        font-weight: 600; }
      /* line 438, sass/_base.scss */
      .popup-image-container .close i:active,
      .popup-container .close i:active {
        opacity: .8; }
  /* line 443, sass/_base.scss */
  .popup-image-container .popup-content,
  .popup-container .popup-content {
    width: 100%; }
    /* line 445, sass/_base.scss */
    .popup-image-container .popup-content iframe,
    .popup-container .popup-content iframe {
      width: 100%;
      height: 35%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (min-width: 48em) {
        /* line 445, sass/_base.scss */
        .popup-image-container .popup-content iframe,
        .popup-container .popup-content iframe {
          width: 85%;
          height: 85%; } }
  /* line 459, sass/_base.scss */
  .popup-image-container .popup-image-content,
  .popup-container .popup-image-content {
    background-size: contain;
    background-position: center center;
    width: 95%;
    height: 95%;
    background-repeat: no-repeat;
    /* padding: 5%; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    /* line 470, sass/_base.scss */
    .popup-image-container .popup-image-content .close,
    .popup-container .popup-image-content .close {
      color: white;
      opacity: 1;
      padding: 0; }

/* line 478, sass/_base.scss */
.story-block {
  padding: 60px 0px; }
  @media (min-width: 48em) {
    /* line 478, sass/_base.scss */
    .story-block {
      padding: 120px 0px; } }
  /* line 483, sass/_base.scss */
  .story-block .story-image {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%; }
    /* line 488, sass/_base.scss */
    .story-block .story-image.shadow-image {
      box-shadow: 0 3px 6px 0 #00000029; }
  /* line 492, sass/_base.scss */
  .story-block .video-placeholder-btn {
    display: block;
    position: relative;
    cursor: pointer; }
    /* line 496, sass/_base.scss */
    .story-block .video-placeholder-btn i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 1.8em; }
      @media (min-width: 48em) {
        /* line 496, sass/_base.scss */
        .story-block .video-placeholder-btn i {
          font-size: 2.4em; } }
    /* line 508, sass/_base.scss */
    .story-block .video-placeholder-btn:hover .story-image {
      transform: scale(1.1); }
    /* line 512, sass/_base.scss */
    .story-block .video-placeholder-btn:active {
      background-color: black; }
      /* line 514, sass/_base.scss */
      .story-block .video-placeholder-btn:active .story-image {
        opacity: .8; }
    /* line 518, sass/_base.scss */
    .story-block .video-placeholder-btn .story-image {
      transition: all .2s ease-in-out; }

/* line 527, sass/_base.scss */
.story-block .title1, .story-block .title2 {
  margin-bottom: 18px; }
/* line 530, sass/_base.scss */
.story-block.attach-element:before,
.story-block .attach-element:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/leaf-3.png);
  display: block;
  position: absolute;
  z-index: -1; }
/* line 537, sass/_base.scss */
.story-block .mobile-sidescroll {
  overflow-y: hidden;
  overflow-x: scroll;
  margin-right: -40px; }
  @media (min-width: 48em) {
    /* line 537, sass/_base.scss */
    .story-block .mobile-sidescroll {
      overflow-y: hidden;
      overflow-x: hidden; } }

/* line 550, sass/_base.scss */
.jumbotron {
  margin-bottom: 0px;
  min-height: 65vh;
  padding-bottom: 0px;
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-architecture-header.jpg);
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative; }
  /* line 561, sass/_base.scss */
  .jumbotron:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
    width: 100%;
    height: 100%;
    /* background: black; */ }
  @media (min-width: 20em) {
    /* line 550, sass/_base.scss */
    .jumbotron {
      margin-bottom: 0px; } }
  @media (min-width: 62em) {
    /* line 550, sass/_base.scss */
    .jumbotron {
      min-height: 80.7vh; } }
  /* line 578, sass/_base.scss */
  .jumbotron .background {
    display: none; }
    @media (min-width: 48em) {
      /* line 578, sass/_base.scss */
      .jumbotron .background {
        display: block;
        width: 100vw;
        position: absolute;
        height: 100vh;
        min-height: 56.25vw;
        min-width: 177vh;
        top: 0px; } }
    @media (min-width: 62em) {
      /* line 590, sass/_base.scss */
      .jumbotron .background #background_video {
        display: inline-block;
        width: 100%;
        position: absolute !important;
        height: 100%;
        object-fit: cover; } }
    @media (min-width: 62em) {
      /* line 599, sass/_base.scss */
      .jumbotron .background #background_video {
        height: 100%; } }
  /* line 604, sass/_base.scss */
  .jumbotron .triangles {
    width: 60%;
    margin-top: 60px; }
    @media (min-width: 48em) {
      /* line 604, sass/_base.scss */
      .jumbotron .triangles {
        margin-top: 100px; } }
    @media (min-width: 48em) {
      /* line 604, sass/_base.scss */
      .jumbotron .triangles {
        width: 30%;
        margin-top: 65px; } }
  /* line 615, sass/_base.scss */
  .jumbotron .container {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center; }
    @media (min-width: 62em) {
      /* line 615, sass/_base.scss */
      .jumbotron .container {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        max-width: 970px; } }
    @media (min-width: 62em) {
      /* line 633, sass/_base.scss */
      .jumbotron .container .slider-text1 {
        font-family: Value;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.75;
        letter-spacing: 3.2px;
        text-align: center;
        color: #ffffff; } }
    @media (min-width: 62em) {
      /* line 646, sass/_base.scss */
      .jumbotron .container .slider-text2 {
        font-family: ValueSerif;
        font-size: 60px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.17;
        letter-spacing: 2.4px;
        text-align: center;
        color: #ffffff; } }
    @media (min-width: 62em) {
      /* line 659, sass/_base.scss */
      .jumbotron .container .slider-play-button {
        font-family: Value;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: 4px;
        text-align: center;
        color: #ffffff; } }
    /* line 672, sass/_base.scss */
    .jumbotron .container .story-header1 {
      margin: 10px auto 40px auto;
      width: 84%; }
      @media (min-width: 48em) {
        /* line 672, sass/_base.scss */
        .jumbotron .container .story-header1 {
          margin: 10px auto 64px auto; } }
    /* line 681, sass/_base.scss */
    .jumbotron .container .story-header-button span {
      display: none; }
      @media (min-width: 48em) {
        /* line 681, sass/_base.scss */
        .jumbotron .container .story-header-button span {
          display: inline-block;
          height: 30px;
          vertical-align: middle;
          padding: 0px 10px; } }
    /* line 691, sass/_base.scss */
    .jumbotron .container .story-header-button:hover i {
      transform: scale(1.1); }
    /* line 695, sass/_base.scss */
    .jumbotron .container .story-header-button:active {
      opacity: .7; }
      /* line 696, sass/_base.scss */
      .jumbotron .container .story-header-button:active i {
        transform: scale(1.1); }

/* line 707, sass/_base.scss */
.screen-width-mobile {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }
  @media (min-width: 48em) {
    /* line 707, sass/_base.scss */
    .screen-width-mobile {
      width: unset;
      position: unset;
      left: unset;
      right: unset;
      margin: unset; } }

/* line 1, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .jumbotron,
.page-home .jumbotron {
  min-height: 86vh;
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/home-header.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media (min-width: 48em) {
    /* line 1, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .jumbotron,
    .page-home .jumbotron {
      background-attachment: fixed; } }
  /* line 13, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .jumbotron:before,
  .page-home .jumbotron:before {
    background-color: rgba(23, 23, 23, 0.2); }
  /* line 16, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .jumbotron .container-fluid,
  .page-home .jumbotron .container-fluid {
    position: absolute;
    left: 0%;
    width: 100%;
    padding: 0px 56px;
    bottom: 0%;
    z-index: 2; }
    @media (min-width: 48em) {
      /* line 16, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid,
      .page-home .jumbotron .container-fluid {
        bottom: 18.5%; } }
    /* line 27, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .jumbotron .container-fluid .triangles,
    .page-home .jumbotron .container-fluid .triangles {
      width: 286px;
      margin: 28px 0px 54px; }
    /* line 31, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .jumbotron .container-fluid .header1,
    .page-home .jumbotron .container-fluid .header1 {
      text-align: center;
      line-height: 1;
      color: white; }
      @media (min-width: 48em) {
        /* line 31, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .jumbotron .container-fluid .header1,
        .page-home .jumbotron .container-fluid .header1 {
          text-align: left;
          line-height: 1.19; } }
    /* line 40, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .jumbotron .container-fluid .menu2,
    .page-home .jumbotron .container-fluid .menu2 {
      letter-spacing: 1.9px;
      text-align: left;
      text-transform: uppercase;
      color: white; }
      /* line 45, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .menu2 a,
      .page-home .jumbotron .container-fluid .menu2 a {
        color: white; }
      /* line 48, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .menu2 li,
      .page-home .jumbotron .container-fluid .menu2 li {
        display: inline-block; }
      /* line 51, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .menu2 li:after,
      .page-home .jumbotron .container-fluid .menu2 li:after {
        content: "\f111";
        font-family: "Font Awesome 5 Pro";
        font-size: 6px;
        vertical-align: middle;
        text-align: center;
        padding: 0px 6px 0px 8px;
        line-height: 2.17; }
      /* line 60, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .menu2 li:last-child:after,
      .page-home .jumbotron .container-fluid .menu2 li:last-child:after {
        display: none; }
    /* line 64, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .jumbotron .container-fluid .menu2.mobile-only,
    .page-home .jumbotron .container-fluid .menu2.mobile-only {
      text-align: justify;
      text-align-last: justify;
      margin-top: 137px;
      line-height: 27px; }
      /* line 69, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .menu2.mobile-only i,
      .page-home .jumbotron .container-fluid .menu2.mobile-only i {
        font-size: .5em;
        line-height: 14px;
        vertical-align: middle; }
      /* line 74, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .menu2.mobile-only > div:after,
      .page-home .jumbotron .container-fluid .menu2.mobile-only > div:after {
        content: "";
        display: inline-block;
        width: 100%; }
    /* line 80, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .jumbotron .container-fluid .jumbotron-social,
    .page-home .jumbotron .container-fluid .jumbotron-social {
      text-align: right;
      padding: 14px 0px; }
      /* line 83, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .jumbotron-social a,
      .page-home .jumbotron .container-fluid .jumbotron-social a {
        color: white; }
      /* line 86, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .jumbotron-social li,
      .page-home .jumbotron .container-fluid .jumbotron-social li {
        display: inline-block; }
      /* line 89, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .jumbotron-social i,
      .page-home .jumbotron .container-fluid .jumbotron-social i {
        font-size: 1.8em;
        padding-left: 18px; }
    /* line 94, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container,
    .page-home .jumbotron .container-fluid .countdown-container {
      border: 1px solid white;
      text-align: center;
      padding: 42px 35px;
      width: 390px;
      float: right; }
      /* line 100, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container .header1,
      .page-home .jumbotron .container-fluid .countdown-container .header1 {
        text-align: center;
        line-height: .8; }
      /* line 104, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container ul,
      .page-home .jumbotron .container-fluid .countdown-container ul {
        margin: 0px -20px; }
      /* line 107, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container li,
      .page-home .jumbotron .container-fluid .countdown-container li {
        display: inline-block;
        min-width: 22.9%;
        padding: 23px 0px 20px; }
      /* line 112, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container .button1,
      .page-home .jumbotron .container-fluid .countdown-container .button1 {
        letter-spacing: 4.2px;
        color: white; }
      /* line 116, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container a.button1,
      .page-home .jumbotron .container-fluid .countdown-container a.button1 {
        letter-spacing: 3.8px; }
        /* line 118, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container a.button1:hover,
        .page-home .jumbotron .container-fluid .countdown-container a.button1:hover {
          color: black;
          background-color: white; }
        /* line 122, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container a.button1:active,
        .page-home .jumbotron .container-fluid .countdown-container a.button1:active {
          color: black;
          background-color: white;
          opacity: .8; }
      /* line 128, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container .body2,
      .page-home .jumbotron .container-fluid .countdown-container .body2 {
        color: white;
        text-align: center;
        padding: 5px 0px; }
      /* line 133, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .jumbotron .container-fluid .countdown-container a,
      .page-home .jumbotron .container-fluid .countdown-container a {
        padding: 17px 18px;
        border: 2px solid white;
        display: block; }
/* line 142, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-slides,
.page-home .home-block-slides {
  background-color: #fafafa;
  /*
  	&:after {
  	    height: 100%;
  	    width: 100%;
  	    position: absolute;
  		background-color: rgba(244, 244, 244,.4);
  	    top: 0px;
  	    left: 0px;
  	    content: " ";
  	    display: block;
  	    z-index: -2;
  	}	
  */
  padding-bottom: 120px; }
  @media (min-width: 48em) {
    /* line 142, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides,
    .page-home .home-block-slides {
      padding: 76px 0px 42px; } }
  /* line 162, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .hashtag1,
  .page-home .home-block-slides .hashtag1 {
    font-weight: bold;
    color: #171717;
    text-align: center;
    margin-top: 18px;
    letter-spacing: 3.6px; }
    @media (min-width: 48em) {
      /* line 162, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .hashtag1,
      .page-home .home-block-slides .hashtag1 {
        text-align: left;
        margin-top: 35px;
        letter-spacing: 4.2px; } }
  /* line 174, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .body2,
  .page-home .home-block-slides .body2 {
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 174, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .body2,
      .page-home .home-block-slides .body2 {
        margin-bottom: 45px; } }
  /* line 180, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .header1,
  .page-home .home-block-slides .header1 {
    margin: 8px 0px 28px;
    letter-spacing: 1.3px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 180, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .header1,
      .page-home .home-block-slides .header1 {
        margin: 9px 0px 40px;
        line-height: 1.19;
        letter-spacing: 1.7px;
        text-align: left; } }
  /* line 191, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .video-link:hover img,
  .page-home .home-block-slides .video-link:hover img {
    max-width: 110%;
    width: 110%; }
  /* line 195, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .slide-container,
  .page-home .home-block-slides .slide-container {
    margin-right: 5px; }
  /* line 198, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container,
  .page-home .home-block-slides .slide-image-container {
    position: relative;
    margin: 2%; }
    @media (min-width: 48em) {
      /* line 198, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container,
      .page-home .home-block-slides .slide-image-container {
        margin: 0%; } }
    /* line 204, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container .stacked-image,
    .page-home .home-block-slides .slide-image-container .stacked-image {
      position: absolute;
      z-index: 1;
      width: 35%; }
      @media (min-width: 48em) {
        /* line 204, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container .stacked-image,
        .page-home .home-block-slides .slide-image-container .stacked-image {
          width: 40%; } }
      /* line 211, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container .stacked-image img,
      .page-home .home-block-slides .slide-image-container .stacked-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .5s ease; }
    /* line 219, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position,
    .page-home .home-block-slides .slide-image-container.bl-position {
      padding-left: 30%;
      padding-bottom: 8%; }
      @media (min-width: 48em) {
        /* line 219, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position,
        .page-home .home-block-slides .slide-image-container.bl-position {
          padding-left: 95px;
          padding-bottom: 35px;
          margin-right: -165px; } }
      /* line 227, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position .stacked-image,
      .page-home .home-block-slides .slide-image-container.bl-position .stacked-image {
        position: absolute;
        left: -1%;
        top: 45%;
        width: 70%; }
        @media (min-width: 48em) {
          /* line 227, sass/page/_home.scss */
          .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position .stacked-image,
          .page-home .home-block-slides .slide-image-container.bl-position .stacked-image {
            left: 30px;
            top: 142px;
            width: 360px;
            height: 224px;
            overflow: hidden; } }
        /* line 240, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position .stacked-image.portrait,
        .page-home .home-block-slides .slide-image-container.bl-position .stacked-image.portrait {
          left: -1%;
          top: 45%;
          width: 70%; }
          @media (min-width: 48em) {
            /* line 240, sass/page/_home.scss */
            .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position .stacked-image.portrait,
            .page-home .home-block-slides .slide-image-container.bl-position .stacked-image.portrait {
              left: 30px;
              top: 100px;
              width: 229px;
              height: 324px; } }
      /* line 253, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position.slide-style2,
      .page-home .home-block-slides .slide-image-container.bl-position.slide-style2 {
        padding-left: 20%;
        padding-right: 20%;
        padding-bottom: 8%; }
        @media (min-width: 48em) {
          /* line 253, sass/page/_home.scss */
          .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position.slide-style2,
          .page-home .home-block-slides .slide-image-container.bl-position.slide-style2 {
            position: absolute;
            padding-left: 30%;
            padding-right: 0%;
            padding-bottom: 8%; } }
        /* line 264, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image,
        .page-home .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image {
          display: none; }
          @media (min-width: 48em) {
            /* line 264, sass/page/_home.scss */
            .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image,
            .page-home .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image {
              display: block; } }
        /* line 271, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait,
        .page-home .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait {
          position: relative;
          width: 100%; }
          @media (min-width: 48em) {
            /* line 271, sass/page/_home.scss */
            .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait,
            .page-home .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait {
              position: absolute;
              width: 229px; } }
          /* line 278, sass/page/_home.scss */
          .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img,
          .page-home .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img {
            position: relative;
            transform: none;
            top: 0px;
            left: 0px; }
            @media (min-width: 48em) {
              /* line 278, sass/page/_home.scss */
              .page-template-page-home-phase3-2018 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img,
              .page-home .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img {
                top: 50%;
                left: 50%;
                position: absolute;
                transform: translate(-50%, -50%); } }
  /* line 295, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .slick-dots,
  .page-home .home-block-slides .slick-dots {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    color: #B0B0B0; }
    /* line 301, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .slick-dots li,
    .page-home .home-block-slides .slick-dots li {
      display: inline-block;
      visibility: hidden;
      width: 28px;
      opacity: .3; }
      @media (min-width: 48em) {
        /* line 301, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-slides .slick-dots li,
        .page-home .home-block-slides .slick-dots li {
          width: 33px; } }
      /* line 309, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .slick-dots li.slick-active,
      .page-home .home-block-slides .slick-dots li.slick-active {
        opacity: 1; }
      /* line 312, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .slick-dots li:before,
      .page-home .home-block-slides .slick-dots li:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f111";
        visibility: visible;
        font-size: 1.15em; }
        @media (min-width: 48em) {
          /* line 312, sass/page/_home.scss */
          .page-template-page-home-phase3-2018 .home-block-slides .slick-dots li:before,
          .page-home .home-block-slides .slick-dots li:before {
            font-size: 1.15em; } }
  /* line 324, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .attach-element:before,
  .page-home .home-block-slides .attach-element:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-1.png);
    left: -105px;
    bottom: 0px;
    transform: scale(0.25);
    display: none; }
    @media (min-width: 48em) {
      /* line 324, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .attach-element:before,
      .page-home .home-block-slides .attach-element:before {
        display: block;
        left: -420px;
        bottom: -60px;
        transform: scale(0.5);
        z-index: 1; } }
  /* line 338, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .button1,
  .page-home .home-block-slides .button1 {
    text-transform: uppercase;
    border: 2px solid #171717;
    color: #171717;
    padding: 16px 0px;
    display: inline-block;
    text-align: center;
    width: 146px;
    letter-spacing: 2.8px; }
    @media (min-width: 48em) {
      /* line 338, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .button1,
      .page-home .home-block-slides .button1 {
        width: 200px; } }
    /* line 350, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .button1:hover,
    .page-home .home-block-slides .button1:hover {
      background-color: #171717;
      color: white; }
    /* line 354, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .button1:active,
    .page-home .home-block-slides .button1:active {
      background-color: #171717;
      color: white;
      opacity: .9; }
  /* line 361, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .button1.button-style2,
  .page-home .home-block-slides .button1.button-style2 {
    border: 2px solid #171717;
    color: white;
    background-color: #171717; }
    /* line 365, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .button1.button-style2:hover,
    .page-home .home-block-slides .button1.button-style2:hover {
      background-color: #171717;
      color: white;
      opacity: .9; }
    /* line 370, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .button1.button-style2:active,
    .page-home .home-block-slides .button1.button-style2:active {
      background-color: #171717;
      color: white;
      opacity: .8; }
  /* line 377, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .buttons,
  .page-home .home-block-slides .buttons {
    margin: 5px 0px 45px 0px; }
    @media (min-width: 48em) {
      /* line 377, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .buttons,
      .page-home .home-block-slides .buttons {
        margin: 35px 0px 0px 0px; } }
  /* line 385, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-slides .slideshow-nav,
  .page-home .home-block-slides .slideshow-nav {
    text-align: center; }
    /* line 387, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .slideshow-nav a,
    .page-home .home-block-slides .slideshow-nav a {
      color: #171717; }
    /* line 390, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .slideshow-nav .slick-arrow,
    .page-home .home-block-slides .slideshow-nav .slick-arrow {
      padding: 30px; }
/* line 395, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-subscribe,
.page-home .home-block-subscribe {
  background-color: rgba(106, 173, 169, 0.7);
  padding: 39px 0px 46px; }
  /* line 398, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-form-container,
  .page-home .home-block-subscribe .subscribe-form-container {
    background-color: #6AADA9;
    padding: 25px 0px 10px; }
    @media (min-width: 48em) {
      /* line 398, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-form-container,
      .page-home .home-block-subscribe .subscribe-form-container {
        padding: 0px;
        height: 76px;
        width: 600px;
        margin: 0px 55px; } }
  /* line 408, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .header2,
  .page-home .home-block-subscribe .header2 {
    text-align: center;
    line-height: 28px;
    margin-bottom: 22px; }
    @media (min-width: 48em) {
      /* line 408, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-subscribe .header2,
      .page-home .home-block-subscribe .header2 {
        text-align: left;
        margin-bottom: 0px;
        line-height: 1.23;
        margin-bottom: 0px;
        letter-spacing: 1px;
        padding-left: 32px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%; } }
  /* line 428, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .header2, .page-template-page-home-phase3-2018 .home-block-subscribe .body2,
  .page-home .home-block-subscribe .header2,
  .page-home .home-block-subscribe .body2 {
    color: white; }
  /* line 431, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-options,
  .page-home .home-block-subscribe .subscribe-options {
    padding: 10px 0px; }
    @media (min-width: 48em) {
      /* line 431, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-options,
      .page-home .home-block-subscribe .subscribe-options {
        padding: 0px 0px;
        padding-left: 20px;
        line-height: 4.64;
        letter-spacing: 0.6px; } }
  /* line 440, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe form .menu1,
  .page-home .home-block-subscribe form .menu1 {
    width: 85%;
    letter-spacing: 4.2px; }
    @media (min-width: 48em) {
      /* line 440, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-subscribe form .menu1,
      .page-home .home-block-subscribe form .menu1 {
        width: 87%;
        line-height: 2;
        letter-spacing: 4.2px; } }
  /* line 449, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .col-md-4,
  .page-home .home-block-subscribe .col-md-4 {
    height: 74px; }
  /* line 452, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-form-container .col-md-5,
  .page-home .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-home .home-block-subscribe .subscribe-form-container .col-md-5 {
    top: 50%;
    transform: translateY(-50%); }
  /* line 458, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-form-container .col-md-6,
  .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-form-container .col-md-5,
  .page-home .home-block-subscribe .subscribe-form-container .col-md-6,
  .page-home .home-block-subscribe .subscribe-form-container .col-md-5 {
    text-align: center; }
  /* line 462, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-home .home-block-subscribe .subscribe-form-container .col-md-7 {
    padding: 0px;
    margin: 0px 20px; }
    @media (min-width: 48em) {
      /* line 462, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-subscribe .subscribe-form-container .col-md-7,
      .page-home .home-block-subscribe .subscribe-form-container .col-md-7 {
        margin: 0px;
        padding-right: 10px; } }
  /* line 470, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe select,
  .page-home .home-block-subscribe select {
    margin: 0px;
    width: auto;
    padding: 5px 11px 5px 5px;
    height: 33px;
    border-radius: 0px;
    bottom: 10%;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down.svg) 100%/12px no-repeat #fff;
    background-color: transparent;
    border: 0px;
    border-bottom: 2px solid white; }
    /* line 485, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-subscribe select:focus,
    .page-home .home-block-subscribe select:focus {
      outline: 0; }
  /* line 489, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe option,
  .page-home .home-block-subscribe option {
    width: auto; }
  /* line 492, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe .hidden_select,
  .page-home .home-block-subscribe .hidden_select {
    display: none; }
    /* line 494, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-subscribe .hidden_select .hidden_option,
    .page-home .home-block-subscribe .hidden_select .hidden_option {
      width: auto; }
  /* line 499, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe form input,
  .page-home .home-block-subscribe form input {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid white;
    /* outline: 0px; */
    float: left;
    color: white;
    padding: 10px 15px;
    border-radius: 0px;
    opacity: .5;
    outline: 0; }
    @media (min-width: 48em) {
      /* line 499, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-subscribe form input,
      .page-home .home-block-subscribe form input {
        padding: 6px 0px 5px;
        padding-left: 10px; } }
    /* line 512, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-subscribe form input::placeholder,
    .page-home .home-block-subscribe form input::placeholder {
      color: white; }
    /* line 515, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-subscribe form input:-ms-input-placeholder,
    .page-home .home-block-subscribe form input:-ms-input-placeholder {
      color: white; }
    /* line 518, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-subscribe form input::-ms-input-placeholder,
    .page-home .home-block-subscribe form input::-ms-input-placeholder {
      color: white; }
  /* line 527, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe form button,
  .page-home .home-block-subscribe form button {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    margin: 0px;
    padding: 12px 18px 12px;
    border-left: 0px;
    opacity: .5;
    outline: 0;
    /*
    		    &:hover {
    			    background-color: white; 
    			    color: #6AADA9;
    		    }
    */ }
    @media (min-width: 48em) {
      /* line 527, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-subscribe form button,
      .page-home .home-block-subscribe form button {
        padding: 11px 16px 11px; } }
    /* line 546, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-subscribe form button:active,
    .page-home .home-block-subscribe form button:active {
      opacity: .8 !important; }
  /* line 553, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe form:focus-within input, .page-template-page-home-phase3-2018 .home-block-subscribe form:focus input, .page-template-page-home-phase3-2018 .home-block-subscribe form:hover input,
  .page-home .home-block-subscribe form:focus-within input,
  .page-home .home-block-subscribe form:focus input,
  .page-home .home-block-subscribe form:hover input {
    outline: none;
    opacity: 1; }
  /* line 557, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe form:focus-within button, .page-template-page-home-phase3-2018 .home-block-subscribe form:focus button, .page-template-page-home-phase3-2018 .home-block-subscribe form:hover button,
  .page-home .home-block-subscribe form:focus-within button,
  .page-home .home-block-subscribe form:focus button,
  .page-home .home-block-subscribe form:hover button {
    opacity: 1;
    outline: none; }
  /* line 563, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe form.typing input,
  .page-home .home-block-subscribe form.typing input {
    outline: none;
    opacity: 1; }
  /* line 567, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe form.typing button,
  .page-home .home-block-subscribe form.typing button {
    opacity: 1;
    outline: none;
    background-color: white;
    color: #6AADA9; }
/* line 577, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-follow-us,
.page-home .home-block-follow-us {
  text-align: center;
  padding: 60px 0px 80px; }
  @media (min-width: 48em) {
    /* line 577, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-follow-us,
    .page-home .home-block-follow-us {
      padding: 40px 0px; } }
  /* line 583, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-follow-us a,
  .page-home .home-block-follow-us a {
    color: #6AADA9; }
  /* line 586, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-follow-us li,
  .page-home .home-block-follow-us li {
    display: inline-block;
    padding: 0px 12px; }
    @media (min-width: 48em) {
      /* line 586, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-follow-us li,
      .page-home .home-block-follow-us li {
        padding: 0px 18px; } }
  /* line 593, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-follow-us .button1,
  .page-home .home-block-follow-us .button1 {
    text-transform: uppercase;
    line-height: 2;
    letter-spacing: 4.2px;
    color: #171717;
    margin: 34px; }
  /* line 600, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-follow-us i,
  .page-home .home-block-follow-us i {
    font-size: 2em; }
    @media (min-width: 48em) {
      /* line 600, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-follow-us i,
      .page-home .home-block-follow-us i {
        font-size: 3em; } }
/* line 607, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-instagram,
.page-home .home-block-instagram {
  margin-bottom: 30px; }
  @media (min-width: 48em) {
    /* line 607, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram,
    .page-home .home-block-instagram {
      width: 100%; } }
  /* line 613, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .container-fluid,
  .page-home .home-block-instagram .container-fluid {
    padding: 0px; }
  /* line 616, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .col-md-12,
  .page-home .home-block-instagram .col-md-12 {
    width: 156%; }
    @media (min-width: 48em) {
      /* line 616, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-instagram .col-md-12,
      .page-home .home-block-instagram .col-md-12 {
        width: 100%; } }
  /* line 622, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .ig-image,
  .page-home .home-block-instagram .ig-image {
    display: none; }
  /* line 625, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .ig-image:nth-child(1),
  .page-template-page-home-phase3-2018 .home-block-instagram .ig-image:nth-child(2),
  .page-template-page-home-phase3-2018 .home-block-instagram .ig-image:nth-child(3),
  .page-template-page-home-phase3-2018 .home-block-instagram .ig-image:nth-child(4),
  .page-home .home-block-instagram .ig-image:nth-child(1),
  .page-home .home-block-instagram .ig-image:nth-child(2),
  .page-home .home-block-instagram .ig-image:nth-child(3),
  .page-home .home-block-instagram .ig-image:nth-child(4) {
    display: inline-block; }
  /* line 631, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .vertical-divider,
  .page-home .home-block-instagram .vertical-divider {
    width: 1px;
    display: inline-block;
    /* margin: auto; */
    background-color: #171717;
    position: absolute;
    bottom: 0px;
    left: calc(50% + 1px);
    height: 60px; }
    @media (min-width: 48em) {
      /* line 631, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-instagram .vertical-divider,
      .page-home .home-block-instagram .vertical-divider {
        height: 90px; } }
  @media (min-width: 48em) {
    /* line 607, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram,
    .page-home .home-block-instagram {
      margin-bottom: 30px; }
      /* line 646, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-instagram .ig-image,
      .page-home .home-block-instagram .ig-image {
        display: inline-block; } }
  /* line 650, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .ig-image,
  .page-home .home-block-instagram .ig-image {
    float: left;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%; }
    @media (min-width: 48em) {
      /* line 650, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-instagram .ig-image,
      .page-home .home-block-instagram .ig-image {
        width: 100%; } }
    /* line 660, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram .ig-image::before,
    .page-home .home-block-instagram .ig-image::before {
      content: "";
      display: block;
      padding-top: 100%; }
  /* line 666, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .ig-hover,
  .page-home .home-block-instagram .ig-hover {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 23, 23, 0.1); }
    /* line 674, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram .ig-hover > div,
    .page-home .home-block-instagram .ig-hover > div {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    /* line 680, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram .ig-hover i,
    .page-home .home-block-instagram .ig-hover i {
      color: white; }
    /* line 683, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram .ig-hover span,
    .page-home .home-block-instagram .ig-hover span {
      color: white;
      font-family: value;
      font-weight: bold;
      font-size: 14px;
      line-height: 14px;
      vertical-align: middle;
      margin: 0px 20px 0px 5px; }
    /* line 692, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram .ig-hover .ig-likes,
    .page-home .home-block-instagram .ig-hover .ig-likes {
      display: inline-block; }
    /* line 695, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram .ig-hover .ig-comments,
    .page-home .home-block-instagram .ig-hover .ig-comments {
      display: inline-block; }
      /* line 697, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-instagram .ig-hover .ig-comments span,
      .page-home .home-block-instagram .ig-hover .ig-comments span {
        margin-right: 0px; }
  /* line 702, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .ig-single-container,
  .page-home .home-block-instagram .ig-single-container {
    position: relative; }
    /* line 704, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram .ig-single-container:hover .ig-hover,
    .page-home .home-block-instagram .ig-single-container:hover .ig-hover {
      display: block; }
    /* line 707, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram .ig-single-container:active .ig-hover,
    .page-home .home-block-instagram .ig-single-container:active .ig-hover {
      display: block;
      background-color: rgba(23, 23, 23, 0.2); }
  /* line 713, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .header1,
  .page-home .home-block-instagram .header1 {
    color: #171717;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 90px; }
    @media (min-width: 48em) {
      /* line 713, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-instagram .header1,
      .page-home .home-block-instagram .header1 {
        padding-bottom: 0px;
        margin-bottom: 118px; } }
  /* line 723, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-instagram .attach-element:before,
  .page-home .home-block-instagram .attach-element:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-5.png);
    left: 50%;
    bottom: -130px;
    transform: translateX(-50%) scale(0.35);
    position: absolute;
    opacity: .1; }
    @media (min-width: 48em) {
      /* line 723, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-instagram .attach-element:before,
      .page-home .home-block-instagram .attach-element:before {
        left: -200px;
        bottom: -70px;
        transform: scale(0.5); } }
/* line 738, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .attach-mobile-element:before,
.page-home .home-block-read-stream .attach-mobile-element:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-program.png);
  right: -40px;
  top: 2px;
  position: absolute;
  transform: scale(0.5) translate(50%, -150%); }
  @media (min-width: 48em) {
    /* line 738, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .attach-mobile-element:before,
    .page-home .home-block-read-stream .attach-mobile-element:before {
      display: none; } }
/* line 748, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .container,
.page-home .home-block-read-stream .container {
  width: 100%; }
  @media (min-width: 62em) {
    /* line 748, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .container,
    .page-home .home-block-read-stream .container {
      width: 910px; } }
/* line 754, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream audio,
.page-home .home-block-read-stream audio {
  width: 100%;
  margin-bottom: 35px; }
/* line 758, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream iframe,
.page-home .home-block-read-stream iframe {
  margin-top: 11px;
  display: block; }
/* line 763, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .article-image,
.page-home .home-block-read-stream .article-image {
  background-size: auto 100%;
  background-position: center;
  vertical-align: top;
  display: inline-block;
  width: 45%;
  transition: .2s ease; }
  @media (min-width: 48em) {
    /* line 763, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .article-image,
    .page-home .home-block-read-stream .article-image {
      width: 30%; } }
  /* line 773, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream .article-image:hover,
  .page-home .home-block-read-stream .article-image:hover {
    background-size: auto 110%; }
  /* line 776, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream .article-image::before,
  .page-home .home-block-read-stream .article-image::before {
    content: "";
    display: block;
    padding-top: 66.7%; }
  /* line 781, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream .article-image:hover::before,
  .page-home .home-block-read-stream .article-image:hover::before {
    background-color: #171717;
    opacity: .1; }
  /* line 785, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream .article-image:active::before,
  .page-home .home-block-read-stream .article-image:active::before {
    background-color: #171717;
    opacity: .15; }
/* line 790, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream article,
.page-home .home-block-read-stream article {
  margin-bottom: 40px; }
/* line 793, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream article:last-child,
.page-home .home-block-read-stream article:last-child {
  margin-bottom: 0px; }
/* line 796, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .article-text,
.page-home .home-block-read-stream .article-text {
  display: inline-block;
  padding-left: 18px;
  width: 49%; }
  @media (min-width: 48em) {
    /* line 796, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .article-text,
    .page-home .home-block-read-stream .article-text {
      width: 64%; } }
/* line 804, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .col-md-6,
.page-home .home-block-read-stream .col-md-6 {
  background-color: #f4f4f4;
  padding: 5px;
  width: 100%;
  margin: 24px 0px 0px; }
  @media (min-width: 48em) {
    /* line 804, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .col-md-6,
    .page-home .home-block-read-stream .col-md-6 {
      padding: 10px;
      margin: 0px 5px;
      width: calc(50% - 10px); } }
  /* line 814, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream .col-md-6 > div,
  .page-home .home-block-read-stream .col-md-6 > div {
    background-color: white; }
/* line 819, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .triangles,
.page-home .home-block-read-stream .triangles {
  position: absolute;
  width: 55%;
  top: 0px;
  left: 50%;
  transform: translateX(-50%); }
  @media (min-width: 48em) {
    /* line 819, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .triangles,
    .page-home .home-block-read-stream .triangles {
      width: 40%;
      left: 0px;
      margin-left: 52px;
      transform: unset; } }
/* line 833, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .read-container, .page-template-page-home-phase3-2018 .home-block-read-stream .stream-container,
.page-home .home-block-read-stream .read-container,
.page-home .home-block-read-stream .stream-container {
  padding: 0px 32px; }
  @media (min-width: 48em) {
    /* line 833, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .read-container, .page-template-page-home-phase3-2018 .home-block-read-stream .stream-container,
    .page-home .home-block-read-stream .read-container,
    .page-home .home-block-read-stream .stream-container {
      padding: 0px 35px; } }
  /* line 838, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream .read-container .container-body, .page-template-page-home-phase3-2018 .home-block-read-stream .stream-container .container-body,
  .page-home .home-block-read-stream .read-container .container-body,
  .page-home .home-block-read-stream .stream-container .container-body {
    border: 1px solid transparent; }
    @media (min-width: 48em) {
      /* line 838, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-read-stream .read-container .container-body, .page-template-page-home-phase3-2018 .home-block-read-stream .stream-container .container-body,
      .page-home .home-block-read-stream .read-container .container-body,
      .page-home .home-block-read-stream .stream-container .container-body {
        min-height: 443px; } }
  /* line 844, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream .read-container .headline-small2, .page-template-page-home-phase3-2018 .home-block-read-stream .stream-container .headline-small2,
  .page-home .home-block-read-stream .read-container .headline-small2,
  .page-home .home-block-read-stream .stream-container .headline-small2 {
    color: #171717; }
    /* line 846, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .read-container .headline-small2:hover, .page-template-page-home-phase3-2018 .home-block-read-stream .stream-container .headline-small2:hover,
    .page-home .home-block-read-stream .read-container .headline-small2:hover,
    .page-home .home-block-read-stream .stream-container .headline-small2:hover {
      color: #888888; }
    /* line 849, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .read-container .headline-small2:active, .page-template-page-home-phase3-2018 .home-block-read-stream .stream-container .headline-small2:active,
    .page-home .home-block-read-stream .read-container .headline-small2:active,
    .page-home .home-block-read-stream .stream-container .headline-small2:active {
      color: #171717; }
/* line 856, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .stream-container .headline-small2,
.page-home .home-block-read-stream .stream-container .headline-small2 {
  line-height: 1.2;
  margin: 0px 0px 20px; }
/* line 863, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .read-container .headline-small2,
.page-home .home-block-read-stream .read-container .headline-small2 {
  line-height: 1.2;
  margin-bottom: 7px; }
/* line 867, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .read-container .body2,
.page-home .home-block-read-stream .read-container .body2 {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  @media (min-width: 48em) {
    /* line 867, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .read-container .body2,
    .page-home .home-block-read-stream .read-container .body2 {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box; } }
/* line 882, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .header2,
.page-home .home-block-read-stream .header2 {
  margin-bottom: 51px;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 882, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .header2,
    .page-home .home-block-read-stream .header2 {
      text-align: left; } }
/* line 889, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream .button1,
.page-home .home-block-read-stream .button1 {
  text-transform: uppercase;
  padding: 63px 0px 10px;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 889, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream .button1,
    .page-home .home-block-read-stream .button1 {
      text-align: left; } }
/* line 898, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream a.button1,
.page-home .home-block-read-stream a.button1 {
  padding: 44px 0px;
  display: block;
  text-align: center; }
  /* line 902, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream a.button1:after,
  .page-home .home-block-read-stream a.button1:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-size: 1em;
    vertical-align: middle;
    text-align: center;
    padding: 0px 10px;
    line-height: 1.12em; }
  /* line 911, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-read-stream a.button1:hover,
  .page-home .home-block-read-stream a.button1:hover {
    color: #888888; }
/* line 915, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-read-stream.attach-element:before,
.page-home .home-block-read-stream.attach-element:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-4.png);
  right: -685px;
  bottom: -485px;
  transform: scale(0.32);
  position: absolute; }
  @media (min-width: 48em) {
    /* line 915, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-read-stream.attach-element:before,
    .page-home .home-block-read-stream.attach-element:before {
      right: -520px;
      bottom: -470px;
      transform: scale(0.5); } }
/* line 929, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories article,
.page-home .home-block-stories article {
  margin-bottom: 24px; }
/* line 932, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories .body2,
.page-home .home-block-stories .body2 {
  margin-bottom: 40px; }
  @media (min-width: 48em) {
    /* line 932, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-stories .body2,
    .page-home .home-block-stories .body2 {
      margin: 21px 0px 16px; } }
/* line 938, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories .button1.regular,
.page-home .home-block-stories .button1.regular {
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 938, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-stories .button1.regular,
    .page-home .home-block-stories .button1.regular {
      text-align: left; } }
/* line 948, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories .video-link:hover .article-image,
.page-home .home-block-stories .video-link:hover .article-image {
  background-size: auto 110%; }
/* line 952, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories .article-image,
.page-home .home-block-stories .article-image {
  width: 52%;
  margin-right: 10px;
  background-size: auto 100%;
  background-position: center;
  vertical-align: top;
  display: inline-block;
  transition: .2s ease; }
  @media (min-width: 48em) {
    /* line 952, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-stories .article-image,
    .page-home .home-block-stories .article-image {
      margin-right: 18px;
      width: 30%; } }
  /* line 964, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-stories .article-image::before,
  .page-home .home-block-stories .article-image::before {
    content: "";
    display: block;
    padding-top: 66.7%; }
  /* line 969, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-stories .article-image.portrait-style,
  .page-home .home-block-stories .article-image.portrait-style {
    width: 100%; }
    /* line 971, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-stories .article-image.portrait-style::before,
    .page-home .home-block-stories .article-image.portrait-style::before {
      padding-top: 183%; }
/* line 976, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories .article-text,
.page-home .home-block-stories .article-text {
  width: 42%;
  display: inline-block; }
  @media (min-width: 48em) {
    /* line 976, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-stories .article-text,
    .page-home .home-block-stories .article-text {
      width: 65%; } }
/* line 983, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories .hashtag1,
.page-home .home-block-stories .hashtag1 {
  color: #b0b0b0;
  margin-top: 14px; }
/* line 987, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories a.button1,
.page-home .home-block-stories a.button1 {
  padding: 15px 0px 58px;
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 987, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-stories a.button1,
    .page-home .home-block-stories a.button1 {
      text-align: left; } }
  /* line 994, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-stories a.button1:after,
  .page-home .home-block-stories a.button1:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-size: 1em;
    vertical-align: middle;
    text-align: center;
    padding: 0px 10px;
    line-height: 1.12em; }
  /* line 1003, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-stories a.button1:hover,
  .page-home .home-block-stories a.button1:hover {
    color: #888888; }
/* line 1007, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories .header1,
.page-home .home-block-stories .header1 {
  margin: 14px 0px 30px;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 1007, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-stories .header1,
    .page-home .home-block-stories .header1 {
      text-align: left;
      margin: 14px 0px;
      line-height: 1.19;
      letter-spacing: 1.7px; } }
/* line 1017, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories.attach-element:before,
.page-home .home-block-stories.attach-element:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-2.png);
  position: absolute;
  right: -765px;
  bottom: -90px;
  transform: scale(0.25); }
  @media (min-width: 48em) {
    /* line 1017, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-stories.attach-element:before,
    .page-home .home-block-stories.attach-element:before {
      left: inherit;
      right: -720px;
      top: -355px;
      transform: scale(0.5); } }
/* line 1030, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories article.mobile-only .article-image,
.page-home .home-block-stories article.mobile-only .article-image {
  width: 100%; }
/* line 1034, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-experiences,
.page-home .home-block-experiences {
  background-color: white; }
  @media (min-width: 48em) {
    /* line 1034, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences,
    .page-home .home-block-experiences {
      padding-bottom: 40px; } }
  /* line 1039, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-experiences article,
  .page-home .home-block-experiences article {
    width: 25%;
    padding-right: 13px; }
  /* line 1043, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-experiences .article-image,
  .page-home .home-block-experiences .article-image {
    width: 100%;
    background-size: cover;
    background-position: center;
    vertical-align: top;
    display: inline-block;
    position: relative; }
    /* line 1050, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences .article-image::before,
    .page-home .home-block-experiences .article-image::before {
      content: "";
      display: block;
      padding-top: 130%;
      background-color: #171717;
      opacity: .3; }
      @media (min-width: 48em) {
        /* line 1050, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-experiences .article-image::before,
        .page-home .home-block-experiences .article-image::before {
          background-color: transparent;
          padding-top: 100%; } }
  /* line 1062, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-experiences .article-text,
  .page-home .home-block-experiences .article-text {
    width: 100%;
    display: inline-block;
    margin-top: 13px; }
  /* line 1067, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-experiences .experience-container,
  .page-home .home-block-experiences .experience-container {
    width: 200%; }
    @media (min-width: 48em) {
      /* line 1067, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences .experience-container,
      .page-home .home-block-experiences .experience-container {
        width: 140%; } }
  /* line 1073, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-experiences article,
  .page-home .home-block-experiences article {
    position: relative; }
    @media (min-width: 48em) {
      /* line 1075, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences article .article-text-hover,
      .page-home .home-block-experiences article .article-text-hover {
        display: none; } }
    @media (min-width: 48em) {
      /* line 1080, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences article:hover .article-text-hover,
      .page-home .home-block-experiences article:hover .article-text-hover {
        display: block; } }
    /* line 1085, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article .article-text-hover,
    .page-home .home-block-experiences article .article-text-hover {
      color: white;
      z-index: 2;
      text-align: center;
      width: 222px;
      width: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      /* line 1090, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences article .article-text-hover .headline-small1,
      .page-home .home-block-experiences article .article-text-hover .headline-small1 {
        line-height: 1.27;
        letter-spacing: 0.9px; }
      /* line 1095, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences article .article-text-hover i,
      .page-home .home-block-experiences article .article-text-hover i {
        color: white;
        padding: 10px;
        font-weight: 300;
        transform: none; }
    /* line 1112, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article:hover .article-image:after,
    .page-home .home-block-experiences article:hover .article-image:after {
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: transparent;
      content: "";
      display: block;
      top: 0px;
      left: 0px;
      z-index: 1; }
    /* line 1124, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article:active .article-image:after,
    .page-home .home-block-experiences article:active .article-image:after {
      opacity: .7; }
    /* line 1127, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article:active i,
    .page-home .home-block-experiences article:active i {
      opacity: .7;
      font-weight: 600; }
    @media (min-width: 48em) {
      /* line 1132, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences article.hover-red:hover .article-image:after,
      .page-home .home-block-experiences article.hover-red:hover .article-image:after {
        background-color: rgba(255, 100, 100, 0.7); } }
    @media (min-width: 48em) {
      /* line 1137, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences article.hover-green:hover .article-image:after,
      .page-home .home-block-experiences article.hover-green:hover .article-image:after {
        background-color: rgba(120, 200, 195, 0.7); } }
    @media (min-width: 48em) {
      /* line 1142, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences article.hover-blue:hover .article-image:after,
      .page-home .home-block-experiences article.hover-blue:hover .article-image:after {
        background-color: rgba(60, 95, 160, 0.7); } }
    @media (min-width: 48em) {
      /* line 1147, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences article.hover-brown:hover .article-image:after,
      .page-home .home-block-experiences article.hover-brown:hover .article-image:after {
        background-color: rgba(180, 130, 100, 0.7); } }
    /* line 1153, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article.hover-red:active .article-image:before,
    .page-home .home-block-experiences article.hover-red:active .article-image:before {
      background-color: rgba(255, 100, 100, 0.7);
      opacity: 1; }
    /* line 1160, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article.hover-green:active .article-image:before,
    .page-home .home-block-experiences article.hover-green:active .article-image:before {
      background-color: rgba(120, 200, 195, 0.7);
      opacity: 1; }
    /* line 1167, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article.hover-blue:active .article-image:before,
    .page-home .home-block-experiences article.hover-blue:active .article-image:before {
      opacity: 1;
      background-color: rgba(60, 95, 160, 0.7); }
    /* line 1174, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article.hover-brown:active .article-image:before,
    .page-home .home-block-experiences article.hover-brown:active .article-image:before {
      opacity: 1;
      background-color: rgba(180, 130, 100, 0.7); }
    /* line 1182, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences article i:hover,
    .page-home .home-block-experiences article i:hover {
      font-weight: 600; }
  /* line 1187, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-experiences .header1,
  .page-home .home-block-experiences .header1 {
    color: #6aada9;
    margin: 43px 0px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 1187, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences .header1,
      .page-home .home-block-experiences .header1 {
        text-align: left; } }
  /* line 1196, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-experiences .menu4,
  .page-home .home-block-experiences .menu4 {
    text-transform: uppercase;
    margin: 8px 0px;
    text-align: left; }
    /* line 1200, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences .menu4.experience-type,
    .page-home .home-block-experiences .menu4.experience-type {
      color: #b0b0b0; }
  /* line 1204, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-experiences .slideshow-nav,
  .page-home .home-block-experiences .slideshow-nav {
    margin-top: 30px;
    text-align: right; }
    /* line 1207, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences .slideshow-nav a,
    .page-home .home-block-experiences .slideshow-nav a {
      color: #171717; }
      /* line 1209, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences .slideshow-nav a:hover,
      .page-home .home-block-experiences .slideshow-nav a:hover {
        color: #888888; }
    /* line 1213, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-experiences .slideshow-nav .slick-arrow,
    .page-home .home-block-experiences .slideshow-nav .slick-arrow {
      padding: 20px 15px; }
/* line 1219, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-partners,
.page-home .home-block-partners {
  background-color: white; }
  @media (min-width: 48em) {
    /* line 1219, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners,
    .page-home .home-block-partners {
      padding: 0px 0px 120px; } }
  /* line 1224, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners .container-fluid,
  .page-home .home-block-partners .container-fluid {
    padding: 0px; }
  /* line 1227, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners article,
  .page-home .home-block-partners article {
    padding: 0px 70px; }
    @media (min-width: 48em) {
      /* line 1227, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners article,
      .page-home .home-block-partners article {
        width: 25%;
        padding: 50px; } }
  /* line 1236, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners .article-image,
  .page-home .home-block-partners .article-image {
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: top;
    display: inline-block;
    position: relative;
    /*
    		-webkit-filter: grayscale(100%);
    		filter: grayscale(100%);
    */ }
    /* line 1248, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners .article-image:hover,
    .page-home .home-block-partners .article-image:hover {
      -webkit-filter: none;
      /* Safari 6.0 - 9.0 */
      filter: none; }
    /* line 1252, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners .article-image::before,
    .page-home .home-block-partners .article-image::before {
      content: "";
      display: block;
      padding-top: 130%; }
      @media (min-width: 48em) {
        /* line 1252, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-partners .article-image::before,
        .page-home .home-block-partners .article-image::before {
          background-color: transparent;
          padding-top: 100%; } }
  /* line 1262, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners .article-text,
  .page-home .home-block-partners .article-text {
    width: 100%;
    display: inline-block;
    margin-top: 13px; }
  /* line 1267, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners .experience-container,
  .page-home .home-block-partners .experience-container {
    width: 200%; }
    @media (min-width: 48em) {
      /* line 1267, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners .experience-container,
      .page-home .home-block-partners .experience-container {
        width: 140%; } }
  /* line 1273, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners article,
  .page-home .home-block-partners article {
    position: relative; }
    @media (min-width: 48em) {
      /* line 1275, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners article .article-text-hover,
      .page-home .home-block-partners article .article-text-hover {
        display: none; } }
    @media (min-width: 48em) {
      /* line 1280, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners article:hover .article-text-hover,
      .page-home .home-block-partners article:hover .article-text-hover {
        display: block; } }
    /* line 1285, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners article .article-text-hover,
    .page-home .home-block-partners article .article-text-hover {
      color: white;
      z-index: 2;
      text-align: center;
      width: 222px;
      width: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      /* line 1290, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners article .article-text-hover .headline-small1,
      .page-home .home-block-partners article .article-text-hover .headline-small1 {
        line-height: 1.27;
        letter-spacing: 0.9px; }
      /* line 1295, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners article .article-text-hover i,
      .page-home .home-block-partners article .article-text-hover i {
        color: white;
        padding: 10px; }
    /* line 1309, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners article:hover .article-image:after,
    .page-home .home-block-partners article:hover .article-image:after {
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: transparent;
      content: "";
      display: block;
      top: 0px;
      left: 0px;
      z-index: 1; }
    /* line 1321, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners article:active .article-image:after,
    .page-home .home-block-partners article:active .article-image:after {
      opacity: .7; }
    /* line 1324, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners article:active i,
    .page-home .home-block-partners article:active i {
      opacity: .7;
      font-weight: 600; }
    /* line 1330, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners article i:hover,
    .page-home .home-block-partners article i:hover {
      font-weight: 600; }
  /* line 1335, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners .header1,
  .page-home .home-block-partners .header1 {
    color: #6aada9;
    margin: 43px 0px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 1335, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners .header1,
      .page-home .home-block-partners .header1 {
        text-align: left; } }
  /* line 1344, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners .menu4,
  .page-home .home-block-partners .menu4 {
    text-transform: uppercase;
    margin: 8px 0px;
    text-align: left; }
    /* line 1348, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners .menu4.experience-type,
    .page-home .home-block-partners .menu4.experience-type {
      color: #b0b0b0; }
  /* line 1352, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners .slideshow-nav,
  .page-home .home-block-partners .slideshow-nav {
    margin-top: 30px;
    text-align: right; }
    /* line 1355, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners .slideshow-nav a,
    .page-home .home-block-partners .slideshow-nav a {
      color: #171717; }
      /* line 1357, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners .slideshow-nav a:hover,
      .page-home .home-block-partners .slideshow-nav a:hover {
        color: #888888; }
    /* line 1361, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-partners .slideshow-nav .slick-arrow,
    .page-home .home-block-partners .slideshow-nav .slick-arrow {
      padding: 20px 15px; }
/* line 1366, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-pillar-highlights,
.page-home .home-block-pillar-highlights {
  padding: 60px 0px 90px; }
  @media (min-width: 48em) {
    /* line 1366, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-pillar-highlights,
    .page-home .home-block-pillar-highlights {
      padding: 0px 0px 120px; } }
  @media (min-width: 48em) {
    /* line 1371, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row,
    .page-home .home-block-pillar-highlights .row {
      height: 524px; } }
  /* line 1375, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .program-highlight-content,
  .page-home .home-block-pillar-highlights .row .program-highlight-content {
    text-align: center; }
    @media (min-width: 48em) {
      /* line 1375, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .program-highlight-content,
      .page-home .home-block-pillar-highlights .row .program-highlight-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 70%; } }
    /* line 1384, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .program-highlight-content .header1,
    .page-home .home-block-pillar-highlights .row .program-highlight-content .header1 {
      line-height: 1.19;
      letter-spacing: 1.7px; }
    /* line 1388, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .program-highlight-content .body2,
    .page-home .home-block-pillar-highlights .row .program-highlight-content .body2 {
      margin: 15px 0px 50px;
      text-align: left; }
    /* line 1392, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .program-highlight-content .menu1,
    .page-home .home-block-pillar-highlights .row .program-highlight-content .menu1 {
      color: white;
      background-color: #171717;
      width: 200px;
      height: 54px;
      display: inline-block;
      position: relative; }
      /* line 1399, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .program-highlight-content .menu1 span,
      .page-home .home-block-pillar-highlights .row .program-highlight-content .menu1 span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-transform: uppercase;
        line-height: 1.21;
        letter-spacing: 2.8px; }
      /* line 1408, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .program-highlight-content .menu1:hover,
      .page-home .home-block-pillar-highlights .row .program-highlight-content .menu1:hover {
        background-color: rgba(23, 23, 23, 0.9); }
      /* line 1411, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .program-highlight-content .menu1:active,
      .page-home .home-block-pillar-highlights .row .program-highlight-content .menu1:active {
        background-color: rgba(23, 23, 23, 0.8); }
  /* line 1417, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .col-md-4,
  .page-home .home-block-pillar-highlights .row .col-md-4 {
    height: 100%; }
  /* line 1420, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row .col-md-2,
  .page-home .home-block-pillar-highlights .row .col-md-2 {
    height: 100%;
    padding: 0px; }
  /* line 1425, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row a .pillar-image,
  .page-home .home-block-pillar-highlights .row a .pillar-image {
    height: 100%;
    background-position: center;
    background-size: cover; }
    /* line 1429, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row a .pillar-image .button1,
    .page-home .home-block-pillar-highlights .row a .pillar-image .button1 {
      text-transform: uppercase;
      text-align: center;
      color: white;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  /* line 1439, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row a:hover .pillar-image:before,
  .page-home .home-block-pillar-highlights .row a:hover .pillar-image:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background-color: #FF6464;
    opacity: .7;
    top: 0px;
    left: 0px; }
  /* line 1450, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-pillar-highlights .row a:active .pillar-image:after,
  .page-home .home-block-pillar-highlights .row a:active .pillar-image:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background-color: #171717;
    opacity: .2;
    top: 0px;
    left: 0px; }
/* line 1467, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container,
.page-home .home-block-refill-cup .refill-cup-container {
  text-align: center;
  padding-top: 75px; }
  @media (min-width: 48em) {
    /* line 1467, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container,
    .page-home .home-block-refill-cup .refill-cup-container {
      padding-top: 0px; } }
  /* line 1473, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container img,
  .page-home .home-block-refill-cup .refill-cup-container img {
    width: 118px; }
    @media (min-width: 48em) {
      /* line 1473, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container img,
      .page-home .home-block-refill-cup .refill-cup-container img {
        width: 164px; } }
  /* line 1479, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .header1,
  .page-home .home-block-refill-cup .refill-cup-container .header1 {
    margin: 15px 0px; }
    @media (min-width: 48em) {
      /* line 1479, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .header1,
      .page-home .home-block-refill-cup .refill-cup-container .header1 {
        margin: 10px 0px; } }
  /* line 1488, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons,
  .page-home .home-block-refill-cup .refill-cup-container .refill-buttons {
    margin: 24px 0px; }
    @media (min-width: 48em) {
      /* line 1488, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons,
      .page-home .home-block-refill-cup .refill-cup-container .refill-buttons {
        margin: 40px 0px; } }
    /* line 1493, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons .button1,
    .page-home .home-block-refill-cup .refill-cup-container .refill-buttons .button1 {
      margin: 0px 4px;
      background-color: white;
      border: 1px solid #78C8C3;
      color: #78C8C3;
      text-transform: uppercase;
      text-align: center;
      display: inline-block;
      letter-spacing: 3px;
      padding: 5px 5px;
      width: 140px;
      line-height: 38px; }
      @media (min-width: 48em) {
        /* line 1493, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons .button1,
        .page-home .home-block-refill-cup .refill-cup-container .refill-buttons .button1 {
          padding: 5px 10px;
          width: 162px;
          line-height: 32px; } }
      /* line 1513, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons .button1:hover,
      .page-home .home-block-refill-cup .refill-cup-container .refill-buttons .button1:hover {
        color: white;
        background-color: #78c8c3; }
      /* line 1517, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons .button1:active,
      .page-home .home-block-refill-cup .refill-cup-container .refill-buttons .button1:active {
        color: white;
        background-color: #6aada9; }
    /* line 1523, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons .add-to-cart.button1,
    .page-home .home-block-refill-cup .refill-cup-container .refill-buttons .add-to-cart.button1 {
      background-color: #78C8C3;
      border: 1px solid #78C8C3;
      color: white; }
      /* line 1527, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons .add-to-cart.button1:hover,
      .page-home .home-block-refill-cup .refill-cup-container .refill-buttons .add-to-cart.button1:hover {
        color: white;
        background-color: #6cada9; }
      /* line 1531, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-refill-cup .refill-cup-container .refill-buttons .add-to-cart.button1:active,
      .page-home .home-block-refill-cup .refill-cup-container .refill-buttons .add-to-cart.button1:active {
        color: white;
        background-color: #609a97; }
/* line 1538, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-refill-cup:before,
.page-home .home-block-refill-cup:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-refill-1.png);
  left: 50%;
  top: 0px;
  transform: scale(0.5) translate(-100%, -50%);
  position: absolute;
  z-index: -1; }
  @media (min-width: 48em) {
    /* line 1538, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-refill-cup:before,
    .page-home .home-block-refill-cup:before {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-refill-1.png);
      left: 50%;
      top: 0px;
      transform: scale(0.5) translate(-100%, -50%);
      z-index: -1; } }
/* line 1553, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-refill-cup:after,
.page-home .home-block-refill-cup:after {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-refill-2.png);
  left: -640px;
  bottom: -550px;
  transform: scale(0.5);
  position: absolute;
  z-index: -1;
  display: none; }
  @media (min-width: 48em) {
    /* line 1553, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-refill-cup:after,
    .page-home .home-block-refill-cup:after {
      display: block;
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-refill-2.png);
      left: -35px;
      bottom: -50px;
      transform: scale(0.5) translate(-50%, 50%);
      z-index: -1; } }
/* line 1571, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .hover-overlay .image-link-hover,
.page-home .hover-overlay .image-link-hover {
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  background-color: rgba(23, 23, 23, 0.2);
  width: 100%;
  height: 100%;
  display: none; }
  /* line 1580, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .hover-overlay .image-link-hover i,
  .page-home .hover-overlay .image-link-hover i {
    color: white;
    font-size: 2em; }
  /* line 1584, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .hover-overlay .image-link-hover .menu1,
  .page-home .hover-overlay .image-link-hover .menu1 {
    color: white; }
  /* line 1587, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .hover-overlay .image-link-hover > div,
  .page-home .hover-overlay .image-link-hover > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
/* line 1595, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .hover-overlay:hover .image-link-hover,
.page-home .hover-overlay:hover .image-link-hover {
  display: block; }
/* line 1600, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .hover-overlay:active .image-link-hover > div,
.page-home .hover-overlay:active .image-link-hover > div {
  opacity: .7; }

/* line 18, sass/stories.scss */
.page-template-page-home-earlywonderbird-2019 {
  /* SIDEBAR NAVIGATION */
  /* PAGE CONTENT */
  /*
  .content {width:100%; text-align:justify;}
  section {padding:0 0 20px 0;}
  section:last-child {padding:0 0 100vh 0;}
  .title {font-size:24px; color:rgba(255,255,255,.3); text-transform:uppercase; padding:0 0 0px 0;}
  p {margin:0; padding:0px 0 0px 0;}
  */ }
  /* line 1, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 {
    background-color: #78c8c3; }
  /* line 4, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .jumbotron {
    min-height: 100vh;
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2019/wonderbird-bg1b-mob.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    @media (min-width: 48em) {
      /* line 4, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron {
        background-image: url(/wp-content/themes/wonderfruit-2018/images/2019/wonderbird-bg1b.jpg);
        background-attachment: fixed; } }
    /* line 17, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .jumbotron:before {
      background-color: rgba(23, 23, 23, 0);
      display: none; }
    /* line 22, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .jumbotron .container {
      text-align: center;
      width: 290px;
      position: absolute;
      top: 45%;
      z-index: 2;
      /*
      		.button1 {
      			margin: 0px 4px;
      			text-transform: uppercase;				
      			text-align: center;
      			display: inline-block;
      			letter-spacing: 3px;
      			
      			padding: 5px 5px;
      			width: 220px;
      			height: 48px;
      			
      			
      			line-height: 38px;
      
      			@include breakpoint(md) {
      				padding: 5px 10px;
      				width: 220px;
      				line-height: 36px;
      			}
      			
      			background-color: #78C8C3;
      			border: 1px solid #78C8C3;
      			color: white;
      			&:hover {
      				color:white;
      				background-color: #6cada9;
      			}
      			&:active {
      				color:white;
      				background-color: #609a97;
      			}
      
      		}
      */ }
      @media (min-width: 48em) {
        /* line 22, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .jumbotron .container {
          width: 100%; } }
      /* line 28, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron .container .wonderfruit-logo-lg {
        width: 100%; }
        @media (min-width: 48em) {
          /* line 28, sass/page/_wonderbird.scss */
          .page-template-page-home-earlywonderbird-2019 .jumbotron .container .wonderfruit-logo-lg {
            margin-bottom: -10px; } }
      /* line 36, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron .container .col-md-6, .page-template-page-home-earlywonderbird-2019 .jumbotron .container .col-md-8 {
        padding: 0px; }
      /* line 39, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron .container .headline-small2 {
        color: white;
        text-transform: uppercase;
        line-height: 1.33;
        letter-spacing: 2.1px; }
        @media (min-width: 48em) {
          /* line 39, sass/page/_wonderbird.scss */
          .page-template-page-home-earlywonderbird-2019 .jumbotron .container .headline-small2 {
            letter-spacing: 3.6px;
            line-height: 25px; } }
      /* line 56, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron .container .triangles {
        width: 286px;
        margin: 28px 0px 54px; }
      /* line 60, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron .container .header1 {
        text-align: center;
        line-height: 1;
        color: white;
        margin: 51px 5px 25px; }
        @media (min-width: 48em) {
          /* line 60, sass/page/_wonderbird.scss */
          .page-template-page-home-earlywonderbird-2019 .jumbotron .container .header1 {
            text-align: center;
            line-height: 45px;
            letter-spacing: 1.68px;
            margin: 60px 0px 20px; } }
      /* line 107, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron .container .menu4 {
        text-transform: uppercase;
        text-align: center;
        display: inline-block;
        letter-spacing: 3.2px;
        line-height: 24px;
        margin: 0px -2px;
        color: white; }
        @media (min-width: 48em) {
          /* line 107, sass/page/_wonderbird.scss */
          .page-template-page-home-earlywonderbird-2019 .jumbotron .container .menu4 {
            margin: 0px;
            /*
            				padding: 5px 10px;
            				width: 220px;
            				line-height: 36px;
            */ } }
      /* line 134, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron .container .bold.button1 {
        line-height: 38px; }
        @media (min-width: 48em) {
          /* line 134, sass/page/_wonderbird.scss */
          .page-template-page-home-earlywonderbird-2019 .jumbotron .container .bold.button1 {
            line-height: 120px; } }
    /* line 144, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .jumbotron .down-button-container {
      width: 100%;
      position: absolute;
      bottom: 66px;
      text-align: center;
      z-index: 10; }
      /* line 150, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .jumbotron .down-button-container .down-button {
        color: white; }
        /* line 152, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .jumbotron .down-button-container .down-button i {
          font-size: 3em; }
        /* line 155, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .jumbotron .down-button-container .down-button:hover {
          color: white;
          opacity: .8; }
        /* line 159, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .jumbotron .down-button-container .down-button:active {
          color: white;
          opacity: .6; }
  /* line 168, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .home-block-subscribe {
    background-color: #78c8c3;
    padding: 70px 0px 0px; }
    @media (min-width: 48em) {
      /* line 168, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-subscribe {
        padding: 104px 0px 0px; } }
    /* line 174, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-form-container {
      padding: 25px 0px 10px; }
      @media (min-width: 48em) {
        /* line 174, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-form-container {
          padding: 0px;
          height: 45px;
          width: 600px;
          margin: auto; } }
    /* line 184, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .header1 {
      text-align: center;
      margin-bottom: 22px;
      line-height: 1;
      letter-spacing: 1.3px; }
      @media (min-width: 48em) {
        /* line 184, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .header1 {
          text-align: center;
          margin: 3px 0px 50px;
          line-height: 1.19;
          letter-spacing: 1.7px; } }
    /* line 198, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .button1 {
      text-align: center;
      line-height: 2;
      letter-spacing: 4.2px;
      font-weight: bold; }
    /* line 204, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .header1, .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .button1, .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .body2 {
      color: white; }
    /* line 207, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .col-md-10 {
      padding: 0px; }
    /* line 210, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-options {
      padding: 10px 0px; }
      @media (min-width: 48em) {
        /* line 210, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-options {
          padding: 0px 0px;
          padding-left: 20px;
          line-height: 4.64;
          letter-spacing: 0.6px; } }
    /* line 219, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form .menu1 {
      width: 85%;
      letter-spacing: 4.2px; }
      @media (min-width: 48em) {
        /* line 219, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form .menu1 {
          width: 92%;
          line-height: 2;
          letter-spacing: 4.2px; } }
    /* line 228, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .col-md-4 {
      height: 74px; }
    /* line 231, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-form-container .col-md-7,
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-form-container .col-md-5 {
      top: 50%;
      transform: translateY(-50%); }
    /* line 237, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-form-container .col-md-6,
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-form-container .col-md-5 {
      text-align: center; }
    /* line 241, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-form-container .col-md-7 {
      padding: 0px;
      margin: 0px 20px; }
      @media (min-width: 48em) {
        /* line 241, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .subscribe-form-container .col-md-7 {
          margin: 0px;
          padding-right: 10px; } }
    /* line 249, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe select {
      margin: 0px;
      width: auto;
      padding: 5px 11px 5px 5px;
      height: 33px;
      border-radius: 0px;
      bottom: 10%;
      font-size: inherit;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down.svg) 100%/12px no-repeat #fff;
      background-color: transparent;
      border: 0px;
      border-bottom: 2px solid white; }
      /* line 264, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-subscribe select:focus {
        outline: 0; }
    /* line 268, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe option {
      width: auto; }
    /* line 271, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .hidden_select {
      display: none; }
      /* line 273, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-subscribe .hidden_select .hidden_option {
        width: auto; }
    /* line 278, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form input {
      background-color: transparent;
      box-shadow: none;
      border: 1px solid white;
      /* outline: 0px; */
      float: left;
      color: white;
      padding: 10px 15px;
      border-radius: 0px;
      outline: 0; }
      @media (min-width: 48em) {
        /* line 278, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form input {
          padding: 6px 0px 5px;
          padding-left: 10px; } }
      /* line 291, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form input::placeholder {
        color: white; }
      /* line 294, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form input:-ms-input-placeholder {
        color: white; }
      /* line 297, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form input::-ms-input-placeholder {
        color: white; }
    /* line 306, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form button {
      border: 1px solid white;
      background-color: transparent;
      color: white;
      margin: 0px;
      padding: 12px 18px 12px;
      border-left: 0px;
      outline: 0;
      /*
      		    &:hover {
      			    background-color: white; 
      			    color: #6AADA9;
      		    }
      */ }
      @media (min-width: 48em) {
        /* line 306, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form button {
          padding: 11px 16px 11px; } }
      /* line 325, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form button:active {
        opacity: .8 !important; }
    /* line 332, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form:focus-within input, .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form:focus input, .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form:hover input {
      outline: none;
      opacity: 1; }
    /* line 336, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form:focus-within button, .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form:focus button, .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form:hover button {
      opacity: 1;
      outline: none; }
    /* line 342, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form.typing input {
      outline: none;
      opacity: 1; }
    /* line 346, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-subscribe form.typing button {
      opacity: 1;
      outline: none;
      background-color: white;
      color: #6AADA9; }
  /* line 356, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .home-block-follow-us {
    text-align: center;
    padding: 60px 0px 210px;
    background-color: #78c8c3; }
    @media (min-width: 48em) {
      /* line 356, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-follow-us {
        padding: 60px 0px 200px; } }
    /* line 365, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-follow-us a {
      color: #FFFFFF; }
    /* line 368, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-follow-us li {
      display: inline-block;
      padding: 0px 7px; }
      @media (min-width: 48em) {
        /* line 368, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-follow-us li {
          padding: 0px 18px; } }
    /* line 375, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-follow-us .button1 {
      text-transform: uppercase;
      line-height: 2;
      letter-spacing: 4.2px;
      color: #FFFFFF;
      margin: 34px; }
    /* line 382, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-follow-us i {
      font-size: 2em; }
      @media (min-width: 48em) {
        /* line 382, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-follow-us i {
          font-size: 3em; } }
  /* line 389, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .home-block-stories {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2019/wonderbird-bg2b-mob.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 95vh; }
    @media (min-width: 48em) {
      /* line 389, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-stories {
        background-image: url(/wp-content/themes/wonderfruit-2018/images/2019/wonderbird-bg2b.jpg); } }
    /* line 403, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories article {
      margin-bottom: 24px; }
    /* line 406, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .header1 {
      color: white; }
    /* line 409, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .hashtag.button1 {
      color: white; }
    /* line 412, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .body2 {
      color: white;
      margin-bottom: 0px;
      margin-top: 38px;
      text-align: center; }
      @media (min-width: 48em) {
        /* line 412, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories .body2 {
          text-align: left;
          margin: 0px;
          margin-top: 0px; } }
    /* line 423, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .button1.regular {
      text-transform: uppercase;
      text-align: center;
      font-weight: bold; }
      @media (min-width: 48em) {
        /* line 423, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories .button1.regular {
          text-align: center;
          line-height: 2;
          letter-spacing: 4.2px; } }
    /* line 435, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .video-column {
      text-align: center; }
      @media (min-width: 48em) {
        /* line 435, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories .video-column {
          text-align: left; } }
    /* line 442, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .video-link:hover .article-image {
      background-size: auto 110%; }
    /* line 446, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .article-image {
      width: 52%;
      margin-right: 10px;
      background-size: auto 103%;
      background-position: center;
      vertical-align: top;
      display: inline-block;
      transition: .2s ease; }
      @media (min-width: 48em) {
        /* line 446, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories .article-image {
          margin-right: 18px;
          width: 30%; } }
      /* line 458, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-stories .article-image::before {
        content: "";
        display: block;
        padding-top: 61.4%; }
      /* line 463, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-stories .article-image.portrait-style {
        width: 80%; }
        @media (min-width: 48em) {
          /* line 463, sass/page/_wonderbird.scss */
          .page-template-page-home-earlywonderbird-2019 .home-block-stories .article-image.portrait-style {
            width: 100%; } }
        /* line 468, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories .article-image.portrait-style::before {
          padding-top: 61.4%; }
    /* line 473, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .article-text {
      width: 42%;
      display: inline-block; }
      @media (min-width: 48em) {
        /* line 473, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories .article-text {
          width: 65%; } }
    /* line 480, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .hashtag1 {
      color: #b0b0b0;
      margin-top: 14px; }
    /* line 484, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories a.button1 {
      padding: 15px 0px 58px;
      text-transform: uppercase;
      text-align: center;
      color: white;
      display: block; }
      @media (min-width: 48em) {
        /* line 484, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories a.button1 {
          text-align: left; } }
      /* line 494, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-stories a.button1:hover {
        opacity: .7; }
    /* line 500, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories a.gallery-btn.button1 {
      margin: 24px 0px;
      background-color: transparent;
      border: 1px solid white;
      color: white;
      text-transform: uppercase;
      text-align: center;
      display: inline-block;
      padding: 5px 5px;
      width: 100%;
      line-height: 38px; }
      @media (min-width: 48em) {
        /* line 500, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories a.gallery-btn.button1 {
          padding: 5px 10px;
          width: 306px;
          line-height: 32px;
          margin-top: 36px; } }
      /* line 520, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-stories a.gallery-btn.button1:hover {
        color: #171717;
        background-color: #FFFFFF;
        opacity: 1; }
      /* line 526, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-stories a.gallery-btn.button1:active {
        color: #171717;
        background-color: rgba(255, 255, 255, 0.8);
        opacity: 1; }
      /* line 532, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .home-block-stories a.gallery-btn.button1 .menu4 {
        letter-spacing: 3.2px; }
    /* line 536, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories .header1 {
      margin: 14px 0px 30px;
      text-align: center; }
      @media (min-width: 48em) {
        /* line 536, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories .header1 {
          text-align: center;
          margin: 3px 0px 80px;
          line-height: 1.19;
          letter-spacing: 1.7px; } }
    /* line 546, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories.attach-element:before {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-2.png);
      position: absolute;
      right: -765px;
      bottom: -90px;
      transform: scale(0.25); }
      @media (min-width: 48em) {
        /* line 546, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .home-block-stories.attach-element:before {
          left: inherit;
          right: -720px;
          top: -355px;
          transform: scale(0.5); } }
    /* line 559, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .home-block-stories article.mobile-only .article-image {
      width: 100%; }
  /* line 563, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .footer-row {
    position: absolute;
    width: 100%;
    height: 28px;
    padding: 0px 70px;
    bottom: 55px; }
    @media (min-width: 48em) {
      /* line 563, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .footer-row {
        bottom: 32px; } }
    /* line 572, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .footer-row .footer-fineprint {
      color: white;
      padding-top: 14px; }
      @media (min-width: 48em) {
        /* line 572, sass/page/_wonderbird.scss */
        .page-template-page-home-earlywonderbird-2019 .footer-row .footer-fineprint {
          float: left; } }
    @media (min-width: 48em) {
      /* line 579, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .footer-row .footer-logo {
        float: right; } }
    /* line 583, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .footer-row .footer-logo img {
      width: 98px; }
    /* line 586, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .footer-row .footer-logo .menu3 {
      color: white;
      margin: 12px 0px 27px; }
  /* line 592, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .hover-overlay .image-link-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    background-color: rgba(23, 23, 23, 0.2);
    width: 100%;
    height: 100%;
    display: none; }
    /* line 601, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .hover-overlay .image-link-hover i {
      color: white;
      font-size: 2em; }
    /* line 605, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .hover-overlay .image-link-hover .menu1 {
      color: white; }
    /* line 608, sass/page/_wonderbird.scss */
    .page-template-page-home-earlywonderbird-2019 .hover-overlay .image-link-hover > div {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center; }
  /* line 616, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .hover-overlay:hover .image-link-hover {
    display: block; }
  /* line 621, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .hover-overlay:active .image-link-hover > div {
    opacity: .7; }
  /* line 628, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .sidebar {
    position: absolute;
    right: 0;
    display: none; }
    @media (min-width: 48em) {
      /* line 628, sass/page/_wonderbird.scss */
      .page-template-page-home-earlywonderbird-2019 .sidebar {
        display: block; } }
  /* line 637, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    z-index: 999;
    content: '';
    color: transparent;
    font-size: 14px;
    line-height: 10px;
    vertical-align: middle;
    margin: 10px 0 10px 0;
    font-weight: 300; }
  /* line 638, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .dot:hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8); }
  /* line 639, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .dot span {
    margin: 0px 0px 20px 15px;
    position: relative;
    top: 0px;
    left: -80px; }
  /* line 640, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 nav {
    width: 100px;
    height: 200px;
    /*background-color:rgb(240,240,240); border:solid 1px rgb(220,220,220);*/
    padding: 0 0px;
    position: fixed;
    top: 50%;
    right: 41px;
    transform: translate(0, -50%);
    z-index: 10000;
    text-align: right; }
  /* line 641, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 nav ul li a {
    text-decoration: none; }
  /* line 642, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  /* line 643, sass/page/_wonderbird.scss */
  .page-template-page-home-earlywonderbird-2019 .name-active {
    color: rgba(255, 255, 255, 0.8);
    background-color: #FFFFFF;
    text-align: right; }

/* line 1, sass/page/_contact.scss */
.page-contact .content-header {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/contact_mob_bg.jpg);
  background-size: 100% auto;
  background-position-y: 50%; }
@media (min-width: 62em) {
  /* line 7, sass/page/_contact.scss */
  .page-contact .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/contact_bg.jpg);
    background-size: 100% auto; } }
/* line 12, sass/page/_contact.scss */
.page-contact .header2 {
  color: #171717;
  margin-bottom: 17px;
  letter-spacing: 1px; }
  @media (min-width: 48em) {
    /* line 12, sass/page/_contact.scss */
    .page-contact .header2 {
      margin-bottom: 24px; } }
/* line 20, sass/page/_contact.scss */
.page-contact .menu1 {
  text-transform: uppercase;
  color: #171717;
  letter-spacing: 4.2px; }
/* line 25, sass/page/_contact.scss */
.page-contact #contact-section .row {
  margin-bottom: 0px; }
  @media (min-width: 48em) {
    /* line 25, sass/page/_contact.scss */
    .page-contact #contact-section .row {
      margin-bottom: 67.8px; } }
/* line 31, sass/page/_contact.scss */
.page-contact #contact-section .row:last-child {
  margin-bottom: 0px; }
/* line 34, sass/page/_contact.scss */
.page-contact .single-contact {
  margin-bottom: 50px; }
  @media (min-width: 48em) {
    /* line 34, sass/page/_contact.scss */
    .page-contact .single-contact {
      margin-bottom: 0px; } }

/* line 1, sass/page/_participation.scss */
.page-participation .content-header {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/participate_mob_bg.jpg);
  background-size: 100% auto;
  background-position-y: 50%; }
@media (min-width: 62em) {
  /* line 7, sass/page/_participation.scss */
  .page-participation .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/participate_bg.jpg);
    background-size: 100% auto; } }
/* line 12, sass/page/_participation.scss */
.page-participation a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }
/* line 18, sass/page/_participation.scss */
.page-participation .post:first-child {
  padding-top: 0; }
/* line 21, sass/page/_participation.scss */
.page-participation .post {
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 80px;
  text-align: center; }
/* line 27, sass/page/_participation.scss */
.page-participation .post:last-child {
  border-bottom: none;
  padding-bottom: 0px; }
/* line 32, sass/page/_participation.scss */
.page-participation .pic {
  width: 100%;
  margin-right: 38px;
  min-width: 80px;
  background-size: cover;
  background-position: center;
  background-color: #D1CCCA;
  margin-top: 0px;
  position: relative; }
/* line 43, sass/page/_participation.scss */
.page-participation .pic::before {
  content: "";
  display: block;
  padding-top: 66%; }
@media (min-width: 62em) {
  /* line 50, sass/page/_participation.scss */
  .page-participation .post {
    text-align: left; }
  /* line 53, sass/page/_participation.scss */
  .page-participation .pic {
    float: left;
    width: 35%; } }
/* line 58, sass/page/_participation.scss */
.page-participation .apply-button {
  background-color: #1E2D50;
  color: #FFFFFF;
  font-family: value-bold;
  line-height: 20px;
  text-align: center;
  padding: 8px 57px 10px;
  margin: 15px 0px;
  display: inline-block;
  text-transform: uppercase;
  width: 100%; }
@media (min-width: 62em) {
  /* line 71, sass/page/_participation.scss */
  .page-participation .apply-button {
    width: unset; } }
/* line 76, sass/page/_participation.scss */
.page-participation .headline-small1.mobile-only {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
/* line 83, sass/page/_participation.scss */
.page-participation .body2 {
  margin: 15px 0px;
  text-align: left; }

/* line 28, sass/stories.scss */
.page-tickets {
  /*  Highlight Phase */ }
  /* line 1, sass/page/_tickets.scss */
  .page-tickets .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/tickets_mob_bg.jpg);
    background-size: 100% auto;
    background-position-y: 50%; }
  @media (min-width: 62em) {
    /* line 7, sass/page/_tickets.scss */
    .page-tickets .content-header {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/tickets_bg.jpg);
      background-size: cover; } }
  /* line 16, sass/page/_tickets.scss */
  .page-tickets section:after {
    clear: both;
    content: " ";
    display: table; }
  @media (min-width: 48em) {
    /* line 21, sass/page/_tickets.scss */
    .page-tickets section .row {
      margin-right: -105px;
      margin-left: -105px; } }
  /* line 30, sass/page/_tickets.scss */
  .page-tickets #general-admissions-section {
    padding-top: 0px;
    padding-bottom: 20px; }
    @media (min-width: 48em) {
      /* line 30, sass/page/_tickets.scss */
      .page-tickets #general-admissions-section {
        padding-bottom: 120px; } }
  /* line 39, sass/page/_tickets.scss */
  .page-tickets a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden; }
  /* line 46, sass/page/_tickets.scss */
  .page-tickets .pic {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-color: #D1CCCA;
    margin-top: 8px; }
  /* line 53, sass/page/_tickets.scss */
  .page-tickets .pic::before {
    content: "";
    display: block;
    padding-top: 66.7%; }
  /* line 60, sass/page/_tickets.scss */
  .page-tickets .mobile.container {
    margin-bottom: 45px; }
    /* line 62, sass/page/_tickets.scss */
    .page-tickets .mobile.container .general-admission-current-phase .table-cell {
      display: block; }
    /* line 65, sass/page/_tickets.scss */
    .page-tickets .mobile.container .ga-ticket-container {
      margin-bottom: 26px; }
      /* line 67, sass/page/_tickets.scss */
      .page-tickets .mobile.container .ga-ticket-container table {
        width: 100%; }
      /* line 70, sass/page/_tickets.scss */
      .page-tickets .mobile.container .ga-ticket-container .ga-ticket-type-container {
        padding-right: 15px; }
      /* line 73, sass/page/_tickets.scss */
      .page-tickets .mobile.container .ga-ticket-container .ga-middle-cell {
        text-align: left;
        border-top: 1px solid #e0e0e0; }
      /* line 77, sass/page/_tickets.scss */
      .page-tickets .mobile.container .ga-ticket-container:nth-child(1), .page-tickets .mobile.container .ga-ticket-container:nth-child(2) {
        border-bottom: 2px solid #171717;
        padding-bottom: 42px; }
    /* line 84, sass/page/_tickets.scss */
    .page-tickets .mobile.container .table-cell {
      padding: 15px 0px;
      border-bottom: none; }
      /* line 87, sass/page/_tickets.scss */
      .page-tickets .mobile.container .table-cell tr td:nth-child(1) {
        width: 50%; }
      /* line 90, sass/page/_tickets.scss */
      .page-tickets .mobile.container .table-cell tr td:nth-child(2) > div {
        text-align: right; }
      /* line 96, sass/page/_tickets.scss */
      .page-tickets .mobile.container .table-cell td {
        vertical-align: top; }
      /* line 99, sass/page/_tickets.scss */
      .page-tickets .mobile.container .table-cell:first-child {
        padding-bottom: 0px; }
    /* line 103, sass/page/_tickets.scss */
    .page-tickets .mobile.container .ga-ticket-date {
      margin-bottom: 15px; }
    /* line 106, sass/page/_tickets.scss */
    .page-tickets .mobile.container .ga-ticket-age-subtext {
      line-height: 1.4;
      padding-top: 7px;
      display: block; }
    /* line 111, sass/page/_tickets.scss */
    .page-tickets .mobile.container .ga-ticket-price-subtext {
      margin-top: 10px;
      display: block; }
    /* line 115, sass/page/_tickets.scss */
    .page-tickets .mobile.container .add-to-cart-container {
      float: right; }
  /* line 122, sass/page/_tickets.scss */
  .page-tickets .pp-ticket-title,
  .page-tickets .dp-ticket-title,
  .page-tickets .ap-ticket-title,
  .page-tickets .ga-ticket-title {
    color: #171717; }
  /* line 128, sass/page/_tickets.scss */
  .page-tickets .general-admission-current-phase .table-cell {
    border-bottom: 1px solid rgba(30, 45, 80, 0.04);
    vertical-align: middle;
    padding: 5px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 128, sass/page/_tickets.scss */
      .page-tickets .general-admission-current-phase .table-cell {
        border: 1px solid rgba(30, 45, 80, 0.04);
        vertical-align: middle;
        padding: 24px; } }
  /* line 139, sass/page/_tickets.scss */
  .page-tickets .general-admission-current-phase .table-row .table-cell:first-child {
    text-align: left; }
  /* line 142, sass/page/_tickets.scss */
  .page-tickets .general-admission-current-phase .table-row:first-child .table-cell {
    text-align: left; }
    @media (min-width: 48em) {
      /* line 142, sass/page/_tickets.scss */
      .page-tickets .general-admission-current-phase .table-row:first-child .table-cell {
        padding-top: 0px; } }
  /* line 149, sass/page/_tickets.scss */
  .page-tickets .add-to-cart-container {
    text-align: center;
    display: inline-block;
    letter-spacing: 3.5px; }
  /* line 154, sass/page/_tickets.scss */
  .page-tickets .ap-ticket-title-subtext,
  .page-tickets .ga-ticket-date {
    color: #171717;
    margin-top: 5px; }
  /* line 159, sass/page/_tickets.scss */
  .page-tickets .ga-ticket-age {
    color: #171717;
    line-height: 18px; }
  /* line 163, sass/page/_tickets.scss */
  .page-tickets .pp-pass-price-subtext,
  .page-tickets .ga-ticket-price-subtext,
  .page-tickets .ga-ticket-age-subtext {
    display: inline; }
  /* line 168, sass/page/_tickets.scss */
  .page-tickets .ap-pass-price,
  .page-tickets .ga-ticket-price {
    color: #171717;
    line-height: 20px;
    display: block; }
    @media (min-width: 48em) {
      /* line 168, sass/page/_tickets.scss */
      .page-tickets .ap-pass-price,
      .page-tickets .ga-ticket-price {
        display: inline; } }
  /* line 177, sass/page/_tickets.scss */
  .page-tickets .ga-ticket-price {
    display: block; }
  /* line 180, sass/page/_tickets.scss */
  .page-tickets .quantity-lbl {
    display: inline;
    color: #171717;
    line-height: 16px;
    text-transform: uppercase; }
  /* line 186, sass/page/_tickets.scss */
  .page-tickets .quantity-container {
    text-align: center;
    display: inline-block;
    margin-right: 12px; }
  /* line 191, sass/page/_tickets.scss */
  .page-tickets .price-container {
    text-align: center; }
  /* line 194, sass/page/_tickets.scss */
  .page-tickets .buy-sooner-and-save-title {
    line-height: 24px; }
  /* line 197, sass/page/_tickets.scss */
  .page-tickets #general-admissions-section .buy-sooner-and-save-title {
    border-bottom: 1px solid rgba(30, 45, 80, 0.15);
    margin-bottom: 12px;
    padding-bottom: 12px; }
    @media (min-width: 48em) {
      /* line 197, sass/page/_tickets.scss */
      .page-tickets #general-admissions-section .buy-sooner-and-save-title {
        padding-bottom: 25px; } }
  /* line 208, sass/page/_tickets.scss */
  .page-tickets .buy-sooner-and-save-description-text {
    color: #171717;
    line-height: 16px;
    margin: 15px 0px; }
  /* line 213, sass/page/_tickets.scss */
  .page-tickets .buy-sooner-and-save .table-text {
    color: #171717;
    line-height: 16px;
    text-align: center; }
  /* line 219, sass/page/_tickets.scss */
  .page-tickets .buy-sooner-and-save .table-date-text {
    color: #171717;
    line-height: 15px;
    text-align: center;
    margin-bottom: 13px; }
  /* line 226, sass/page/_tickets.scss */
  .page-tickets .dp-pass-price,
  .page-tickets .pp-pass-price {
    color: #171717;
    line-height: 20px;
    display: block; }
    @media (min-width: 48em) {
      /* line 226, sass/page/_tickets.scss */
      .page-tickets .dp-pass-price,
      .page-tickets .pp-pass-price {
        display: inline; } }
  /* line 235, sass/page/_tickets.scss */
  .page-tickets .atc-container {
    text-align: center;
    margin: 30px 0px 45px;
    display: inline-block; }
  /* line 240, sass/page/_tickets.scss */
  .page-tickets #dog-pass-section {
    padding-bottom: 16%; }
    @media (min-width: 48em) {
      /* line 240, sass/page/_tickets.scss */
      .page-tickets #dog-pass-section {
        padding-bottom: 10%; } }
  /* line 246, sass/page/_tickets.scss */
  .page-tickets #party-pass-section {
    padding: 20% 0px; }
    @media (min-width: 48em) {
      /* line 246, sass/page/_tickets.scss */
      .page-tickets #party-pass-section {
        padding: 9% 0px; } }
    /* line 251, sass/page/_tickets.scss */
    .page-tickets #party-pass-section:after {
      height: 100%;
      width: 100%;
      position: absolute;
      background-color: rgba(244, 244, 244, 0.4);
      top: 0px;
      left: 0px;
      content: " ";
      display: block;
      z-index: -2; }
  /* line 264, sass/page/_tickets.scss */
  .page-tickets #accommodation-pass-section:after {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(244, 244, 244, 0.4);
    top: 0px;
    left: 0px;
    content: " ";
    display: block;
    z-index: -2; }
  /* line 276, sass/page/_tickets.scss */
  .page-tickets .table-cell.arrow-cell {
    display: none; }
  /* line 280, sass/page/_tickets.scss */
  .page-tickets .buy-sooner-and-save .table {
    margin: auto;
    border: 2px solid rgba(30, 45, 80, 0.15); }
  /* line 284, sass/page/_tickets.scss */
  .page-tickets #general-admissions-section .buy-sooner-and-save {
    background-color: rgba(136, 136, 136, 0.1);
    margin-top: 50px; }
    /* line 287, sass/page/_tickets.scss */
    .page-tickets #general-admissions-section .buy-sooner-and-save .table {
      border: none; }
  /* line 293, sass/page/_tickets.scss */
  .page-tickets .buy-sooner-and-save .table-row .table-cell {
    border-bottom: 2px solid rgba(30, 45, 80, 0.15);
    padding: 9px 4px;
    vertical-align: middle; }
  /* line 298, sass/page/_tickets.scss */
  .page-tickets .buy-sooner-and-save .table-row:last-child .table-cell {
    border-bottom: 0px; }
  /* line 304, sass/page/_tickets.scss */
  .page-tickets #party-pass-section .buy-sooner-and-save .table-row .table-cell:nth-child(2),
  .page-tickets #dog-pass-section .buy-sooner-and-save .table-row .table-cell:nth-child(1),
  .page-tickets #accommodation-pass-section .buy-sooner-and-save .table-row .table-cell:nth-child(1) {
    background-color: rgba(136, 136, 136, 0.2); }
  /* line 309, sass/page/_tickets.scss */
  .page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(3) {
    background-color: rgba(136, 136, 136, 0.2); }
  /* line 315, sass/page/_tickets.scss */
  .page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(2) > div {
    color: #c0c0c0; }
  /* line 318, sass/page/_tickets.scss */
  .page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(1) {
    width: 80px; }
  /* line 323, sass/page/_tickets.scss */
  .page-tickets .middle-container .pic {
    display: none; }
  /* line 326, sass/page/_tickets.scss */
  .page-tickets #dog-pass-section .table,
  .page-tickets .acc-cell .table {
    width: 100%; }
    @media (min-width: 48em) {
      /* line 326, sass/page/_tickets.scss */
      .page-tickets #dog-pass-section .table,
      .page-tickets .acc-cell .table {
        width: 60%; } }
  @media (min-width: 48em) {
    /* line 334, sass/page/_tickets.scss */
    .page-tickets #accommodation-pass-section .col-md-4,
    .page-tickets .middle-container .col-md-6 {
      margin: 15px 15px 50px; } }
  /* line 342, sass/page/_tickets.scss */
  .page-tickets .content-area .add-to-cart {
    background-color: #6aada9;
    padding: 5px 10px;
    width: 162px;
    color: #FFFFFF;
    line-height: 32px;
    text-align: center;
    padding: 5px 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 3px; }
    @media (min-width: 48em) {
      /* line 342, sass/page/_tickets.scss */
      .page-tickets .content-area .add-to-cart {
        padding: 5px 5px;
        width: 172px; } }
    /* line 357, sass/page/_tickets.scss */
    .page-tickets .content-area .add-to-cart:hover {
      background-color: #619d99;
      color: white; }
    /* line 361, sass/page/_tickets.scss */
    .page-tickets .content-area .add-to-cart:active {
      background-color: #598e8b;
      color: white; }
  /* line 368, sass/page/_tickets.scss */
  .page-tickets .pp-pass-description,
  .page-tickets .dp-pass-description,
  .page-tickets .ap-pass-description,
  .page-tickets .ga-ticket-description {
    margin: 14px 0px; }
  @media (min-width: 62em) {
    /* line 376, sass/page/_tickets.scss */
    .page-tickets .general-admission-current-phase {
      width: 100%;
      margin: 15px 0px; }
      /* line 379, sass/page/_tickets.scss */
      .page-tickets .general-admission-current-phase .table-row:last-child .table-cell:first-child,
      .page-tickets .general-admission-current-phase .table-row:first-child .table-cell {
        border-top: 0px; }
    /* line 388, sass/page/_tickets.scss */
    .page-tickets .buy-sooner-and-save .table-row:first-child .table-cell {
      text-transform: uppercase; }
    /* line 391, sass/page/_tickets.scss */
    .page-tickets .general-admission-current-phase .table-row .table-cell:first-child {
      border-left: 0px;
      width: 210px; }
    /* line 395, sass/page/_tickets.scss */
    .page-tickets .general-admission-current-phase .table-row:nth-child(3) .table-cell:first-child,
    .page-tickets .general-admission-current-phase .table-row:last-child .table-cell {
      border-bottom: 0px; }
    /* line 399, sass/page/_tickets.scss */
    .page-tickets .general-admission-current-phase .table-row .table-cell:last-child {
      border-right: 0px; }
    /* line 404, sass/page/_tickets.scss */
    .page-tickets .pp-pass-description,
    .page-tickets .dp-pass-description {
      margin-top: 10px; }
    /* line 409, sass/page/_tickets.scss */
    .page-tickets .ga-ticket-description {
      margin-top: 12px; }
    /* line 413, sass/page/_tickets.scss */
    .page-tickets .pp-pass-description,
    .page-tickets .dp-pass-description,
    .page-tickets .ap-pass-description,
    .page-tickets .ga-ticket-description {
      margin-bottom: 0px; }
    /* line 419, sass/page/_tickets.scss */
    .page-tickets .ga-ticket-age {
      line-height: 24px; }
    /* line 422, sass/page/_tickets.scss */
    .page-tickets .pp-pass-price-subtext,
    .page-tickets .ga-ticket-price-subtext,
    .page-tickets .ga-ticket-age-subtext {
      line-height: 16px;
      display: block; }
    /* line 428, sass/page/_tickets.scss */
    .page-tickets .ap-pass-price,
    .page-tickets .ga-ticket-price {
      line-height: 28px;
      letter-spacing: 4.4px; }
    /* line 433, sass/page/_tickets.scss */
    .page-tickets .dp-pass-price,
    .page-tickets .pp-pass-price {
      line-height: 26px;
      letter-spacing: 4.4px; }
    /* line 442, sass/page/_tickets.scss */
    .page-tickets #general-admissions-section .buy-sooner-and-save .table {
      width: 83%;
      max-width: 83%;
      margin-left: 0px; }
    /* line 448, sass/page/_tickets.scss */
    .page-tickets #general-admissions-section .buy-sooner-and-save-description {
      float: left;
      width: 15%;
      /*
              padding: 10px;
              margin-right: 15px;
      */
      padding: 10px;
      margin-right: 0px;
      padding-right: 0px; }
    /* line 460, sass/page/_tickets.scss */
    .page-tickets .buy-sooner-and-save .table-text {
      line-height: 18px;
      text-align: center; }
    /* line 465, sass/page/_tickets.scss */
    .page-tickets .buy-sooner-and-save .table-date-text {
      line-height: 16px;
      text-align: center;
      margin-bottom: 13px; }
    /* line 470, sass/page/_tickets.scss */
    .page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(1) .table-text {
      text-align: left; }
    /* line 473, sass/page/_tickets.scss */
    .page-tickets .buy-sooner-and-save-description-text {
      margin: 0px 20px 0px 0px; }
    /* line 476, sass/page/_tickets.scss */
    .page-tickets #dog-pass-section .buy-sooner-and-save .table {
      width: 100%; }
      /* line 478, sass/page/_tickets.scss */
      .page-tickets #dog-pass-section .buy-sooner-and-save .table .table-cell {
        width: 50%; }
    /* line 482, sass/page/_tickets.scss */
    .page-tickets #accommodation-pass-section .buy-sooner-and-save .table {
      width: 100%; }
    /* line 486, sass/page/_tickets.scss */
    .page-tickets .title-container {
      min-height: 61px; }
    /* line 489, sass/page/_tickets.scss */
    .page-tickets .ap-pass-description {
      min-height: 55px; }
    /* line 492, sass/page/_tickets.scss */
    .page-tickets .acc-cell {
      padding: 20px;
      border-bottom: 1px solid rgba(30, 45, 80, 0.15);
      border-right: 1px solid rgba(30, 45, 80, 0.15);
      text-align: center; }
    /* line 498, sass/page/_tickets.scss */
    .page-tickets #accommodation-pass-section .row > div .acc-cell:first-child {
      text-align: left; }
    /* line 501, sass/page/_tickets.scss */
    .page-tickets #accommodation-pass-section .row > div:last-child .acc-cell {
      border-right: none; }
    /* line 504, sass/page/_tickets.scss */
    .page-tickets #accommodation-pass-section .row > div .acc-cell:last-child {
      border-bottom: none; }
    /* line 508, sass/page/_tickets.scss */
    .page-tickets #accommodation-pass-section .atc-container {
      margin: 0px; }
    /* line 512, sass/page/_tickets.scss */
    .page-tickets #accommodation-pass-section .col-md-4 {
      margin: 0px;
      padding: 0px; }
    /* line 516, sass/page/_tickets.scss */
    .page-tickets .table-cell.arrow-cell {
      /* padding: 19px 60px; */
      vertical-align: middle;
      width: 8%;
      text-align: center;
      display: table-cell; }
    /* line 523, sass/page/_tickets.scss */
    .page-tickets .buy-sooner-and-save .table-row .table-cell {
      border-bottom: 1px solid rgba(30, 45, 80, 0.15);
      border-left: 1px solid rgba(30, 45, 80, 0.15);
      padding: 6px; }
    /* line 528, sass/page/_tickets.scss */
    .page-tickets .buy-sooner-and-save .table-row .table-cell:nth-child(1) {
      border-left: 0px; }
    /* line 533, sass/page/_tickets.scss */
    .page-tickets .middle-container .pic {
      display: block; }
    /* line 536, sass/page/_tickets.scss */
    .page-tickets #accommodation-pass-section .col-md-4,
    .page-tickets .middle-container .col-md-6 {
      margin: 0px; } }
  /* line 542, sass/page/_tickets.scss */
  .page-tickets #general-admission-current-phase .table-cell {
    display: block; }
  /* line 546, sass/page/_tickets.scss */
  .page-tickets #general-admissions-section.attach-element:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/ticket-element-1.png);
    left: -367px;
    top: -260px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 546, sass/page/_tickets.scss */
      .page-tickets #general-admissions-section.attach-element:before {
        left: -250px;
        top: -120px;
        transform: unset; } }
  /* line 557, sass/page/_tickets.scss */
  .page-tickets #party-pass-section.attach-element:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/ticket-element-2.png);
    right: -167px;
    top: -78px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 557, sass/page/_tickets.scss */
      .page-tickets #party-pass-section.attach-element:before {
        right: -130px;
        top: 0px;
        transform: unset; } }
  /* line 568, sass/page/_tickets.scss */
  .page-tickets #accommodation-pass-section.attach-element:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/ticket-element-3.png);
    right: 0px;
    top: -71px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 568, sass/page/_tickets.scss */
      .page-tickets #accommodation-pass-section.attach-element:before {
        right: 200px;
        top: 0px;
        transform: unset; } }
  /* line 581, sass/page/_tickets.scss */
  .page-tickets .arrow-cell {
    display: none !important; }
  /* line 585, sass/page/_tickets.scss */
  .page-tickets #main:after {
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 585, sass/page/_tickets.scss */
      .page-tickets #main:after {
        content: url(/wp-content/themes/wonderfruit-2018/images/2018/ticket-element-4.png);
        margin-bottom: -4px;
        background-color: rgba(244, 244, 244, 0.4);
        transform: unset;
        display: block; } }
  /* line 595, sass/page/_tickets.scss */
  .page-tickets #main.content-main {
    margin-bottom: -3px; }
  /* line 600, sass/page/_tickets.scss */
  .page-tickets .pp-price-container {
    display: inline-block; }
  /* line 603, sass/page/_tickets.scss */
  .page-tickets .button1 {
    letter-spacing: 0.1px; }
  /* line 607, sass/page/_tickets.scss */
  .page-tickets .super-container {
    margin: 35px 0px; }
    /* line 609, sass/page/_tickets.scss */
    .page-tickets .super-container .quantity-button {
      display: inline-block;
      width: 100%; }
      @media (min-width: 48em) {
        /* line 609, sass/page/_tickets.scss */
        .page-tickets .super-container .quantity-button {
          float: right;
          width: unset; } }
      /* line 616, sass/page/_tickets.scss */
      .page-tickets .super-container .quantity-button .atc-container {
        float: right;
        margin: 0px; }
  @media (min-width: 48em) {
    /* line 623, sass/page/_tickets.scss */
    .page-tickets #party-pass-section .super-container {
      margin-bottom: 8px; } }
  @media (min-width: 48em) {
    /* line 628, sass/page/_tickets.scss */
    .page-tickets #dog-pass-section .super-container {
      margin-bottom: 60px; } }
  /* line 633, sass/page/_tickets.scss */
  .page-tickets #accommodation-pass-section .buy-sooner-and-save .table-cell {
    width: 50%; }
  /* line 636, sass/page/_tickets.scss */
  .page-tickets #party-pass-section .buy-sooner-and-save .table-cell {
    width: 25%; }
  /* line 640, sass/page/_tickets.scss */
  .page-tickets .pp-pass-price-subtext {
    display: block;
    margin: 10px 0px 30px; }
    @media (min-width: 48em) {
      /* line 640, sass/page/_tickets.scss */
      .page-tickets .pp-pass-price-subtext {
        display: block; } }
  /* line 647, sass/page/_tickets.scss */
  .page-tickets .dp-pass-price {
    margin: 10px 0px 30px; }
    @media (min-width: 48em) {
      /* line 647, sass/page/_tickets.scss */
      .page-tickets .dp-pass-price {
        margin: 0px; } }
  /* line 656, sass/page/_tickets.scss */
  .page-tickets #accommodation-pass-section .col-md-4:nth-child(1), .page-tickets #accommodation-pass-section .col-md-4:nth-child(2) {
    border-bottom: 2px solid #171717;
    padding-bottom: 46px;
    margin-bottom: 42px; }
    @media (min-width: 48em) {
      /* line 656, sass/page/_tickets.scss */
      .page-tickets #accommodation-pass-section .col-md-4:nth-child(1), .page-tickets #accommodation-pass-section .col-md-4:nth-child(2) {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px; } }
  /* line 668, sass/page/_tickets.scss */
  .page-tickets #accommodation-pass-section .col-md-4 .acc-cell .atc-container {
    float: right; }
  /* line 671, sass/page/_tickets.scss */
  .page-tickets #accommodation-pass-section .col-md-4 .acc-cell .quantity-container {
    margin: 30px 0px 45px; }
    @media (min-width: 48em) {
      /* line 671, sass/page/_tickets.scss */
      .page-tickets #accommodation-pass-section .col-md-4 .acc-cell .quantity-container {
        margin: 0px 12px 0px 0px; } }
  /* line 678, sass/page/_tickets.scss */
  .page-tickets #accommodation-pass-section .col-md-4 .ap-pass-price {
    margin-top: 23px; }
    @media (min-width: 48em) {
      /* line 678, sass/page/_tickets.scss */
      .page-tickets #accommodation-pass-section .col-md-4 .ap-pass-price {
        margin-top: 0px; } }
  /* line 687, sass/page/_tickets.scss */
  .page-tickets #dog-pass-section .buy-sooner-and-save .table-cell {
    width: 50%; }

/* line 31, sass/stories.scss */
.page-accommodations {
  /*
  @media (min-width: 62em) {
      .pic {
          float: left;
          width: 27.6712%;
      }
  }            
  */
  /*  Refactor me - select options */
  /* CAUTION: IE hackery ahead */
  /* target Internet Explorer 9 to undo the custom arrow */
  /*  Refactor me - select options */
  /* Refactor Me */ }
  /* line 1, sass/page/_accommodations.scss */
  .page-accommodations .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/accommodations_mob_bg.jpg);
    background-size: 100% auto;
    background-position-y: 50%; }
  @media (min-width: 62em) {
    /* line 7, sass/page/_accommodations.scss */
    .page-accommodations .content-header {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/accommodations_bg.jpg);
      background-size: cover; } }
  /* line 13, sass/page/_accommodations.scss */
  .page-accommodations .content-area ol, .page-accommodations .content-area ul {
    list-style: initial;
    list-style-position: inside; }
  /* line 20, sass/page/_accommodations.scss */
  .page-accommodations #main {
    overflow: hidden; }
  @media (min-width: 48em) {
    /* line 23, sass/page/_accommodations.scss */
    .page-accommodations section {
      padding: 40px; } }
  /* line 28, sass/page/_accommodations.scss */
  .page-accommodations section:after {
    clear: both;
    content: " ";
    display: table; }
  /* line 33, sass/page/_accommodations.scss */
  .page-accommodations a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden; }
  /* line 40, sass/page/_accommodations.scss */
  .page-accommodations .boutique-title {
    color: #6aada9; }
  /* line 44, sass/page/_accommodations.scss */
  .page-accommodations .camping-title {
    /* 				color: #FF6464;	 */
    color: #171717;
    line-height: 22px;
    margin: 10px 0px; }
  /* line 50, sass/page/_accommodations.scss */
  .page-accommodations .camping-subtitle {
    /* 				color: #FF6464;	 */
    color: #171717;
    line-height: 18px; }
  /* line 55, sass/page/_accommodations.scss */
  .page-accommodations .camping-body {
    line-height: 18px;
    margin: 14px 0px; }
  /* line 59, sass/page/_accommodations.scss */
  .page-accommodations .camping-price {
    color: #171717;
    line-height: 20px;
    margin: 14px 0px 20px;
    line-height: 0px; }
    @media (min-width: 48em) {
      /* line 59, sass/page/_accommodations.scss */
      .page-accommodations .camping-price {
        margin: 14px 0px; } }
  /* line 69, sass/page/_accommodations.scss */
  .page-accommodations .quantity-lbl {
    display: inline;
    color: #1E2D50;
    line-height: 16px; }
  /* line 74, sass/page/_accommodations.scss */
  .page-accommodations .quantity-container {
    display: inline-block; }
  /* line 77, sass/page/_accommodations.scss */
  .page-accommodations .atc-container {
    text-align: center;
    display: inline-block;
    float: right;
    margin: 0px 0px 45px; }
    @media (min-width: 48em) {
      /* line 77, sass/page/_accommodations.scss */
      .page-accommodations .atc-container {
        float: none;
        margin: 30px 0px 45px; } }
  /* line 87, sass/page/_accommodations.scss */
  .page-accommodations .hotel-type-title {
    color: #6aada9;
    padding: 15px 0px; }
  /* line 92, sass/page/_accommodations.scss */
  .page-accommodations .hotel-name {
    color: #171717;
    line-height: 20px;
    margin: 15px 0px; }
    @media (min-width: 48em) {
      /* line 92, sass/page/_accommodations.scss */
      .page-accommodations .hotel-name {
        line-height: 26px; } }
  @media (min-width: 48em) {
    /* line 101, sass/page/_accommodations.scss */
    .page-accommodations .row.hotel-partners-section .hotel-name {
      min-height: 55px; } }
  /* line 107, sass/page/_accommodations.scss */
  .page-accommodations .hotel-body {
    line-height: 16px;
    margin: 14px 0px; }
    @media (min-width: 48em) {
      /* line 107, sass/page/_accommodations.scss */
      .page-accommodations .hotel-body {
        line-height: 18px;
        min-height: 235px; } }
  @media (min-width: 48em) {
    /* line 115, sass/page/_accommodations.scss */
    .page-accommodations .row.packages .hotel-body {
      min-height: 88px; } }
  /* line 120, sass/page/_accommodations.scss */
  .page-accommodations .hotel-room-type {
    color: #171717;
    line-height: 16px;
    display: inline; }
  /* line 125, sass/page/_accommodations.scss */
  .page-accommodations .hotel-price {
    color: #171717;
    line-height: 18px; }
  /* line 130, sass/page/_accommodations.scss */
  .page-accommodations .hotel-price-subtext {
    color: #171717;
    line-height: 18px;
    float: right; }
  /* line 135, sass/page/_accommodations.scss */
  .page-accommodations .hotel-price-subtext span {
    font-size: 12px;
    line-height: 14px; }
  /* line 139, sass/page/_accommodations.scss */
  .page-accommodations .hotel-partners-section .col-md-4 .col-md-12 {
    padding: 0px; }
  /* line 144, sass/page/_accommodations.scss */
  .page-accommodations #hotel-packages-section .packages .hotel-checkout {
    margin: 18px 0px; }
    /* line 146, sass/page/_accommodations.scss */
    .page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout {
      text-align: center; }
      @media (min-width: 48em) {
        /* line 146, sass/page/_accommodations.scss */
        .page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout {
          text-align: left; } }
      /* line 151, sass/page/_accommodations.scss */
      .page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout .atc-container {
        margin-left: 0px;
        float: none; }
  @media (min-width: 62em) {
    /* line 159, sass/page/_accommodations.scss */
    .page-accommodations #general-camping-section ul,
    .page-accommodations #boutique-camping-section ul {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
      list-style-position: inside; }
    /* line 167, sass/page/_accommodations.scss */
    .page-accommodations .section-description {
      color: #1E2D50;
      line-height: 29px;
      display: block;
      margin: 54px 0px; }
    /* line 173, sass/page/_accommodations.scss */
    .page-accommodations .camping-title {
      line-height: 36px;
      width: 100%;
      margin: 0px; }
    /* line 179, sass/page/_accommodations.scss */
    .page-accommodations .camping-price {
      line-height: 26px; }
    /* line 183, sass/page/_accommodations.scss */
    .page-accommodations .hotel-type-title {
      line-height: 48px; }
    /* line 186, sass/page/_accommodations.scss */
    .page-accommodations .hotel-room-type {
      line-height: 18px; }
    /* line 189, sass/page/_accommodations.scss */
    .page-accommodations .hotel-price {
      line-height: 20px; }
    /* line 192, sass/page/_accommodations.scss */
    .page-accommodations .hotel-price-subtext {
      line-height: 18px; }
    /* line 195, sass/page/_accommodations.scss */
    .page-accommodations .hotel-price-subtext span {
      line-height: 14px; } }
  /* line 202, sass/page/_accommodations.scss */
  .page-accommodations #general-camping-section:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/accommodation-element-1.png);
    left: 68px;
    bottom: 384px;
    transform: scale(0.75) rotate(-90deg);
    position: absolute; }
    @media (min-width: 48em) {
      /* line 202, sass/page/_accommodations.scss */
      .page-accommodations #general-camping-section:before {
        left: 0px;
        bottom: 0px;
        transform: unset; } }
  /* line 214, sass/page/_accommodations.scss */
  .page-accommodations #boutique-camping-section:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/accommodation-element-2.png);
    right: -120px;
    top: 675px;
    transform: scale(0.5);
    position: absolute; }
    @media (min-width: 48em) {
      /* line 214, sass/page/_accommodations.scss */
      .page-accommodations #boutique-camping-section:before {
        right: 0px;
        top: 700px;
        transform: unset; } }
  /* line 226, sass/page/_accommodations.scss */
  .page-accommodations #boutique-camping-section:after {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/accommodation-element-3.png);
    right: 0px;
    bottom: 0px;
    transform: scale(0.5) rotate(180deg) translate(-50%, -150%);
    position: absolute;
    display: none; }
    @media (min-width: 48em) {
      /* line 226, sass/page/_accommodations.scss */
      .page-accommodations #boutique-camping-section:after {
        display: block;
        right: 100px;
        bottom: 0px;
        transform: unset; } }
  /* line 241, sass/page/_accommodations.scss */
  .page-accommodations #hotel-packages-section:after {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/accommodation-element-3.png);
    right: -7px;
    top: -3px;
    transform: scale(0.5) rotate(180deg) translate(-50%, 50%);
    position: absolute;
    display: block; }
    @media (min-width: 48em) {
      /* line 241, sass/page/_accommodations.scss */
      .page-accommodations #hotel-packages-section:after {
        display: none;
        right: 100px;
        bottom: 0px;
        transform: unset; } }
  /* line 257, sass/page/_accommodations.scss */
  .page-accommodations .hotel-partners-section:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/accommodation-element-4.png);
    left: 0px;
    top: 0px;
    transform: scale(0.81) rotate(90deg) translate(-120%, -15%);
    position: absolute; }
    @media (min-width: 48em) {
      /* line 257, sass/page/_accommodations.scss */
      .page-accommodations .hotel-partners-section:before {
        left: -50px;
        top: 850px;
        transform: unset; } }
  /* line 272, sass/page/_accommodations.scss */
  .page-accommodations .hotel-partners-section:after {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/accommodation-element-5.png);
    right: 0px;
    bottom: 0px;
    transform: scale(0.5);
    position: absolute;
    display: none; }
    @media (min-width: 48em) {
      /* line 272, sass/page/_accommodations.scss */
      .page-accommodations .hotel-partners-section:after {
        display: block;
        right: 0px;
        bottom: 0px;
        transform: unset; } }
  /* line 288, sass/page/_accommodations.scss */
  .page-accommodations .general-admission-current-phase {
    width: 100%; }
  /* line 291, sass/page/_accommodations.scss */
  .page-accommodations .table {
    display: table; }
  /* line 292, sass/page/_accommodations.scss */
  .page-accommodations .table-header {
    display: table-header-group; }
  /* line 293, sass/page/_accommodations.scss */
  .page-accommodations .table-footer {
    display: table-footer-group; }
  /* line 294, sass/page/_accommodations.scss */
  .page-accommodations .table-body {
    display: table-row-group; }
  /* line 295, sass/page/_accommodations.scss */
  .page-accommodations .table-row {
    display: table-row; }
  /* line 296, sass/page/_accommodations.scss */
  .page-accommodations .table-cell {
    display: table-cell; }
  /* line 298, sass/page/_accommodations.scss */
  .page-accommodations .pic {
    width: 100%;
    /*
        margin-right: 38px;
        min-width: 80px;
    */
    background-size: cover;
    background-position: center;
    background-color: #D1CCCA;
    margin-top: 8px; }
  /* line 309, sass/page/_accommodations.scss */
  .page-accommodations .pic::before {
    content: "";
    display: block;
    padding-top: 66%; }
  /* line 324, sass/page/_accommodations.scss */
  .page-accommodations .content-area .add-to-cart {
    color: #FFFFFF;
    line-height: 34px;
    text-align: center;
    width: 172px;
    background-color: #1E2D50;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2.8px; }
    @media (min-width: 48em) {
      /* line 324, sass/page/_accommodations.scss */
      .page-accommodations .content-area .add-to-cart {
        padding: 5px 5px;
        width: 172px; } }
    /* line 338, sass/page/_accommodations.scss */
    .page-accommodations .content-area .add-to-cart:hover {
      background-color: #171717;
      color: white; }
    /* line 342, sass/page/_accommodations.scss */
    .page-accommodations .content-area .add-to-cart:active {
      background-color: rgba(23, 23, 23, 0.8);
      color: white; }
  /* line 353, sass/page/_accommodations.scss */
  .page-accommodations select::-ms-expand {
    display: none;
    /* remove default arrow in IE 10 and 11 */ }
  @media screen and (min-width: 0\0) {
    /* line 359, sass/page/_accommodations.scss */
    .page-accommodations select {
      background: none\9;
      padding: 5px\9; } }
@font-face {
  /* line 31, sass/stories.scss */
  .page-accommodations {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.eot");
    src: url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.woff") format("woff"), url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.ttf") format("truetype"), url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.svg#slick") format("svg"); } }
  /* line 375, sass/page/_accommodations.scss */
  .page-accommodations .slick-arrow {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    color: white;
    transform: translateY(-50%); }
  /* line 384, sass/page/_accommodations.scss */
  .page-accommodations .slick-prev {
    right: 1%; }
  /* line 387, sass/page/_accommodations.scss */
  .page-accommodations .slick-next {
    left: 1%; }
  /* line 390, sass/page/_accommodations.scss */
  .page-accommodations .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    left: 50%;
    transform: translate(-5%, 0%); }
  /* line 402, sass/page/_accommodations.scss */
  .page-accommodations .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  /* line 412, sass/page/_accommodations.scss */
  .page-accommodations .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  /* line 425, sass/page/_accommodations.scss */
  .page-accommodations .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: ' * ';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  /* line 441, sass/page/_accommodations.scss */
  .page-accommodations .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black; }
  /* line 446, sass/page/_accommodations.scss */
  .page-accommodations .slick-dots {
    bottom: 5% !important; }
  /* line 449, sass/page/_accommodations.scss */
  .page-accommodations .slick-dots li {
    margin: 0px !important; }
  /* line 452, sass/page/_accommodations.scss */
  .page-accommodations .slick-dots li button:before,
  .page-accommodations .slick-dots li.slick-active button:before {
    color: white !important;
    font-size: 10px !important; }
  /* line 457, sass/page/_accommodations.scss */
  .page-accommodations .button1 {
    letter-spacing: 0.1px; }
    /* line 459, sass/page/_accommodations.scss */
    .page-accommodations .button1.quantity-lbl {
      text-transform: uppercase; }
  /* line 463, sass/page/_accommodations.scss */
  .page-accommodations section#boutique-camping-section {
    background-color: rgba(244, 244, 244, 0.4); }
  /* line 467, sass/page/_accommodations.scss */
  .page-accommodations #hotel-packages-section {
    padding-top: 60px; }
    @media (min-width: 48em) {
      /* line 467, sass/page/_accommodations.scss */
      .page-accommodations #hotel-packages-section {
        padding-top: 0px; } }
    /* line 475, sass/page/_accommodations.scss */
    .page-accommodations #hotel-packages-section .packages .col-md-6 .col-md-12 {
      padding: 0px; }
    /* line 480, sass/page/_accommodations.scss */
    .page-accommodations #hotel-packages-section .hotel-partners-section {
      position: relative;
      padding-top: 120px; }
      @media (min-width: 48em) {
        /* line 480, sass/page/_accommodations.scss */
        .page-accommodations #hotel-packages-section .hotel-partners-section {
          position: initial;
          padding-top: 0px; } }
      /* line 488, sass/page/_accommodations.scss */
      .page-accommodations #hotel-packages-section .hotel-partners-section .atc-container {
        width: 100%;
        float: none;
        margin: 30px 0px 45px; }
        /* line 492, sass/page/_accommodations.scss */
        .page-accommodations #hotel-packages-section .hotel-partners-section .atc-container .add-to-cart {
          width: 100%; }
          @media (min-width: 48em) {
            /* line 492, sass/page/_accommodations.scss */
            .page-accommodations #hotel-packages-section .hotel-partners-section .atc-container .add-to-cart {
              width: 172px; } }
  /* line 503, sass/page/_accommodations.scss */
  .page-accommodations .hotel-partners-section .col-md-4 {
    border-bottom: solid 1px #f4f4f4;
    margin-bottom: 45px; }
    @media (min-width: 48em) {
      /* line 503, sass/page/_accommodations.scss */
      .page-accommodations .hotel-partners-section .col-md-4 {
        border-bottom: none; } }
  /* line 510, sass/page/_accommodations.scss */
  .page-accommodations .hotel-partners-section .col-md-4:last-child {
    border-bottom: none; }
  /* line 515, sass/page/_accommodations.scss */
  .page-accommodations #hotel-packages-section .packages > .col-md-6 {
    border-bottom: solid 1px #f4f4f4;
    margin-bottom: 45px;
    padding-bottom: 40px; }
    @media (min-width: 48em) {
      /* line 515, sass/page/_accommodations.scss */
      .page-accommodations #hotel-packages-section .packages > .col-md-6 {
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px; } }
  /* line 525, sass/page/_accommodations.scss */
  .page-accommodations #hotel-packages-section .packages > .col-md-6:last-child {
    border-bottom: none; }
  @media (min-width: 48em) {
    /* line 528, sass/page/_accommodations.scss */
    .page-accommodations #hotel-packages-section .packages .atc-container {
      margin-left: 20px; } }
  /* line 535, sass/page/_accommodations.scss */
  .page-accommodations #boutique-camping-section .container > .row {
    border-bottom: solid 1px #f4f4f4;
    margin-bottom: 45px; }
    @media (min-width: 48em) {
      /* line 535, sass/page/_accommodations.scss */
      .page-accommodations #boutique-camping-section .container > .row {
        border-bottom: none; } }
  /* line 542, sass/page/_accommodations.scss */
  .page-accommodations #boutique-camping-section .container > .row:first-child, .page-accommodations #boutique-camping-section .container > .row:last-child {
    border-bottom: none;
    margin-bottom: 0px; }
  /* line 549, sass/page/_accommodations.scss */
  .page-accommodations .header3 {
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 549, sass/page/_accommodations.scss */
      .page-accommodations .header3 {
        margin: 30px 0px; } }
  /* line 557, sass/page/_accommodations.scss */
  .page-accommodations .quantity-atc.mobile-center {
    text-align: center; }
    /* line 559, sass/page/_accommodations.scss */
    .page-accommodations .quantity-atc.mobile-center .atc-container {
      float: none; }
  @media (min-width: 48em) {
    /* line 566, sass/page/_accommodations.scss */
    .page-accommodations .quantity-atc.desktop-right {
      float: right; } }
  @media (min-width: 48em) {
    /* line 571, sass/page/_accommodations.scss */
    .page-accommodations .quantity-atc.desktop-left {
      float: left; } }
  @media (min-width: 48em) {
    /* line 577, sass/page/_accommodations.scss */
    .page-accommodations .quantity-atc .quantity-container {
      margin-right: 20px; } }
  @media (min-width: 48em) {
    /* line 583, sass/page/_accommodations.scss */
    .page-accommodations .content-main {
      margin-bottom: 50px; } }
  /* line 588, sass/page/_accommodations.scss */
  .page-accommodations #camp-kerala-section {
    padding: 62px 0px;
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/kerala_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (min-width: 48em) {
      /* line 588, sass/page/_accommodations.scss */
      .page-accommodations #camp-kerala-section {
        padding: 90px 0px; } }
    /* line 593, sass/page/_accommodations.scss */
    .page-accommodations #camp-kerala-section .button1 {
      color: #3c5fa0;
      letter-spacing: 2.8px;
      text-decoration: none; }
      /* line 597, sass/page/_accommodations.scss */
      .page-accommodations #camp-kerala-section .button1:hover {
        color: #153e86; }
      /* line 600, sass/page/_accommodations.scss */
      .page-accommodations #camp-kerala-section .button1:active {
        color: #1e2d50; }
    /* line 604, sass/page/_accommodations.scss */
    .page-accommodations #camp-kerala-section .link-container {
      text-align: center;
      margin-top: 50px; }
      @media (min-width: 48em) {
        /* line 604, sass/page/_accommodations.scss */
        .page-accommodations #camp-kerala-section .link-container {
          margin-top: 65px;
          text-align: left; } }
    /* line 616, sass/page/_accommodations.scss */
    .page-accommodations #camp-kerala-section:before {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/kerala-element1.png);
      left: 10px;
      bottom: 235px;
      transform: scale(0.5) translate(150%, -50%);
      position: absolute;
      display: block; }
      @media (min-width: 48em) {
        /* line 616, sass/page/_accommodations.scss */
        .page-accommodations #camp-kerala-section:before {
          content: url(/wp-content/themes/wonderfruit-2018/images/2018/kerala-element2.png);
          display: block;
          left: 0px;
          bottom: 0px;
          transform: scale(0.5) translate(-50%, 50%); } }
  /* line 633, sass/page/_accommodations.scss */
  .page-accommodations .pic {
    margin: 30px 0px;
    position: relative; }
    @media (min-width: 48em) {
      /* line 633, sass/page/_accommodations.scss */
      .page-accommodations .pic {
        margin: 0px;
        margin-top: 8px; } }
  /* line 641, sass/page/_accommodations.scss */
  .page-accommodations .official-label {
    color: white;
    background-color: rgba(106, 173, 169, 0.7);
    text-align: center;
    height: 30px;
    line-height: 30px;
    letter-spacing: 1.1px;
    position: absolute;
    bottom: 0px;
    width: 100%; }

/* line 34, sass/stories.scss */
.page-eats {
  /*
  @media (min-width: 62em) {
      .pic {
          float: left;
          width: 27.6712%;
      }
  }            
  */
  /*  Refactor me - select options */
  /* CAUTION: IE hackery ahead */
  /* target Internet Explorer 9 to undo the custom arrow */
  /*  Refactor me - select options */
  /* Refactor Me */ }
  /* line 1, sass/page/_dining.scss */
  .page-eats .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/feasts_mob_bg.jpg);
    background-size: 100% auto;
    background-position-y: 50%; }
  @media (min-width: 62em) {
    /* line 7, sass/page/_dining.scss */
    .page-eats .content-header {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/feasts_bg.jpg);
      background-size: cover; } }
  /* line 13, sass/page/_dining.scss */
  .page-eats .content-area ol, .page-eats .content-area ul {
    list-style: initial;
    list-style-position: inside; }
  /* line 18, sass/page/_dining.scss */
  .page-eats .quote {
    line-height: 1.45;
    letter-spacing: 2.2px; }
  /* line 24, sass/page/_dining.scss */
  .page-eats #main {
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px; }
  @media (min-width: 48em) {
    /* line 29, sass/page/_dining.scss */
    .page-eats section {
      padding: 40px; } }
  /* line 34, sass/page/_dining.scss */
  .page-eats section:after {
    clear: both;
    content: " ";
    display: table; }
  /* line 39, sass/page/_dining.scss */
  .page-eats a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden; }
  /* line 46, sass/page/_dining.scss */
  .page-eats .boutique-title {
    color: #6aada9; }
  /* line 50, sass/page/_dining.scss */
  .page-eats .camping-title {
    /* 				color: #FF6464;	 */
    color: #171717;
    margin: 10px 0px 0px;
    line-height: 28px; }
    @media (min-width: 48em) {
      /* line 50, sass/page/_dining.scss */
      .page-eats .camping-title {
        line-height: 22px;
        margin: 10px 0px; } }
  /* line 60, sass/page/_dining.scss */
  .page-eats .camping-subtitle {
    /* 				color: #FF6464;	 */
    color: #171717;
    line-height: 18px; }
  /* line 65, sass/page/_dining.scss */
  .page-eats .camping-body {
    line-height: 18px;
    line-height: 1.5;
    letter-spacing: 0.7px;
    text-align: left;
    margin: 0px 0px 14px; }
    /* line 69, sass/page/_dining.scss */
    .page-eats .camping-body b {
      font-weight: bold; }
    @media (min-width: 48em) {
      /* line 65, sass/page/_dining.scss */
      .page-eats .camping-body {
        margin: 14px 0px; } }
  /* line 79, sass/page/_dining.scss */
  .page-eats .camping-price {
    color: #171717;
    line-height: 20px;
    margin: 14px 0px 20px;
    line-height: 0px; }
    @media (min-width: 48em) {
      /* line 79, sass/page/_dining.scss */
      .page-eats .camping-price {
        margin: 14px 0px; } }
  /* line 89, sass/page/_dining.scss */
  .page-eats .quantity-lbl {
    display: inline;
    color: #1E2D50;
    line-height: 16px; }
  /* line 94, sass/page/_dining.scss */
  .page-eats .quantity-container {
    display: inline-block;
    margin: 0px 15px; }
    @media (min-width: 48em) {
      /* line 94, sass/page/_dining.scss */
      .page-eats .quantity-container {
        margin: 0px; } }
  /* line 101, sass/page/_dining.scss */
  .page-eats .atc-container {
    text-align: center;
    display: inline-block;
    float: right;
    margin: 0px 0px 45px; }
    @media (min-width: 48em) {
      /* line 101, sass/page/_dining.scss */
      .page-eats .atc-container {
        float: none;
        margin: 30px 0px 45px; } }
  @media (min-width: 48em) {
    /* line 113, sass/page/_dining.scss */
    .page-eats #wonder-kitchen-section .col-md-10 {
      padding: 0px 45px; } }
  @media (min-width: 62em) {
    /* line 122, sass/page/_dining.scss */
    .page-eats #wonder-kitchen-section ul,
    .page-eats #feasts-section ul {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
      list-style-position: inside;
      text-align: left; }
    /* line 131, sass/page/_dining.scss */
    .page-eats .section-description {
      color: #1E2D50;
      line-height: 29px;
      display: block;
      margin: 54px 0px; }
    /* line 137, sass/page/_dining.scss */
    .page-eats .camping-title {
      line-height: 36px;
      width: 100%;
      margin: 0px;
      margin-bottom: 18px; }
    /* line 144, sass/page/_dining.scss */
    .page-eats .camping-price {
      line-height: 26px; } }
  /* line 153, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-image-1a {
    display: none; }
    @media (min-width: 48em) {
      /* line 153, sass/page/_dining.scss */
      .page-eats #feasts-section .feast-image-1a {
        display: block;
        position: absolute;
        top: 0px;
        left: 15px;
        width: 280px;
        height: 280px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
  @media (min-width: 48em) {
    /* line 165, sass/page/_dining.scss */
    .page-eats #feasts-section .feast-image-1b {
      position: absolute;
      top: 92px;
      right: 32px;
      width: 350px;
      height: 236.3px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
  /* line 175, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-image-2a {
    display: none; }
    @media (min-width: 48em) {
      /* line 175, sass/page/_dining.scss */
      .page-eats #feasts-section .feast-image-2a {
        display: block;
        position: absolute;
        top: 0px;
        right: 15px;
        width: 280px;
        height: 280px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
  @media (min-width: 48em) {
    /* line 187, sass/page/_dining.scss */
    .page-eats #feasts-section .feast-image-2b {
      position: absolute;
      top: 92px;
      left: 32px;
      width: 350px;
      height: 236.3px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
  /* line 197, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-image-3a {
    display: none; }
    @media (min-width: 48em) {
      /* line 197, sass/page/_dining.scss */
      .page-eats #feasts-section .feast-image-3a {
        display: block;
        position: absolute;
        top: 0px;
        left: 15px;
        width: 280px;
        height: 280px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
  @media (min-width: 48em) {
    /* line 209, sass/page/_dining.scss */
    .page-eats #feasts-section .feast-image-3b {
      position: absolute;
      top: 92px;
      right: 32px;
      width: 350px;
      height: 236.3px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
  /* line 219, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-image-4a {
    display: none; }
    @media (min-width: 48em) {
      /* line 219, sass/page/_dining.scss */
      .page-eats #feasts-section .feast-image-4a {
        display: block;
        position: absolute;
        top: 0px;
        right: 15px;
        width: 280px;
        height: 280px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
  @media (min-width: 48em) {
    /* line 231, sass/page/_dining.scss */
    .page-eats #feasts-section .feast-image-4b {
      position: absolute;
      top: 92px;
      left: 32px;
      width: 350px;
      height: 236.3px;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
  /* line 244, sass/page/_dining.scss */
  .page-eats #feasts-section:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/feast-element1.png);
    left: 0px;
    top: 100px;
    transform: scale(0.25) translate(-150%, -150%);
    position: absolute; }
    @media (min-width: 48em) {
      /* line 244, sass/page/_dining.scss */
      .page-eats #feasts-section:before {
        left: 0px;
        top: 40px;
        transform: scale(0.5) translate(-50%, -50%);
        display: block; } }
  /* line 257, sass/page/_dining.scss */
  .page-eats #feasts-section:after {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/feast-element2.png);
    left: 0px;
    bottom: -70px;
    transform: scale(0.25) translate(-150%, 150%);
    position: absolute;
    z-index: 1; }
    @media (min-width: 48em) {
      /* line 257, sass/page/_dining.scss */
      .page-eats #feasts-section:after {
        display: block;
        left: -50px;
        bottom: -140px;
        transform: scale(0.5) translate(-50%, 50%);
        z-index: 1; } }
  /* line 272, sass/page/_dining.scss */
  .page-eats #wonder-kitchen-section:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/feast-element3.png);
    right: -120px;
    top: 675px;
    transform: scale(0.5);
    position: absolute;
    display: none; }
    @media (min-width: 48em) {
      /* line 272, sass/page/_dining.scss */
      .page-eats #wonder-kitchen-section:before {
        display: block;
        right: 0px;
        top: -100px;
        transform: scale(0.5) translate(50%, -50%); } }
  /* line 289, sass/page/_dining.scss */
  .page-eats .general-admission-current-phase {
    width: 100%; }
  /* line 292, sass/page/_dining.scss */
  .page-eats .table {
    display: table; }
  /* line 293, sass/page/_dining.scss */
  .page-eats .table-header {
    display: table-header-group; }
  /* line 294, sass/page/_dining.scss */
  .page-eats .table-footer {
    display: table-footer-group; }
  /* line 295, sass/page/_dining.scss */
  .page-eats .table-body {
    display: table-row-group; }
  /* line 296, sass/page/_dining.scss */
  .page-eats .table-row {
    display: table-row; }
  /* line 297, sass/page/_dining.scss */
  .page-eats .table-cell {
    display: table-cell; }
  /* line 299, sass/page/_dining.scss */
  .page-eats .pic {
    width: 100%;
    /*
        margin-right: 38px;
        min-width: 80px;
    */
    background-size: cover;
    background-position: center;
    background-color: #D1CCCA;
    margin-top: 8px; }
  /* line 310, sass/page/_dining.scss */
  .page-eats .pic::before {
    content: "";
    display: block;
    padding-top: 66%; }
  /* line 325, sass/page/_dining.scss */
  .page-eats .content-area .add-to-cart {
    color: #FFFFFF;
    line-height: 34px;
    text-align: center;
    width: 172px;
    background-color: #1E2D50;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2.8px; }
    @media (min-width: 48em) {
      /* line 325, sass/page/_dining.scss */
      .page-eats .content-area .add-to-cart {
        padding: 5px 5px;
        width: 172px; } }
    /* line 339, sass/page/_dining.scss */
    .page-eats .content-area .add-to-cart:hover {
      background-color: #171717;
      color: white; }
    /* line 343, sass/page/_dining.scss */
    .page-eats .content-area .add-to-cart:active {
      background-color: rgba(23, 23, 23, 0.8);
      color: white; }
  /* line 354, sass/page/_dining.scss */
  .page-eats select::-ms-expand {
    display: none;
    /* remove default arrow in IE 10 and 11 */ }
  @media screen and (min-width: 0\0) {
    /* line 360, sass/page/_dining.scss */
    .page-eats select {
      background: none\9;
      padding: 5px\9; } }
@font-face {
  /* line 34, sass/stories.scss */
  .page-eats {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.eot");
    src: url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.woff") format("woff"), url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.ttf") format("truetype"), url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.svg#slick") format("svg"); } }
  /* line 376, sass/page/_dining.scss */
  .page-eats .slick-arrow {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    color: white;
    transform: translateY(-50%); }
  /* line 385, sass/page/_dining.scss */
  .page-eats .slick-prev {
    right: 1%; }
  /* line 388, sass/page/_dining.scss */
  .page-eats .slick-next {
    left: 1%; }
  /* line 391, sass/page/_dining.scss */
  .page-eats .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    left: 50%;
    transform: translate(-5%, 0%); }
  /* line 403, sass/page/_dining.scss */
  .page-eats .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  /* line 413, sass/page/_dining.scss */
  .page-eats .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  /* line 426, sass/page/_dining.scss */
  .page-eats .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: ' * ';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  /* line 442, sass/page/_dining.scss */
  .page-eats .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black; }
  /* line 447, sass/page/_dining.scss */
  .page-eats .slick-dots {
    bottom: 5% !important; }
  /* line 450, sass/page/_dining.scss */
  .page-eats .slick-dots li {
    margin: 0px !important; }
  /* line 453, sass/page/_dining.scss */
  .page-eats .slick-dots li button:before,
  .page-eats .slick-dots li.slick-active button:before {
    color: white !important;
    font-size: 10px !important; }
  /* line 458, sass/page/_dining.scss */
  .page-eats .button1 {
    letter-spacing: 0.1px; }
    /* line 460, sass/page/_dining.scss */
    .page-eats .button1.quantity-lbl {
      text-transform: uppercase; }
  /* line 464, sass/page/_dining.scss */
  .page-eats section#wonder-kitchen-section {
    background-color: rgba(255, 192, 139, 0.2);
    padding-top: 130px; }
    /* line 466, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .container {
      text-align: center; }
    /* line 470, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .camping-price {
      margin: 24px 0px; }
    /* line 473, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .bullets {
      margin-bottom: 45px; }
    /* line 476, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .divider {
      border: 1px solid green;
      margin: 0px;
      opacity: 0.3;
      border: solid 0.5px #888888;
      margin: 10px 0px 30px; }
      @media (min-width: 48em) {
        /* line 476, sass/page/_dining.scss */
        .page-eats section#wonder-kitchen-section .divider {
          margin: 42px 0px 78px; } }
  /* line 490, sass/page/_dining.scss */
  .page-eats #feasts-section {
    padding-bottom: 140px; }
    /* line 493, sass/page/_dining.scss */
    .page-eats #feasts-section .container > .row {
      border-bottom: solid 1px #f4f4f4; }
      @media (min-width: 48em) {
        /* line 493, sass/page/_dining.scss */
        .page-eats #feasts-section .container > .row {
          border-bottom: none; } }
    /* line 499, sass/page/_dining.scss */
    .page-eats #feasts-section .container > .row:first-child, .page-eats #feasts-section .container > .row:last-child {
      border-bottom: none; }
  /* line 506, sass/page/_dining.scss */
  .page-eats .header3 {
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 506, sass/page/_dining.scss */
      .page-eats .header3 {
        margin: 30px 0px; } }
  /* line 513, sass/page/_dining.scss */
  .page-eats .time-atc {
    margin-bottom: 15px; }
    @media (min-width: 48em) {
      /* line 513, sass/page/_dining.scss */
      .page-eats .time-atc {
        margin-bottom: 0px; } }
    /* line 519, sass/page/_dining.scss */
    .page-eats .time-atc .time-container select {
      width: 290px; }
  /* line 525, sass/page/_dining.scss */
  .page-eats .quantity-atc.mobile-center {
    text-align: center; }
    /* line 527, sass/page/_dining.scss */
    .page-eats .quantity-atc.mobile-center .atc-container {
      float: none; }
  @media (min-width: 48em) {
    /* line 534, sass/page/_dining.scss */
    .page-eats .quantity-atc.desktop-right {
      float: right; } }
  @media (min-width: 48em) {
    /* line 539, sass/page/_dining.scss */
    .page-eats .quantity-atc.desktop-left {
      float: left; } }
  @media (min-width: 48em) {
    /* line 545, sass/page/_dining.scss */
    .page-eats .quantity-atc .quantity-container {
      margin-right: 20px; } }
  /* line 551, sass/page/_dining.scss */
  .page-eats .section-heading {
    text-align: center;
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 551, sass/page/_dining.scss */
      .page-eats .section-heading {
        margin-bottom: 90px; } }
  /* line 559, sass/page/_dining.scss */
  .page-eats .feast {
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 559, sass/page/_dining.scss */
      .page-eats .feast {
        margin-bottom: 45px; } }
  /* line 568, sass/page/_dining.scss */
  .page-eats .menu-link a span {
    text-transform: uppercase;
    line-height: 1.42;
    letter-spacing: 2.4px;
    vertical-align: middle;
    padding: 0px 10px;
    color: #1e2d50; }
  /* line 576, sass/page/_dining.scss */
  .page-eats .menu-link a img {
    width: 20px;
    height: 26.7px;
    vertical-align: middle; }
  @media (min-width: 48em) {
    /* line 583, sass/page/_dining.scss */
    .page-eats .content-main {
      margin-bottom: 50px; } }
  /* line 589, sass/page/_dining.scss */
  .page-eats .pic {
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 589, sass/page/_dining.scss */
      .page-eats .pic {
        margin: 0px;
        margin-top: 8px; } }
  /* line 597, sass/page/_dining.scss */
  .page-eats .cheftam-section .quantity-atc,
  .page-eats .chefblack-section .quantity-atc {
    display: none; }
  /* line 601, sass/page/_dining.scss */
  .page-eats .cheftam-section .quantity-atc.active,
  .page-eats .chefblack-section .quantity-atc.active {
    display: block; }
  /* line 606, sass/page/_dining.scss */
  .page-eats #wonder-kitchen-section {
    padding-bottom: 50px; }
    /* line 608, sass/page/_dining.scss */
    .page-eats #wonder-kitchen-section .menu-link {
      margin: 40px; }
  /* line 613, sass/page/_dining.scss */
  .page-eats #feasts-section .menu-link {
    text-align: center;
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 613, sass/page/_dining.scss */
      .page-eats #feasts-section .menu-link {
        text-align: left;
        margin: 20px 0px; } }

/* line 1, sass/page/_faqs.scss */
.page-faqs .content-header {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/faqs_mob_bg.jpg);
  background-size: 100% auto;
  background-position-y: 50%; }
@media (min-width: 62em) {
  /* line 7, sass/page/_faqs.scss */
  .page-faqs .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/faqs_bg.jpg);
    background-size: 100% auto; } }
/* line 13, sass/page/_faqs.scss */
.page-faqs .header3 {
  color: #6AADA9; }
/* line 16, sass/page/_faqs.scss */
.page-faqs .headline-small1 {
  color: #171717; }
/* line 21, sass/page/_faqs.scss */
.page-faqs .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-width: 0px;
  padding: 0px; }
/* line 25, sass/page/_faqs.scss */
.page-faqs .panel-group .panel {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  box-shadow: none; }
/* line 33, sass/page/_faqs.scss */
.page-faqs .panel-default > .panel-heading {
  background-color: inherit;
  padding: 30px 0px 30px;
  background-image: none; }
  @media (min-width: 48em) {
    /* line 33, sass/page/_faqs.scss */
    .page-faqs .panel-default > .panel-heading {
      padding: 12px 0px 20px; } }
/* line 41, sass/page/_faqs.scss */
.page-faqs .panel-default > .panel-heading a {
  display: block;
  pointer-events: none;
  border-width: 0px; }
/* line 46, sass/page/_faqs.scss */
.page-faqs .panel-default > .panel-heading a h5 {
  display: inline-block; }
  @media (min-width: 48em) {
    /* line 46, sass/page/_faqs.scss */
    .page-faqs .panel-default > .panel-heading a h5 {
      font-size: 44px;
      line-height: 64px; } }
@media (min-width: 48em) {
  /* line 53, sass/page/_faqs.scss */
  .page-faqs .panel-collapse.collapse {
    display: block;
    height: inherit !important; } }
/* line 59, sass/page/_faqs.scss */
.page-faqs .question {
  padding: 10px 0px;
  position: relative;
  border-bottom: solid 1px #f4f4f4; }
  @media (min-width: 48em) {
    /* line 59, sass/page/_faqs.scss */
    .page-faqs .question {
      padding: 20px 0px; } }
  /* line 66, sass/page/_faqs.scss */
  .page-faqs .question > a {
    display: inline-block;
    width: 96%;
    position: relative; }
  /* line 72, sass/page/_faqs.scss */
  .page-faqs .question > a:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f106';
    float: right;
    color: #000000;
    font-size: 1.2em;
    transform: translate(0%, -50%);
    top: 50%;
    position: absolute;
    right: -15px;
    font-weight: normal; }
    @media (min-width: 48em) {
      /* line 72, sass/page/_faqs.scss */
      .page-faqs .question > a:after {
        right: 0px;
        font-size: 1em;
        transform: translate(0%, -50%); } }
  /* line 89, sass/page/_faqs.scss */
  .page-faqs .question a.collapsed:after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f107';
    float: right;
    color: #000000;
    font-size: 1.2em;
    font-weight: normal; }
    @media (min-width: 48em) {
      /* line 89, sass/page/_faqs.scss */
      .page-faqs .question a.collapsed:after {
        font-size: 1em;
        transform: translate(0%, -50%); } }
  /* line 102, sass/page/_faqs.scss */
  .page-faqs .question .answer .body2 {
    padding: 30px 0px;
    width: 93%; }
    @media (min-width: 48em) {
      /* line 102, sass/page/_faqs.scss */
      .page-faqs .question .answer .body2 {
        padding: 30px 0px 60px;
        width: 96%; } }
/* line 112, sass/page/_faqs.scss */
.page-faqs section:after {
  clear: both;
  content: " ";
  display: table; }
/* line 117, sass/page/_faqs.scss */
.page-faqs a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }
/* line 125, sass/page/_faqs.scss */
.page-faqs .body2 a,
.page-faqs .body2 a span,
.page-faqs .body2 a:link,
.page-faqs .body2 a:visited,
.page-faqs .body2 a:active {
  color: #78c8c3;
  text-decoration: none;
  font-weight: 500 !important; }
/* line 134, sass/page/_faqs.scss */
.page-faqs .body2 ul {
  list-style: disc;
  list-style-position: inside; }

/* line 2, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info .content-area ol, .page-wonderfruit-info .content-area ul {
  list-style: initial; }
/* line 6, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info .content-header {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/generalinfo_mob_bg.jpg);
  background-size: 100% auto;
  background-position-y: 50%; }
@media (min-width: 62em) {
  /* line 12, sass/page/_wonderfruit-info.scss */
  .page-wonderfruit-info .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/generalinfo_bg.jpg);
    background-size: 100% auto; } }
@media (min-width: 48em) {
  /* line 18, sass/page/_wonderfruit-info.scss */
  .page-wonderfruit-info #main {
    margin-top: 0px; } }
/* line 23, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info #rules-section ul {
  list-style-position: outside;
  padding-left: 20px; }
/* line 27, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info #facilities-section ul {
  list-style-position: outside;
  padding-left: 20px; }
@media (min-width: 62em) {
  /* line 32, sass/page/_wonderfruit-info.scss */
  .page-wonderfruit-info #facilities-section ul {
    columns: 2; } }
/* line 36, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info #gettinghere-section, .page-wonderfruit-info #facilities-section {
  background-color: rgba(244, 244, 244, 0.4); }
@media (min-width: 768px) {
  /* line 41, sass/page/_wonderfruit-info.scss */
  .page-wonderfruit-info #info-rules-do-img,
  .page-wonderfruit-info #info-rules-dont-text,
  .page-wonderfruit-info #info-rules-do-text,
  .page-wonderfruit-info #info-rules-dont-img {
    width: 50%;
    float: left;
    position: relative; }
  /* line 49, sass/page/_wonderfruit-info.scss */
  .page-wonderfruit-info #info-rules-dont-text {
    right: 50%; }
  /* line 52, sass/page/_wonderfruit-info.scss */
  .page-wonderfruit-info #info-rules-do-text {
    padding-left: 3%; }
  /* line 55, sass/page/_wonderfruit-info.scss */
  .page-wonderfruit-info #info-rules-dont-img {
    left: 50%; } }
/* line 60, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info section {
  font-family: Value;
  font-weight: normal;
  font-size: 14px;
  color: #888888;
  line-height: 1.5;
  letter-spacing: 0.7px;
  padding-top: 0px;
  padding-bottom: 15px; }
  @media (min-width: 48em) {
    /* line 60, sass/page/_wonderfruit-info.scss */
    .page-wonderfruit-info section {
      font-size: 14px;
      padding-top: 45px;
      padding-bottom: 45px; } }
/* line 81, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info section h2 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 26px;
  color: #6aada9;
  margin-top: 10px;
  margin-bottom: 0px; }
  @media (min-width: 48em) {
    /* line 81, sass/page/_wonderfruit-info.scss */
    .page-wonderfruit-info section h2 {
      font-size: 36px;
      margin-top: 20px;
      margin-bottom: 10px; } }
/* line 99, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info section h3 {
  color: #171717;
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 17px; }
  @media (min-width: 48em) {
    /* line 99, sass/page/_wonderfruit-info.scss */
    .page-wonderfruit-info section h3 {
      font-size: 22px; } }
/* line 113, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info section p {
  margin: 15px 0px; }
/* line 117, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info section:after {
  clear: both;
  content: " ";
  display: table; }
/* line 123, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info #gettinghere-section .container > div {
  margin-bottom: 25px; }
/* line 127, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info .gettinghere-container > div,
.page-wonderfruit-info #info-shuttle,
.page-wonderfruit-info #info-direction-south,
.page-wonderfruit-info #info-direction-north {
  float: left;
  /*                 width: 50%; */
  padding-right: 3%; }
/* line 135, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info #info-rules-do-img,
.page-wonderfruit-info #info-rules-dont-img {
  margin-top: 20px;
  padding: 0px; }
  @media (min-width: 48em) {
    /* line 135, sass/page/_wonderfruit-info.scss */
    .page-wonderfruit-info #info-rules-do-img,
    .page-wonderfruit-info #info-rules-dont-img {
      margin-top: 0px; } }
/* line 144, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info #info-rules-dont-img {
  padding-right: 0px; }
/* line 148, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info #info-direction-map {
  display: none; }
  @media (min-width: 48em) {
    /* line 148, sass/page/_wonderfruit-info.scss */
    .page-wonderfruit-info #info-direction-map {
      display: block; } }
/* line 155, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }
/* line 163, sass/page/_wonderfruit-info.scss */
.page-wonderfruit-info section a,
.page-wonderfruit-info section a span,
.page-wonderfruit-info section a:link,
.page-wonderfruit-info section a:visited,
.page-wonderfruit-info section a:active {
  color: #78c8c3;
  text-decoration: none;
  font-weight: 500 !important; }

/* line 43, sass/stories.scss */
.post-type-archive-press {
  /*
  .post:before {
      content: "> ";
      color: #1E2D50;	
      font-family: "value-serif-bold";	
      font-size: 20px;	
      line-height: 24px;        
  }
  */
  /*
  
  
  body.lang-th .title a {
      font-family: cloud-semibold;        
  }
  */ }
  /* line 1, sass/page/_press.scss */
  .post-type-archive-press .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/press_mob_bg.jpg);
    background-size: 100% auto;
    background-position-y: 50%; }
  @media (min-width: 62em) {
    /* line 7, sass/page/_press.scss */
    .post-type-archive-press .content-header {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/press_bg.jpg);
      background-size: 100% auto; } }
  /* line 12, sass/page/_press.scss */
  .post-type-archive-press .post:first-child {
    padding-top: 0; }
  /* line 15, sass/page/_press.scss */
  .post-type-archive-press .post {
    overflow: hidden;
    padding-top: 25px;
    text-align: left;
    border-bottom: solid 1px #f4f4f4;
    padding-bottom: 35px; }
  /* line 31, sass/page/_press.scss */
  .post-type-archive-press .post-body {
    width: 100%; }
  /* line 35, sass/page/_press.scss */
  .post-type-archive-press .headline-small1 {
    color: #171717;
    line-height: 1.64;
    letter-spacing: 0.9px; }
  /* line 40, sass/page/_press.scss */
  .post-type-archive-press .header2 {
    margin-bottom: 36px; }
  /* line 51, sass/page/_press.scss */
  .post-type-archive-press .date-n-by {
    color: #B0B0B0;
    text-transform: uppercase; }
  /* line 56, sass/page/_press.scss */
  .post-type-archive-press .press-email {
    color: #171717;
    letter-spacing: 4.2px;
    text-transform: uppercase; }
  /* line 62, sass/page/_press.scss */
  .post-type-archive-press .logo-title {
    color: #171717;
    letter-spacing: 4.2px;
    text-transform: uppercase;
    margin-bottom: 10px; }
  @media (min-width: 62em) {
    /* line 69, sass/page/_press.scss */
    .post-type-archive-press .post {
      /*             text-align: left; */
      padding-top: 33px;
      padding-bottom: 38px;
      border-bottom: solid 1px #f4f4f4; }
    /* line 76, sass/page/_press.scss */
    .post-type-archive-press .post:before {
      display: none; }
    /* line 79, sass/page/_press.scss */
    .post-type-archive-press .post-body {
      width: 100%;
      float: none; }
    /* line 83, sass/page/_press.scss */
    .post-type-archive-press .date-n-by {
      margin-top: 14px;
      display: block; }
    /* line 87, sass/page/_press.scss */
    .post-type-archive-press .container-fluid .row > div:first-child {
      padding-left: 7%; }
    /* line 90, sass/page/_press.scss */
    .post-type-archive-press .container-fluid .row > div:last-child {
      padding-right: 7%; } }
  /* line 101, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images article {
    width: 48%;
    /* height: 30%; */
    background: none;
    margin: 0px;
    float: left;
    margin: 2%;
    /*         border: 2px solid #1e2d50; */ }
  /* line 110, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images article:nth-child(2n+1) {
    margin-left: 0px; }
  /* line 113, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images article:nth-child(2n+2) {
    margin-right: 0px; }
  @media (min-width: 62em) {
    /* line 118, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article:nth-child(2n+1) {
      margin-left: 1%; }
    /* line 121, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article:nth-child(2n+2) {
      margin-right: 1%; }
    /* line 124, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article {
      width: 23.5%;
      margin: 1%; }
    /* line 129, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article:nth-child(4n+1) {
      margin-left: 0px; }
    /* line 132, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article:nth-child(4n+4) {
      margin-right: 0px; } }
  /* line 139, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images article .gallery-pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  /* line 144, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images article .gallery-pic:before {
    content: "";
    display: block;
    padding-top: 66%; }
  /* line 150, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images:after {
    content: "";
    width: 100%;
    clear: both;
    display: block; }
  /* line 157, sass/page/_press.scss */
  .post-type-archive-press .download-all-btn {
    border: 2px solid #1e2d50;
    color: #1e2d50;
    padding: 5px 10px;
    font-family: value-bold;
    font-size: 17px;
    line-height: 19px;
    display: inline-block;
    margin-bottom: 15px; }
  /* line 169, sass/page/_press.scss */
  .post-type-archive-press .logo-download-container,
  .post-type-archive-press .logo-img-container {
    text-align: center;
    background-color: #F3F2F1;
    padding: 15px 15px;
    margin-bottom: 3px; }
  /* line 176, sass/page/_press.scss */
  .post-type-archive-press .logo-img-container {
    min-height: 90px; }
  /* line 180, sass/page/_press.scss */
  .post-type-archive-press .container-fluid .row > div.logo-container:last-child {
    padding-left: 5px;
    padding-right: 15px; }
  /* line 184, sass/page/_press.scss */
  .post-type-archive-press .container-fluid .row > div.logo-container:first-child {
    padding-left: 15px;
    padding-right: 5px; }
  @media (min-width: 62em) {
    /* line 192, sass/page/_press.scss */
    .post-type-archive-press .container-fluid .row > div.logo-container:first-child,
    .post-type-archive-press .container-fluid .row > div.logo-container:last-child {
      padding-left: 15px;
      padding-right: 15px; }
    /* line 199, sass/page/_press.scss */
    .post-type-archive-press .download-all-btn {
      border: 2px solid #1e2d50;
      position: absolute;
      right: 0%;
      top: 50%;
      transform: translate(0%, -50%);
      color: #1e2d50;
      padding: 5px 10px;
      font-family: value-bold;
      font-size: 17px;
      line-height: 19px; } }
  /* line 215, sass/page/_press.scss */
  .post-type-archive-press .logo-download-link {
    color: #1E2D50;
    font-family: value-bold;
    font-size: 17px;
    line-height: 19px; }
  /* line 221, sass/page/_press.scss */
  .post-type-archive-press .logo-download-container > div {
    display: inline;
    font-size: 20px;
    line-height: 5px;
    opacity: 0.3;
    color: #000000; }
  /* line 228, sass/page/_press.scss */
  .post-type-archive-press .festival-gallery {
    background-color: #F3F2F1;
    padding-top: 45px;
    padding-bottom: 45px; }
  /* line 234, sass/page/_press.scss */
  .post-type-archive-press .content-area .row {
    margin-top: 45px; }
  /* line 237, sass/page/_press.scss */
  .post-type-archive-press .content-area .row.logo-row {
    margin-top: 0px; }
  /* line 240, sass/page/_press.scss */
  .post-type-archive-press .releases-list .language-switcher {
    display: block;
    margin: 5px; }
  /* line 244, sass/page/_press.scss */
  .post-type-archive-press .col-md-6 {
    margin: 90px 0px; }
    @media (min-width: 48em) {
      /* line 244, sass/page/_press.scss */
      .post-type-archive-press .col-md-6 {
        margin: 0px 0px; } }

/* line 46, sass/stories.scss */
.archive.category {
  /*******************************************  NEW  ******************************************/
  /* 768px */
  /*
  #button-load-more .load-msg {
      display: none;
  }
  #button-load-more.loading div,
  #button-load-more.loading:hover div,
  #button-load-more.loading:active div {
      display: none;
  }
  #button-load-more.loading .load-msg {
      display: inline-block !important;
  }
  */ }
  /* line 1, sass/page/_post.scss */
  .archive.category body {
    line-height: 1.2; }
  /* line 4, sass/page/_post.scss */
  .archive.category input {
    border-radius: 0; }
  /* line 9, sass/page/_post.scss */
  .archive.category .excerpt a,
  .archive.category .excerpt a:link,
  .archive.category .excerpt a:visited,
  .archive.category .excerpt a:hover,
  .archive.category .excerpt a:active {
    color: #171717;
    text-decoration: none; }
  /* line 18, sass/page/_post.scss */
  .archive.category .overhead {
    width: 100%;
    position: relative;
    margin-top: 0px;
    background-position: center;
    background-size: cover; }
  /* line 25, sass/page/_post.scss */
  .archive.category .overhead::before {
    content: "";
    display: block;
    padding-top: 133%; }
  /* line 32, sass/page/_post.scss */
  .archive.category .overhead .container {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 32, sass/page/_post.scss */
      .archive.category .overhead .container {
        text-align: left; } }
  /* line 46, sass/page/_post.scss */
  .archive.category .overhead .container > .row,
  .archive.category .overhead .container > .row > .col-md-8,
  .archive.category .overhead .slider,
  .archive.category .slide-wrap {
    height: 100%; }
  /* line 52, sass/page/_post.scss */
  .archive.category .overhead .container > .row,
  .archive.category .overhead .container > .row > .col-md-8 {
    padding: 0;
    margin: 0; }
  /* line 57, sass/page/_post.scss */
  .archive.category .overhead .slider {
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto; }
  /* line 63, sass/page/_post.scss */
  .archive.category .slide-wrap {
    width: 100%;
    background-color: #a5a7a9;
    /*         position: absolute; */
    white-space: normal;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s opacity;
    -webkit-transition: 0.3s opacity;
    display: block;
    opacity: 1; }
  /* line 76, sass/page/_post.scss */
  .archive.category .read-more:active {
    opacity: 0.7; }
  /* line 80, sass/page/_post.scss */
  .archive.category .block.navigator .h-e.cat {
    margin-bottom: 24px; }
  /* line 83, sass/page/_post.scss */
  .archive.category .post {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 10px; }
  /* line 89, sass/page/_post.scss */
  .archive.category .post:first-child {
    padding-top: 0; }
  /* line 92, sass/page/_post.scss */
  .archive.category .post:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  /* line 98, sass/page/_post.scss */
  .archive.category .post footer {
    font-size: 0;
    display: none;
    margin-top: 0px; }
  /* line 104, sass/page/_post.scss */
  .archive.category .pic {
    width: 25%;
    float: left;
    margin-right: 8px;
    background-color: #D1CCCA;
    min-width: 80px;
    background-size: cover;
    background-position: center;
    position: relative;
    /*         border:2px solid #1e2d50; */ }
  /* line 115, sass/page/_post.scss */
  .archive.category .pic::before {
    content: "";
    display: block;
    padding-top: 100%; }
  /* line 120, sass/page/_post.scss */
  .archive.category .pic > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
  /* line 129, sass/page/_post.scss */
  .archive.category .post-body {
    overflow: hidden; }
  /* line 133, sass/page/_post.scss */
  .archive.category h7,
  .archive.category .text-1,
  .archive.category .tag {
    line-height: 1; }
  /* line 138, sass/page/_post.scss */
  .archive.category .post .tag {
    color: #171717;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 3px; }
  /* line 146, sass/page/_post.scss */
  .archive.category .excerpt {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 8px; }
  /* line 155, sass/page/_post.scss */
  .archive.category .lang-th .excerpt {
    line-height: 24px; }
  /* line 158, sass/page/_post.scss */
  .archive.category #wdp-sidebar {
    margin-top: 20px; }
  /* line 162, sass/page/_post.scss */
  .archive.category .block .post {
    padding: 10px 0;
    overflow: hidden; }
  /* line 166, sass/page/_post.scss */
  .archive.category .block .post header div {
    margin-bottom: 0;
    line-height: 20px; }
  /* line 170, sass/page/_post.scss */
  .archive.category .block .post .pic {
    margin-right: 10px; }
  /* line 174, sass/page/_post.scss */
  .archive.category .block.subscribe {
    border: 0;
    background-color: #6fbccc;
    color: #fff; }
  /* line 179, sass/page/_post.scss */
  .archive.category .block.subscribe > header {
    color: #fff;
    margin-bottom: 16px; }
  /* line 183, sass/page/_post.scss */
  .archive.category .row.search .text {
    color: white;
    background-color: transparent;
    border: 1px solid white;
    outline: 0;
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 25px;
    line-height: 1.2;
    overflow: visible; }
  /* line 195, sass/page/_post.scss */
  .archive.category body:not(.lang-th) .block.subscribe .text,
  .archive.category body:not(.lang-th) .row.search .text {
    letter-spacing: 0.9px;
    padding: 12px 10px 8px; }
  /* line 200, sass/page/_post.scss */
  .archive.category .block.subscribe .text::-webkit-input-placeholder,
  .archive.category .row.search .text::-webkit-input-placeholder {
    line-height: 1.2; }
  /* line 204, sass/page/_post.scss */
  .archive.category .block.subscribe .button {
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    width: 100%;
    background: none;
    padding: 10px;
    margin-top: 8px; }
  /* line 214, sass/page/_post.scss */
  .archive.category .block.tags {
    padding-bottom: 19px;
    padding-right: 4px; }
  /* line 218, sass/page/_post.scss */
  .archive.category .block.tags .inner {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 14px; }
  /* line 226, sass/page/_post.scss */
  .archive.category .block.navigator {
    float: right;
    border: 0;
    padding: 0;
    width: 220px;
    top: 50%;
    position: relative;
    margin: 0;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0); }
  /* line 237, sass/page/_post.scss */
  .archive.category #primary {
    background-attachment: local;
    background-position: center bottom; }
  /* line 241, sass/page/_post.scss */
  .archive.category .row.search {
    margin-top: 26px; }
  /* line 244, sass/page/_post.scss */
  .archive.category .row.search .text {
    border: 1px solid black;
    background-color: transparent;
    margin: 0; }
  /* line 249, sass/page/_post.scss */
  .archive.category .hide-search .row.search {
    display: none; }
  /* line 252, sass/page/_post.scss */
  .archive.category .blahblah {
    margin-top: 30px; }
  /* line 255, sass/page/_post.scss */
  .archive.category .cat-item a {
    text-transform: uppercase; }
  /* line 259, sass/page/_post.scss */
  .archive.category .overhead .category-list,
  .archive.category .overhead .triangles,
  .archive.category .title-wrap {
    position: relative;
    height: 100%;
    margin: 0 auto; }
  /* line 269, sass/page/_post.scss */
  .archive.category #newsletter-submit:hover {
    background: #fff;
    color: #6fbccc; }
  /* line 273, sass/page/_post.scss */
  .archive.category #newsletter-submit:active {
    background: #fff;
    color: #6fbccc;
    opacity: 0.5; }
  @media (min-width: 768px) {
    /* line 279, sass/page/_post.scss */
    .archive.category .pic::before {
      padding-top: 61.5131%; }
    /* line 282, sass/page/_post.scss */
    .archive.category .overhead .category-list,
    .archive.category .overhead .triangles,
    .archive.category .title-wrap {
      width: 720px; }
    /* line 289, sass/page/_post.scss */
    .archive.category .wdp1 {
      line-height: 58px; }
    /* line 292, sass/page/_post.scss */
    .archive.category .lang-th .wdp1 {
      font-family: cloud-semibold;
      line-height: 42px; }
    /* line 296, sass/page/_post.scss */
    .archive.category .slider-nav {
      left: 0;
      right: 0;
      text-align: center; } }
  @media (min-width: 62em) {
    /* line 46, sass/stories.scss */
    .archive.category {
      /*
          .slide-wrap::before {
              display: none;
          }
      */ }
      /* line 303, sass/page/_post.scss */
      .archive.category .blahblah {
        margin-top: 24px; }
      /* line 306, sass/page/_post.scss */
      .archive.category .pic {
        margin-right: 32px; }
      /* line 309, sass/page/_post.scss */
      .archive.category .post-body {
        /*             overflow: visible; */ }
      /* line 312, sass/page/_post.scss */
      .archive.category .excerpt {
        line-height: 22px;
        margin-top: 14px; }
      /* line 316, sass/page/_post.scss */
      .archive.category #posts_remaining .post footer,
      .archive.category #posts .post footer {
        font-size: 0;
        margin-top: 0; }
      /* line 321, sass/page/_post.scss */
      .archive.category .wdp4 {
        line-height: 40px !important; }
      /* line 324, sass/page/_post.scss */
      .archive.category .lang-th .wdp3 {
        font-family: cloud;
        font-size: 17px; }
      /* line 328, sass/page/_post.scss */
      .archive.category .lang-th .wdp4 {
        font-family: cloud-semibold;
        font-size: 34px !important;
        line-height: 32px !important;
        letter-spacing: 1px; }
      /* line 335, sass/page/_post.scss */
      .archive.category .block .post {
        padding: 16px 0 20px; }
      /* line 338, sass/page/_post.scss */
      .archive.category .block .post:first-child {
        padding-top: 20px; }
      /* line 341, sass/page/_post.scss */
      .archive.category .block.cats .post {
        padding: 10px 0; }
      /* line 344, sass/page/_post.scss */
      .archive.category .block.cats .post:first-child {
        padding: 16px 0 5px; }
      /* line 347, sass/page/_post.scss */
      .archive.category .col-md-8 {
        padding-right: 8px; }
      /* line 350, sass/page/_post.scss */
      .archive.category .pull-up-desktop {
        margin-top: -62px; }
      /* line 353, sass/page/_post.scss */
      .archive.category .hide-search .pull-up-desktop {
        margin-top: 0; }
      /* line 356, sass/page/_post.scss */
      .archive.category .col-md-4 {
        padding-left: 8px; }
      /* line 359, sass/page/_post.scss */
      .archive.category #posts_remaining .pic,
      .archive.category #posts .pic {
        width: 38%; }
      /* line 363, sass/page/_post.scss */
      .archive.category .overhead {
        margin-top: 0px;
        padding-top: 7%;
        padding-bottom: 0%; }
      /* line 368, sass/page/_post.scss */
      .archive.category .overhead::before,
      .archive.category .slide-wrap::before {
        padding-top: 28.15625%; }
      /* line 372, sass/page/_post.scss */
      .archive.category .overhead .container {
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0); }
      /* line 377, sass/page/_post.scss */
      .archive.category .overhead .container > .row {
        position: relative; }
      /* line 380, sass/page/_post.scss */
      .archive.category #overhead-slider .col-md-8 {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        float: none;
        width: 100%; }
      /* line 388, sass/page/_post.scss */
      .archive.category #overhead-slider .col-md-4 {
        position: absolute;
        height: 100%;
        top: 0;
        left: 50%;
        width: auto;
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        z-index: 99;
        padding: 0;
        margin-left: 470px; }
      /* line 400, sass/page/_post.scss */
      .archive.category .slide-wrap {
        left: 15px; }
      /* line 410, sass/page/_post.scss */
      .archive.category #overhead-slider .block .post {
        margin: 0 0 12px;
        padding: 13px 10px 5px;
        border: 1px solid white;
        color: white;
        cursor: pointer;
        transition: 0.12s opacity;
        -webkit-transition: 0.12s opacity; }
      /* line 419, sass/page/_post.scss */
      .archive.category #overhead-slider .block .post.active {
        /*             display: none; */ }
      /* line 422, sass/page/_post.scss */
      .archive.category .slide-wrap {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        height: 100%;
        overflow: hidden;
        display: block;
        background-color: transparent;
        width: 100%; }
      /* line 433, sass/page/_post.scss */
      .archive.category .slide-wrap.active {
        display: block; }
      /* line 436, sass/page/_post.scss */
      .archive.category .overhead .category-list,
      .archive.category .overhead .triangles,
      .archive.category .title-wrap {
        width: 940px; }
      /* line 441, sass/page/_post.scss */
      .archive.category .slider-nav {
        display: none; } }
  @media (min-width: 1200px) {
    /* line 446, sass/page/_post.scss */
    .archive.category .overhead .container {
      left: 50%; }
    /* line 449, sass/page/_post.scss */
    .archive.category .overhead .category-list,
    .archive.category .overhead .triangles,
    .archive.category .title-wrap {
      width: 1140px; }
    /* line 454, sass/page/_post.scss */
    .archive.category #overhead-slider .col-md-4 {
      margin-left: 570px; } }
  /* line 458, sass/page/_post.scss */
  .archive.category #wdp-header .the-wonder-post img {
    width: 194px; }
  @media (min-width: 992px) {
    /* line 462, sass/page/_post.scss */
    .archive.category #wdp-header .the-wonder-post img {
      width: 300px; } }
  /* line 467, sass/page/_post.scss */
  .archive.category .search-button {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: 0px;
    color: black;
    padding: 0;
    margin: 0;
    border: 1px solid;
    background: none;
    font-size: 18px;
    height: 100%;
    width: 44px; }
  /* line 481, sass/page/_post.scss */
  .archive.category .search-button:hover {
    color: white;
    background-color: black;
    border-color: black; }
  /* line 489, sass/page/_post.scss */
  .archive.category .slick-list,
  .archive.category .slick-track {
    height: 100%; }
  /* line 493, sass/page/_post.scss */
  .archive.category .slick-dots {
    bottom: 5% !important; }
  /* line 496, sass/page/_post.scss */
  .archive.category .slick-dots li {
    margin: 0px !important; }
  /* line 499, sass/page/_post.scss */
  .archive.category .slick-dots li button:before,
  .archive.category .slick-dots li.slick-active button:before {
    color: white !important;
    font-size: 10px !important; }
  /* line 504, sass/page/_post.scss */
  .archive.category #wdp-header.container {
    /*         background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/wonderpost_bg.png); */
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/wonderpost_bg.png);
    height: 295px;
    background-size: 100% auto;
    width: 100%;
    padding: 0%;
    background-position: 50% 8%; }
  /* line 514, sass/page/_post.scss */
  .archive.category #wdp-header .the-wonder-post {
    text-align: left;
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(30, 45, 80, 0.1);
    line-height: 64px; }
  @media (min-width: 62em) {
    /* line 525, sass/page/_post.scss */
    .archive.category #wdp-header .the-wonder-post {
      padding-bottom: 5%;
      padding-top: 9%;
      padding-left: 7%; } }
  /* line 531, sass/page/_post.scss */
  .archive.category #wdp-header .cats-nav {
    margin: 12px 0 12px 0;
    text-align: center;
    line-height: 24px; }
  /* line 538, sass/page/_post.scss */
  .archive.category #wdp-header .cats-nav .submenu-link.active-menu,
  .archive.category #wdp-header .cats-nav .submenu-link:hover {
    color: #ff6464;
    border-bottom: 2px solid #ff6464; }
  @media (min-width: 62em) {
    /* line 544, sass/page/_post.scss */
    .archive.category #wdp-header .cats-nav {
      letter-spacing: 1.2px;
      font-size: 20px;
      line-height: 24px; }
    /* line 549, sass/page/_post.scss */
    .archive.category #wdp-header .cats-nav .submenu-link {
      padding: 15px; } }
  /* line 554, sass/page/_post.scss */
  .archive.category .slider-title {
    margin: 30px 0px 20px;
    padding: 0px 45px; }
    @media (min-width: 48em) {
      /* line 554, sass/page/_post.scss */
      .archive.category .slider-title {
        margin: 8px 0px 0px;
        padding: 0px; } }
  /* line 565, sass/page/_post.scss */
  .archive.category .slider-date {
    color: #ffffff;
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 570, sass/page/_post.scss */
    .archive.category .slider-date {
      margin: 20px 0px 15px; } }
  /* line 579, sass/page/_post.scss */
  .archive.category .slider-excerpt {
    color: #ffffff;
    line-height: 18px;
    margin: 15px 0px 4px; }
  @media (min-width: 62em) {
    /* line 585, sass/page/_post.scss */
    .archive.category .slider-excerpt {
      line-height: 22px; } }
  /* line 589, sass/page/_post.scss */
  .archive.category .slider-read-more {
    border: 2px solid white;
    display: inline-block;
    padding: 15px 25px;
    margin: 20px 0px; }
  /* line 596, sass/page/_post.scss */
  .archive.category .slider-read-more .hs2 {
    color: #ffffff;
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 601, sass/page/_post.scss */
    .archive.category .slider-read-more {
      padding: 15px 15px; } }
  /* line 607, sass/page/_post.scss */
  .archive.category .title-n-button {
    position: absolute;
    top: 42%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0); }
  @media (min-width: 48em) {
    /* line 618, sass/page/_post.scss */
    .archive.category .title-n-button {
      margin-left: 0;
      margin-right: 0;
      /*             top: auto; */
      /*             bottom: 0; */
      margin-top: auto;
      margin-bottom: auto;
      height: auto;
      word-break: break-word;
      top: 47%;
      /*
              transform: none;
              -webkit-transform: none;
      */ } }
  @media (min-width: 62em) {
    /* line 636, sass/page/_post.scss */
    .archive.category .title-n-button {
      width: 50%; } }
  @media (min-width: 62em) {
    /* line 642, sass/page/_post.scss */
    .archive.category #posts_remaining .post,
    .archive.category #posts .post {
      border-bottom: solid 1px #f4f4f4;
      margin-bottom: 10px;
      padding: 15px 0px 30px; }
      /* line 647, sass/page/_post.scss */
      .archive.category #posts_remaining .post:last-child,
      .archive.category #posts .post:last-child {
        border-bottom: 0px; } }
  /* line 652, sass/page/_post.scss */
  .archive.category .block .post {
    border-bottom: none; }
  /* line 655, sass/page/_post.scss */
  .archive.category .post .title {
    color: #171717;
    text-transform: none;
    line-height: 22px;
    margin-top: 0px; }
  /* line 661, sass/page/_post.scss */
  .archive.category .post .title a:link,
  .archive.category .post .title a:visited {
    color: #171717; }
  /* line 665, sass/page/_post.scss */
  .archive.category .post .cat {
    color: #171717;
    text-transform: uppercase; }
  /* line 669, sass/page/_post.scss */
  .archive.category .post header .h-e {
    margin-bottom: 4px;
    margin-top: 0px; }
  /* line 673, sass/page/_post.scss */
  .archive.category .headline-small3 {
    color: #171717; }
  /* line 676, sass/page/_post.scss */
  .archive.category .button1 {
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 680, sass/page/_post.scss */
    .archive.category .post .title {
      margin-top: 2px; } }
  /* line 687, sass/page/_post.scss */
  .archive.category .date-n-by {
    color: #b0b0b0;
    text-transform: uppercase;
    padding: 13px 0px; }
  /* line 693, sass/page/_post.scss */
  .archive.category .post footer span,
  .archive.category .post footer .fa {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle; }
  /* line 699, sass/page/_post.scss */
  .archive.category .post footer .fa {
    margin-right: 16px;
    font-size: 20px; }
  /* line 703, sass/page/_post.scss */
  .archive.category .block > header {
    margin-bottom: 12px;
    color: #171717; }
  /* line 707, sass/page/_post.scss */
  .archive.category .block .post header div {
    color: #171717; }
  /* line 710, sass/page/_post.scss */
  .archive.category .block {
    border: 0px solid black;
    margin-bottom: 20px; }
  @media (min-width: 62em) {
    /* line 715, sass/page/_post.scss */
    .archive.category .block {
      padding: 15px 12px;
      margin-bottom: 16px; }
    /* line 719, sass/page/_post.scss */
    .archive.category #wdp-sidebar {
      margin-top: 0;
      padding-left: 4.3%;
      padding-right: 20px; }
    /* line 724, sass/page/_post.scss */
    .archive.category .block .post header div {
      line-height: 20px; } }
  @media (min-width: 81em) {
    /* line 729, sass/page/_post.scss */
    .archive.category .block .post header div {
      line-height: 20px; } }
  /* line 734, sass/page/_post.scss */
  .archive.category .block.tags .tag {
    padding-top: 6px;
    padding-bottom: 4px;
    border: 2px solid #171717;
    /*
        flex-grow: 1;
        -webkit-flex-grow: 1;
    */
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    margin-right: 6px;
    margin-bottom: 6px;
    margin-top: 0;
    color: #171717;
    text-transform: uppercase; }
  /* line 755, sass/page/_post.scss */
  .archive.category .block.tags .tag:hover {
    background-color: #171717;
    color: #fff; }
  /* line 759, sass/page/_post.scss */
  .archive.category .block > header .far,
  .archive.category .block > header .fal,
  .archive.category .block > header .fa {
    margin-right: 8px; }
  /* line 764, sass/page/_post.scss */
  .archive.category #button-load-more {
    display: inline-block;
    margin-top: 38px;
    margin-bottom: 38px;
    text-align: center;
    line-height: 1;
    padding: 8px 22px;
    letter-spacing: 0.5px;
    cursor: pointer;
    /*         width: 100%; */ }
  @media (min-width: 62em) {
    /* line 779, sass/page/_post.scss */
    .archive.category #button-load-more {
      width: auto;
      margin-bottom: 70px; } }
  /* line 799, sass/page/_post.scss */
  .archive.category .lang-th #button-load-more {
    letter-spacing: 0; }
  @media (min-width: 992px) {
    /* line 46, sass/stories.scss */
    .archive.category {
      /*
          #button-load-more:hover {
              background-color: #1e2d50;
              color: #fff;
          }
          #button-load-more:active {
              opacity: 0.8;
          }
      */ }
      /* line 804, sass/page/_post.scss */
      .archive.category #button-load-more div {
        display: inline-block;
        padding-left: 35px;
        padding-right: 35px; } }
  /* line 821, sass/page/_post.scss */
  .archive.category .block.wondercast > div {
    /*         border: 2px solid #1e2d50; */
    padding: 12px; }
  /* line 825, sass/page/_post.scss */
  .archive.category .block.wondercast .wondercast-see-all {
    border-top: 0px;
    text-align: center;
    color: #171717;
    padding: 7px;
    border: 2px solid #171717; }
  /* line 834, sass/page/_post.scss */
  .archive.category .container-fluid {
    padding: 0px; }
  /* line 837, sass/page/_post.scss */
  .archive.category .container-fluid .row {
    margin-left: 0px;
    margin-right: 0px; }
  /* line 841, sass/page/_post.scss */
  .archive.category .subscribe-section-container.container-fluid .row > div {
    background-color: #D1CCCA; }
  /* line 844, sass/page/_post.scss */
  .archive.category .slick-prev, .archive.category .slick-next {
    z-index: 100; }
  /* line 847, sass/page/_post.scss */
  .archive.category .slick-arrow {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    color: white; }
  /* line 855, sass/page/_post.scss */
  .archive.category .slick-next {
    right: 3% !important;
    left: inherit !important; }
  /* line 859, sass/page/_post.scss */
  .archive.category .slick-prev {
    left: 2% !important;
    right: inherit !important; }
  /* line 863, sass/page/_post.scss */
  .archive.category .slick-prev:before, .archive.category .slick-next:before {
    font-size: 40px !important;
    opacity: 0 !important;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out; }
  /* line 872, sass/page/_post.scss */
  .archive.category .slick-slider:hover .slick-prev:before,
  .archive.category .slick-slider:hover .slick-next:before {
    opacity: 1 !important;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out; }
  /* line 886, sass/page/_post.scss */
  .archive.category .overhead .triangles {
    top: 0px;
    left: 0px; }
    /* line 889, sass/page/_post.scss */
    .archive.category .overhead .triangles svg {
      height: 22px;
      width: 236px;
      padding-left: 15px;
      fill: white; }
  /* line 896, sass/page/_post.scss */
  .archive.category .overhead .fixed-content {
    position: absolute;
    z-index: 1;
    width: 100%; }
    /* line 900, sass/page/_post.scss */
    .archive.category .overhead .fixed-content.category-links {
      bottom: 0px;
      color: white; }
  /* line 905, sass/page/_post.scss */
  .archive.category .overhead .category-list {
    padding: 0px 16px 90px; }
    @media (min-width: 48em) {
      /* line 905, sass/page/_post.scss */
      .archive.category .overhead .category-list {
        padding: 0px 16px 60px; } }
    /* line 910, sass/page/_post.scss */
    .archive.category .overhead .category-list li {
      display: inline-block; }
      /* line 912, sass/page/_post.scss */
      .archive.category .overhead .category-list li:after {
        content: "\f111";
        font-family: "Font Awesome 5 Pro";
        font-size: 6px;
        vertical-align: middle;
        text-align: center;
        padding: 0px 6px 0px 8px;
        line-height: 2.17;
        font-weight: bold; }
      /* line 922, sass/page/_post.scss */
      .archive.category .overhead .category-list li:last-child:after {
        display: none; }
    /* line 926, sass/page/_post.scss */
    .archive.category .overhead .category-list .submenu-link {
      color: white;
      display: inline-block;
      text-transform: uppercase;
      line-height: 1.5;
      letter-spacing: 2.2px; }
  /* line 936, sass/page/_post.scss */
  .archive.category .home-block-subscribe {
    background-color: rgba(106, 173, 169, 0.7);
    padding: 42px 0px 48px; }
    /* line 939, sass/page/_post.scss */
    .archive.category .home-block-subscribe .subscribe-form-container {
      background-color: #6AADA9;
      padding: 25px 0px 10px; }
      @media (min-width: 48em) {
        /* line 939, sass/page/_post.scss */
        .archive.category .home-block-subscribe .subscribe-form-container {
          padding: 0px;
          height: 60px; } }
    /* line 947, sass/page/_post.scss */
    .archive.category .home-block-subscribe .header2 {
      text-align: center;
      line-height: 28px;
      margin-bottom: 22px; }
      @media (min-width: 48em) {
        /* line 947, sass/page/_post.scss */
        .archive.category .home-block-subscribe .header2 {
          text-align: left;
          line-height: 26px;
          margin-bottom: 0px; } }
    /* line 957, sass/page/_post.scss */
    .archive.category .home-block-subscribe .header2, .archive.category .home-block-subscribe .body2 {
      color: white; }
    /* line 960, sass/page/_post.scss */
    .archive.category .home-block-subscribe .subscribe-options {
      padding: 10px 0px; }
      @media (min-width: 48em) {
        /* line 960, sass/page/_post.scss */
        .archive.category .home-block-subscribe .subscribe-options {
          padding: 0px 0px;
          padding-left: 12px; } }
    /* line 967, sass/page/_post.scss */
    .archive.category .home-block-subscribe form .menu1 {
      width: 85%; }
      @media (min-width: 48em) {
        /* line 967, sass/page/_post.scss */
        .archive.category .home-block-subscribe form .menu1 {
          width: 90%; } }
    /* line 973, sass/page/_post.scss */
    .archive.category .home-block-subscribe .col-md-6 {
      top: 50%;
      transform: translateY(-50%); }
    /* line 977, sass/page/_post.scss */
    .archive.category .home-block-subscribe select {
      margin: 0px;
      width: auto;
      padding: 5px 11px 5px 5px;
      height: 33px;
      border-radius: 0px;
      bottom: 10%;
      font-size: inherit;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down.svg) 100%/12px no-repeat #fff;
      background-color: transparent;
      border: 0px;
      border-bottom: 2px solid white; }
      /* line 992, sass/page/_post.scss */
      .archive.category .home-block-subscribe select:focus {
        outline: 0; }
    /* line 996, sass/page/_post.scss */
    .archive.category .home-block-subscribe option {
      width: auto; }
    /* line 999, sass/page/_post.scss */
    .archive.category .home-block-subscribe .hidden_select {
      display: none; }
      /* line 1001, sass/page/_post.scss */
      .archive.category .home-block-subscribe .hidden_select .hidden_option {
        width: auto; }
    /* line 1006, sass/page/_post.scss */
    .archive.category .home-block-subscribe form input {
      background-color: transparent;
      box-shadow: none;
      border: 1px solid white;
      /* outline: 0px; */
      float: left;
      color: white;
      padding: 10px 15px;
      border-radius: 0px; }
      @media (min-width: 48em) {
        /* line 1006, sass/page/_post.scss */
        .archive.category .home-block-subscribe form input {
          padding: 4px 0px;
          padding-left: 10px; } }
      /* line 1019, sass/page/_post.scss */
      .archive.category .home-block-subscribe form input::placeholder {
        color: white; }
      /* line 1022, sass/page/_post.scss */
      .archive.category .home-block-subscribe form input:-ms-input-placeholder {
        color: white; }
      /* line 1025, sass/page/_post.scss */
      .archive.category .home-block-subscribe form input::-ms-input-placeholder {
        color: white; }
      /* line 1028, sass/page/_post.scss */
      .archive.category .home-block-subscribe form input:focus {
        outline: 0; }
    /* line 1032, sass/page/_post.scss */
    .archive.category .home-block-subscribe form button {
      border: 1px solid white;
      background-color: transparent;
      color: white;
      margin: 0px;
      padding: 12px 18px 12px;
      border-left: 0px; }
      @media (min-width: 48em) {
        /* line 1032, sass/page/_post.scss */
        .archive.category .home-block-subscribe form button {
          padding: 6px 9px 6px; } }
    /* line 1044, sass/page/_post.scss */
    .archive.category .home-block-subscribe.attach-element:before {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-3b.png);
      left: -640px;
      bottom: -550px;
      transform: scale(0.5);
      position: absolute;
      z-index: -1; }
      @media (min-width: 48em) {
        /* line 1044, sass/page/_post.scss */
        .archive.category .home-block-subscribe.attach-element:before {
          content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-3.png);
          left: -720px;
          top: -470px;
          transform: scale(0.5);
          z-index: -1; } }

/* line 1, sass/page/_single-post.scss */
.single-post body {
  line-height: 1.2; }
/* line 4, sass/page/_single-post.scss */
.single-post input {
  border-radius: 0; }
/* line 8, sass/page/_single-post.scss */
.single-post .excerpt a,
.single-post .excerpt a span,
.single-post .excerpt a:link,
.single-post .excerpt a:visited,
.single-post .excerpt a:active {
  color: #78c8c3;
  text-decoration: none;
  font-weight: 500 !important; }
/* line 17, sass/page/_single-post.scss */
.single-post .excerpt a:hover {
  color: #78c8c3;
  text-decoration: underline;
  font-weight: 500; }
/* line 22, sass/page/_single-post.scss */
.single-post .excerpt b {
  font-weight: 700;
  color: #1e2d50; }
/* line 26, sass/page/_single-post.scss */
.single-post .excerpt strong {
  font-weight: 500;
  color: #1e2d50; }
/* line 31, sass/page/_single-post.scss */
.single-post .text-3 {
  margin: 0;
  padding: 25px 0px 50px;
  letter-spacing: 3px; }
/* line 36, sass/page/_single-post.scss */
.single-post .title {
  margin: 6px 0; }
/* line 39, sass/page/_single-post.scss */
.single-post .post {
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px; }
/* line 45, sass/page/_single-post.scss */
.single-post .post .title a:link,
.single-post .post .title a:visited {
  color: black; }
/* line 49, sass/page/_single-post.scss */
.single-post .post footer {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px; }
/* line 55, sass/page/_single-post.scss */
.single-post .sharing {
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
  border-right: 0px;
  background-color: #F3F2F1;
  display: none; }
/* line 64, sass/page/_single-post.scss */
.single-post .sharing a {
  display: block;
  text-align: center; }
/* line 69, sass/page/_single-post.scss */
.single-post .sharing a i {
  color: #1E2D50;
  font-size: 1.5em;
  padding: 5px; }
/* line 76, sass/page/_single-post.scss */
.single-post .post footer span,
.single-post .post footer .fab,
.single-post .post footer .fa {
  line-height: 20px;
  display: inline-block; }
/* line 82, sass/page/_single-post.scss */
.single-post .post footer .fab
.post footer .fa {
  font-size: 20px;
  color: #1E2D50; }
/* line 87, sass/page/_single-post.scss */
.single-post .post footer .fab:hover
.post footer .fa:hover {
  opacity: 1; }
/* line 91, sass/page/_single-post.scss */
.single-post .pic {
  width: 25%;
  float: left;
  margin-right: 10px;
  background-color: #1a4917;
  min-width: 80px;
  background-size: cover;
  background-position: center;
  position: relative; }
/* line 101, sass/page/_single-post.scss */
.single-post .pic::before {
  content: "";
  display: block;
  padding-top: 100%; }
/* line 106, sass/page/_single-post.scss */
.single-post .pic > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center; }
/* line 116, sass/page/_single-post.scss */
.single-post h7,
.single-post .wdp3,
.single-post .tag {
  line-height: 1; }
/* line 121, sass/page/_single-post.scss */
.single-post .post .tag {
  color: #818b94;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 2px; }
/* line 128, sass/page/_single-post.scss */
.single-post .excerpt {
  border-bottom: 2px solid rgba(30, 45, 80, 0.1);
  padding-bottom: 90px;
  margin-bottom: 90px; }
/* line 134, sass/page/_single-post.scss */
.single-post .excerpt p {
  margin: 0 0 0px; }
/* line 137, sass/page/_single-post.scss */
.single-post .excerpt p i {
  font-style: normal; }
/* line 141, sass/page/_single-post.scss */
.single-post .excerpt .wonderpost-button-container {
  text-align: center;
  margin: 20px; }
  /* line 144, sass/page/_single-post.scss */
  .single-post .excerpt .wonderpost-button-container .cd-add-to-cart {
    background-color: #78C8C3;
    padding: 5px 10px;
    width: 162px;
    color: #FFFFFF;
    line-height: 32px;
    text-align: center;
    padding: 5px 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-decoration: none; }
    /* line 156, sass/page/_single-post.scss */
    .single-post .excerpt .wonderpost-button-container .cd-add-to-cart:hover {
      color: white;
      background-color: #6cada9;
      text-decoration: none; }
    /* line 161, sass/page/_single-post.scss */
    .single-post .excerpt .wonderpost-button-container .cd-add-to-cart:active {
      color: white;
      background-color: #609a97;
      text-decoration: none; }
/* line 168, sass/page/_single-post.scss */
.single-post .excerpt ol, .single-post .excerpt ul {
  list-style: disc;
  list-style-position: outside;
  padding: 20px; }
/* line 174, sass/page/_single-post.scss */
.single-post .tags {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 45px;
  margin-bottom: 80px; }
  @media (min-width: 48em) {
    /* line 174, sass/page/_single-post.scss */
    .single-post .tags {
      margin-bottom: 165px; } }
/* line 185, sass/page/_single-post.scss */
.single-post .tags .tag {
  /*
      flex-grow: 1;
      -webkit-flex-grow: 1;
  */
  padding-top: 8px;
  padding-bottom: 8px;
  border: 2px solid #171717;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  margin-right: 6px;
  margin-bottom: 6px;
  margin-top: 0;
  letter-spacing: 2.3px;
  font-style: normal;
  font-stretch: normal;
  color: #171717; }
/* line 208, sass/page/_single-post.scss */
.single-post .tags .tag:hover {
  background-color: #171717;
  color: #fff; }
/* line 212, sass/page/_single-post.scss */
.single-post .cat-item a {
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.4px; }
/* line 217, sass/page/_single-post.scss */
.single-post .cat-item a:hover {
  opacity: 1; }
/* line 220, sass/page/_single-post.scss */
.single-post .excerpt img {
  margin: 32px auto;
  display: block;
  width: 100%; }
@media (min-width: 768px) {
  /* line 226, sass/page/_single-post.scss */
  .single-post .pic::before {
    padding-top: 61.5131%; }
  /* line 229, sass/page/_single-post.scss */
  .single-post .excerpt .alignleft {
    float: left;
    margin: 0 1em 0.5em 0;
    width: auto; }
  /* line 234, sass/page/_single-post.scss */
  .single-post .excerpt .alignright {
    float: right;
    margin: 0 0 0.5em 1em;
    width: auto; }
  /* line 239, sass/page/_single-post.scss */
  .single-post .excerpt .aligncenter {
    display: block;
    margin: 0.5em auto;
    width: auto; } }
@media (min-width: 62em) {
  /* line 246, sass/page/_single-post.scss */
  .single-post .sharing {
    display: block; }
  /* line 249, sass/page/_single-post.scss */
  .single-post .excerpt {
    line-height: 22px; }
  /* line 252, sass/page/_single-post.scss */
  .single-post .excerpt p i {
    font-size: 32px;
    line-height: 38px; }
  /* line 257, sass/page/_single-post.scss */
  .single-post .not-header {
    margin-top: 24px; }
  /* line 260, sass/page/_single-post.scss */
  .single-post .col-md-8 .post {
    padding: 15px;
    margin-bottom: 10px;
    padding-top: 26px; }
  /* line 265, sass/page/_single-post.scss */
  .single-post .title {
    margin-bottom: 0; }
  /* line 268, sass/page/_single-post.scss */
  .single-post .block {
    padding: 0px 12px;
    margin-bottom: 16px; }
  /* line 272, sass/page/_single-post.scss */
  .single-post .col-md-8 {
    padding-right: 8px; }
  /* line 275, sass/page/_single-post.scss */
  .single-post .col-md-4 {
    padding-left: 8px; }
  /* line 278, sass/page/_single-post.scss */
  .single-post #posts .pic {
    width: 35%; } }
/* line 285, sass/page/_single-post.scss */
.single-post .excerpt img,
.single-post .page-heading .img-responsive,
.single-post .post .img-responsive {
  /* 		border: 2px solid #1e2d50;		 */ }
/* line 290, sass/page/_single-post.scss */
.single-post .page-heading {
  background-image: none;
  background-size: 100% auto;
  background-position-y: 0%;
  padding-top: 4%;
  padding-bottom: 2%;
  text-align: center;
  background-color: transparent; }
  /* line 299, sass/page/_single-post.scss */
  .single-post .page-heading .button1 {
    color: #171717;
    text-transform: uppercase;
    margin: 36px 0px 20px; }
    @media (min-width: 48em) {
      /* line 299, sass/page/_single-post.scss */
      .single-post .page-heading .button1 {
        margin: 70px 0px 15px; } }
  /* line 307, sass/page/_single-post.scss */
  .single-post .page-heading .menu3.bold {
    color: #b0b0b0;
    text-transform: uppercase; }
  /* line 311, sass/page/_single-post.scss */
  .single-post .page-heading .header3 {
    color: #171717; }
/* line 316, sass/page/_single-post.scss */
.single-post .featured-image {
  position: relative; }
  /* line 318, sass/page/_single-post.scss */
  .single-post .featured-image:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/wonderpost-element1.png);
    right: -100px;
    top: -80px;
    z-index: -1;
    transform: scale(0.25) translate(150%, -150%);
    position: absolute; }
    @media (min-width: 48em) {
      /* line 318, sass/page/_single-post.scss */
      .single-post .featured-image:before {
        right: 10px;
        top: -173px;
        transform: scale(0.5) translate(100%, -50%); } }
  /* line 332, sass/page/_single-post.scss */
  .single-post .featured-image:after {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/wonderpost-element2.png);
    left: -125px;
    bottom: -22px;
    z-index: -1;
    transform: scale(0.5) translate(50%, -50%);
    position: absolute;
    display: none; }
    @media (min-width: 48em) {
      /* line 332, sass/page/_single-post.scss */
      .single-post .featured-image:after {
        display: block;
        left: -285px;
        bottom: 0px;
        transform: scale(0.5) translate(-100%, 50%); } }

/* line 52, sass/stories.scss */
.single-press {
  /*
  @media (min-width: 75em) {
  	.single-post .container {
  	    width: 1140px;
  	}
  }
  */ }
  /* line 1, sass/page/_single-press.scss */
  .single-press body {
    line-height: 1.2; }
  /* line 4, sass/page/_single-press.scss */
  .single-press input {
    border-radius: 0; }
  /* line 7, sass/page/_single-press.scss */
  .single-press a,
  .single-press a:link,
  .single-press a:visited,
  .single-press a:hover,
  .single-press a:active {
    color: #1E2D50;
    text-decoration: none; }
  /* line 15, sass/page/_single-press.scss */
  .single-press .excerpt a,
  .single-press .excerpt a span,
  .single-press .excerpt a:link,
  .single-press .excerpt a:visited,
  .single-press .excerpt a:active {
    color: #78c8c3;
    text-decoration: none;
    font-weight: 500 !important; }
  /* line 24, sass/page/_single-press.scss */
  .single-press .excerpt a:hover {
    color: #78c8c3;
    text-decoration: underline;
    font-weight: 500; }
  /* line 29, sass/page/_single-press.scss */
  .single-press .excerpt b {
    font-weight: 700;
    color: #1e2d50; }
  /* line 33, sass/page/_single-press.scss */
  .single-press .excerpt strong {
    font-weight: 500;
    color: #1e2d50; }
  /* line 37, sass/page/_single-press.scss */
  .single-press .text-3 {
    margin: 0;
    opacity: 0.5;
    padding: 13px 0px; }
  /* line 42, sass/page/_single-press.scss */
  .single-press .title {
    margin: 6px 0; }
    @media (min-width: 48em) {
      /* line 42, sass/page/_single-press.scss */
      .single-press .title {
        margin: 25px 0; } }
  /* line 50, sass/page/_single-press.scss */
  .single-press .post {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px; }
  /* line 56, sass/page/_single-press.scss */
  .single-press .post .title a:link,
  .single-press .post .title a:visited {
    color: black; }
  /* line 60, sass/page/_single-press.scss */
  .single-press .post footer {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px; }
  /* line 66, sass/page/_single-press.scss */
  .single-press .sharing {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translate(0, -50%);
    border-right: 0px;
    background-color: #F3F2F1;
    display: none; }
    /* line 74, sass/page/_single-press.scss */
    .single-press .sharing a {
      display: block;
      text-align: center; }
      /* line 77, sass/page/_single-press.scss */
      .single-press .sharing a i {
        color: #1E2D50;
        font-size: 1.5em;
        padding: 5px; }
  /* line 85, sass/page/_single-press.scss */
  .single-press .post footer span,
  .single-press .post footer .fa,
  .single-press .post footer .far,
  .single-press .post footer .fab,
  .single-press .post footer .fal {
    line-height: 20px;
    display: inline-block; }
  /* line 93, sass/page/_single-press.scss */
  .single-press .post footer .far,
  .single-press .post footer .fab,
  .single-press .post footer .fal,
  .single-press .post footer .fa {
    font-size: 20px;
    color: #1E2D50; }
  /* line 100, sass/page/_single-press.scss */
  .single-press .post footer .far:hover,
  .single-press .post footer .fab:hover,
  .single-press .post footer .fal:hover,
  .single-press .post footer .fa:hover {
    opacity: 1; }
  /* line 106, sass/page/_single-press.scss */
  .single-press .pic {
    width: 25%;
    float: left;
    margin-right: 10px;
    min-width: 80px;
    background-size: cover;
    background-position: center;
    position: relative; }
  /* line 115, sass/page/_single-press.scss */
  .single-press .pic::before {
    content: "";
    display: block;
    padding-top: 100%; }
  /* line 120, sass/page/_single-press.scss */
  .single-press .pic > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
  /* line 130, sass/page/_single-press.scss */
  .single-press h7,
  .single-press .wdp3,
  .single-press .tag {
    line-height: 1; }
  /* line 135, sass/page/_single-press.scss */
  .single-press .tag {
    font-size: 13px !important;
    letter-spacing: 0.2px; }
  /* line 139, sass/page/_single-press.scss */
  .single-press .post .tag {
    color: #818b94;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 2px; }
  /* line 146, sass/page/_single-press.scss */
  .single-press .excerpt {
    line-height: 20px;
    border-bottom: 2px solid rgba(30, 45, 80, 0.1);
    padding-bottom: 70px;
    margin-bottom: 100px; }
  /* line 155, sass/page/_single-press.scss */
  .single-press body.lang-th .excerpt {
    font-family: cloud; }
  /* line 159, sass/page/_single-press.scss */
  .single-press body.lang-th .excerpt b, .single-press body.lang-th .excerpt strong {
    font-family: cloud-semibold; }
  /* line 162, sass/page/_single-press.scss */
  .single-press body.lang-th .title {
    font-family: cloud-semibold; }
  /* line 166, sass/page/_single-press.scss */
  .single-press .excerpt p {
    margin: 0 0 0px; }
  /* line 172, sass/page/_single-press.scss */
  .single-press .tags {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 14px; }
  /* line 179, sass/page/_single-press.scss */
  .single-press .tags .tag {
    padding-top: 6px;
    padding-bottom: 6px;
    border: 2px solid #1e2d50;
    /*
        flex-grow: 1;
        -webkit-flex-grow: 1;
    */
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    margin-right: 6px;
    margin-bottom: 6px;
    margin-top: 0;
    color: #1e2d50;
    font-family: "value-bold";
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize; }
  /* line 203, sass/page/_single-press.scss */
  .single-press .tags .tag:hover {
    background-color: #1e2d50;
    color: #fff; }
  /* line 207, sass/page/_single-press.scss */
  .single-press .cat-item a {
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.4px; }
  /* line 212, sass/page/_single-press.scss */
  .single-press .cat-item a:hover {
    opacity: 1; }
  /* line 215, sass/page/_single-press.scss */
  .single-press .excerpt img {
    margin: 32px auto;
    display: block;
    /*         width: 100%; */ }
  /* line 220, sass/page/_single-press.scss */
  .single-press footer header strong {
    color: #1E2D50; }
  @media (min-width: 768px) {
    /* line 224, sass/page/_single-press.scss */
    .single-press .pic::before {
      padding-top: 61.5131%; }
    /* line 227, sass/page/_single-press.scss */
    .single-press .excerpt .alignleft {
      float: left;
      margin: 0 1em 0.5em 0;
      width: auto; }
    /* line 232, sass/page/_single-press.scss */
    .single-press .excerpt .alignright {
      float: right;
      margin: 0 0 0.5em 1em;
      width: auto; }
    /* line 237, sass/page/_single-press.scss */
    .single-press .excerpt .aligncenter {
      display: block;
      margin: 0.5em auto;
      width: auto; } }
  @media (min-width: 62em) {
    /* line 52, sass/stories.scss */
    .single-press {
      /*
          .excerpt p i {
          	font-size: 32px;
          	line-height: 38px;        
          }
      */ }
      /* line 244, sass/page/_single-press.scss */
      .single-press .sharing {
        display: none; }
      /* line 247, sass/page/_single-press.scss */
      .single-press .excerpt {
        line-height: 22px; }
      /* line 257, sass/page/_single-press.scss */
      .single-press .not-header {
        margin-top: 0px; }
      /* line 260, sass/page/_single-press.scss */
      .single-press .col-md-8 .post {
        padding: 15px;
        margin-bottom: 10px;
        padding-top: 26px; }
      /* line 265, sass/page/_single-press.scss */
      .single-press .block {
        padding: 0px 12px;
        margin-bottom: 16px; }
      /* line 269, sass/page/_single-press.scss */
      .single-press .col-md-8 {
        padding-right: 8px; }
      /* line 272, sass/page/_single-press.scss */
      .single-press .col-md-4 {
        padding-left: 8px; }
      /* line 275, sass/page/_single-press.scss */
      .single-press #posts .pic {
        width: 35%; } }
  /* line 280, sass/page/_single-press.scss */
  .single-press #primary {
    background-attachment: local;
    background-position: center bottom; }
  /* line 292, sass/page/_single-press.scss */
  .single-press .excerpt img,
  .single-press .page-heading .img-responsive,
  .single-press .post .img-responsive {
    /* 		border: 2px solid #1e2d50;		 */ }
  /* line 297, sass/page/_single-press.scss */
  .single-press .page-heading {
    background-image: none;
    background-size: 100% auto;
    background-position-y: 0%;
    padding-top: 4%;
    padding-bottom: 2%;
    text-align: center;
    background-color: transparent; }
  /* line 307, sass/page/_single-press.scss */
  .single-press .press-gallery-images article {
    width: 50%;
    margin: 0px;
    padding: 3px;
    background: none;
    float: left; }
    @media (min-width: 48em) {
      /* line 307, sass/page/_single-press.scss */
      .single-press .press-gallery-images article {
        width: 32%;
        margin: 1%;
        padding: 0px; } }
  /* line 320, sass/page/_single-press.scss */
  .single-press .press-gallery-images article:nth-child(3n+1) {
    margin-left: 0px; }
  /* line 323, sass/page/_single-press.scss */
  .single-press .press-gallery-images article:nth-child(3n+3) {
    margin-right: 0px; }
  /* line 327, sass/page/_single-press.scss */
  .single-press .press-gallery-images article .gallery-pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
  /* line 332, sass/page/_single-press.scss */
  .single-press .press-gallery-images article .gallery-pic:before {
    content: "";
    display: block;
    padding-top: 66%; }
  /* line 338, sass/page/_single-press.scss */
  .single-press .press-gallery-images:after {
    content: "";
    width: 100%;
    clear: both;
    display: block; }
  /* line 344, sass/page/_single-press.scss */
  .single-press .press-gallery-images {
    margin-top: 30px;
    margin-bottom: 30px; }
  /* line 348, sass/page/_single-press.scss */
  .single-press .download-all-btn {
    border: 2px solid #171717;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    color: #171717 !important;
    padding: 10px 35px;
    line-height: 19px;
    text-transform: uppercase; }
    /* line 358, sass/page/_single-press.scss */
    .single-press .download-all-btn.mobile-only {
      position: relative;
      text-align: center; }
  /* line 364, sass/page/_single-press.scss */
  .single-press .press-release-language .language-switcher {
    display: block;
    text-align: right;
    margin: 0px 0px 20px; }
  /* line 371, sass/page/_single-press.scss */
  .single-press .page-heading .button1 {
    color: #171717;
    text-transform: uppercase;
    margin: 25px; }
    @media (min-width: 48em) {
      /* line 371, sass/page/_single-press.scss */
      .single-press .page-heading .button1 {
        margin: 0px; } }
  /* line 379, sass/page/_single-press.scss */
  .single-press .page-heading .header-small {
    color: #b0b0b0;
    text-transform: uppercase; }
  /* line 383, sass/page/_single-press.scss */
  .single-press .page-heading .header3 {
    color: #171717; }

/* line 55, sass/stories.scss */
.post-type-archive-activity {
  /* 	List View Styles */
  /* 	Toggle Styles */
  /*
  	&.venueview .content-submenu .container .button-venueview, 
  	&.gridview .content-submenu .container .button-gridview, 
  	&.listview .content-submenu .container .button-listview {
  	    color: #b0b0b0;
  	}
  	
  */ }
  /* line 2, sass/page/_archive-activity.scss */
  .post-type-archive-activity .content-header {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/directory_mob_bg.jpg);
    background-size: 100% auto;
    background-position-y: 50%; }
  @media (min-width: 62em) {
    /* line 8, sass/page/_archive-activity.scss */
    .post-type-archive-activity .content-header {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/directory_bg.jpg);
      background-size: cover; } }
  /* line 14, sass/page/_archive-activity.scss */
  .post-type-archive-activity #main {
    background-color: #1E2D50; }
  /* line 19, sass/page/_archive-activity.scss */
  .post-type-archive-activity .featured-row img,
  .post-type-archive-activity .others-row img,
  .post-type-archive-activity .lineup-row img {
    width: 100%; }
  /* line 24, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist > a {
    display: block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
    width: 100%; }
    /* line 31, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist > a:hover .artist-name {
      opacity: .4; }
    /* line 34, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist > a:active .artist-name {
      opacity: .7; }
    @media (min-width: 48em) {
      /* line 24, sass/page/_archive-activity.scss */
      .post-type-archive-activity .artist > a {
        overflow: hidden; } }
  /* line 42, sass/page/_archive-activity.scss */
  .post-type-archive-activity .toggle-label {
    color: #1E2D50;
    font-family: value-medium;
    font-size: 14px;
    line-height: 30px;
    display: inline;
    margin-right: 5px; }
  /* line 51, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist-name {
    color: white;
    line-height: 20px; }
    @media (min-width: 48em) {
      /* line 51, sass/page/_archive-activity.scss */
      .post-type-archive-activity .artist-name {
        line-height: 24px; } }
  /* line 60, sass/page/_archive-activity.scss */
  .post-type-archive-activity .gridview-tab .artist-list-item {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 24px; }
    /* line 66, sass/page/_archive-activity.scss */
    .post-type-archive-activity .gridview-tab .artist-list-item .artist-pillar {
      color: #707070;
      letter-spacing: 0.7px; }
    /* line 70, sass/page/_archive-activity.scss */
    .post-type-archive-activity .gridview-tab .artist-list-item .artist-other-cat {
      display: none; }
  /* line 77, sass/page/_archive-activity.scss */
  .post-type-archive-activity .listview-tab .artist-list-item {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 24px; }
    /* line 84, sass/page/_archive-activity.scss */
    .post-type-archive-activity .listview-tab .artist-list-item .artist-pillar {
      display: none; }
    /* line 87, sass/page/_archive-activity.scss */
    .post-type-archive-activity .listview-tab .artist-list-item .artist-other-cat {
      color: #707070;
      letter-spacing: 0.7px; }
  /* line 94, sass/page/_archive-activity.scss */
  .post-type-archive-activity .venueview-tab .artist {
    width: 50%;
    float: left;
    margin: 80px 0px 0px; }
    @media (min-width: 48em) {
      /* line 94, sass/page/_archive-activity.scss */
      .post-type-archive-activity .venueview-tab .artist {
        width: 25%; } }
  /* line 102, sass/page/_archive-activity.scss */
  .post-type-archive-activity .venueview-tab .artist-list-item {
    display: block;
    text-align: center;
    min-height: 42px;
    margin-top: 15px; }
    /* line 107, sass/page/_archive-activity.scss */
    .post-type-archive-activity .venueview-tab .artist-list-item .artist-pillar {
      color: #707070;
      letter-spacing: 0.7px; }
    /* line 111, sass/page/_archive-activity.scss */
    .post-type-archive-activity .venueview-tab .artist-list-item .artist-other-cat {
      display: none; }
  /* line 116, sass/page/_archive-activity.scss */
  .post-type-archive-activity .venueview-tab .artist-img-container {
    display: block;
    width: 140px;
    margin: auto; }
  /* line 123, sass/page/_archive-activity.scss */
  .post-type-archive-activity .more-to-announce {
    color: #FF6464;
    font-family: value-bold;
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 24px;
    text-align: center;
    padding: 15%; }
  /* line 132, sass/page/_archive-activity.scss */
  .post-type-archive-activity .category {
    margin: 24px 0px 13px;
    color: white; }
  @media (min-width: 62em) {
    /* line 137, sass/page/_archive-activity.scss */
    .post-type-archive-activity .category {
      margin: 40px 0px; }
    /* line 141, sass/page/_archive-activity.scss */
    .post-type-archive-activity .featured-row .artist-popup-link,
    .post-type-archive-activity .others-row .artist-popup-link,
    .post-type-archive-activity .lineup-row .artist-popup-link {
      width: 100%;
      height: 100%; }
    /* line 148, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist > a::after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      padding-top: 66.7%; }
    /* line 158, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist > a:hover::after {
      background-color: #000;
      opacity: 0.5; }
    /* line 162, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist article div {
      display: block;
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 4px; }
    /* line 169, sass/page/_archive-activity.scss */
    .post-type-archive-activity .category-description {
      font-size: 24px;
      line-height: 30px;
      padding: 43px 0px; }
    /* line 174, sass/page/_archive-activity.scss */
    .post-type-archive-activity .featured-heading {
      color: #1E2D50;
      font-family: value-bold;
      font-size: 24px;
      line-height: 28px; }
    /* line 180, sass/page/_archive-activity.scss */
    .post-type-archive-activity .toggle-label {
      font-size: 14px;
      line-height: 30px;
      margin-right: 5px; }
    /* line 185, sass/page/_archive-activity.scss */
    .post-type-archive-activity .page-heading h2.page-title {
      padding-bottom: 5%;
      padding-top: 0%; }
    /* line 189, sass/page/_archive-activity.scss */
    .post-type-archive-activity .page-subtitle {
      font-size: 20px;
      line-height: 24px;
      padding-top: 7%;
      padding-left: 7%;
      text-align: left; }
    /* line 196, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist-name {
      line-height: 26px; }
    /* line 199, sass/page/_archive-activity.scss */
    .post-type-archive-activity .more-to-announce {
      font-size: 28px;
      line-height: 33px;
      padding: 5%; } }
  /* line 209, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist {
    float: none;
    width: 100%;
    margin: 0 0 20px; }
    @media (min-width: 48em) {
      /* line 209, sass/page/_archive-activity.scss */
      .post-type-archive-activity .artist {
        width: 80%; } }
  /* line 217, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist > a {
    position: relative;
    padding-top: 0px; }
  /* line 221, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist > a::after {
    display: none; }
  /* line 224, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist .artist-popup-link {
    display: inline-block;
    width: 64px;
    position: relative; }
  /* line 229, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist article {
    display: inline-block;
    padding: 0;
    margin: 0; }
  /* line 234, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist article span,
  .post-type-archive-activity .artist article div {
    position: absolute;
    text-align: left;
    transform: none; }
  @media (min-width: 62em) {
    /* line 242, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist article {
      display: inline-block;
      margin-left: 15px; }
    /* line 246, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist article .artist-name,
    .post-type-archive-activity .artist article div {
      width: 50%; } }
  /* line 253, sass/page/_archive-activity.scss */
  .post-type-archive-activity #container-body {
    position: relative;
    padding-top: 20px;
    padding-bottom: 250px; }
  /* line 258, sass/page/_archive-activity.scss */
  .post-type-archive-activity .view-switcher {
    right: 0px;
    position: relative;
    top: 0px;
    z-index: 1; }
  @media (min-width: 62em) {
    /* line 265, sass/page/_archive-activity.scss */
    .post-type-archive-activity .view-switcher {
      position: absolute;
      top: 100px; } }
  /* line 273, sass/page/_archive-activity.scss */
  .post-type-archive-activity.venueview .venueview-tab, .post-type-archive-activity.listview .listview-tab, .post-type-archive-activity.gridview .gridview-tab {
    display: block; }
  /* line 278, sass/page/_archive-activity.scss */
  .post-type-archive-activity.venueview .listview-tab, .post-type-archive-activity.venueview .gridview-tab, .post-type-archive-activity.gridview .listview-tab, .post-type-archive-activity.gridview .venueview-tab, .post-type-archive-activity.listview .venueview-tab, .post-type-archive-activity.listview .gridview-tab {
    display: none; }
  /* line 287, sass/page/_archive-activity.scss */
  .post-type-archive-activity .content-submenu .container .submenu-link.button-gridview,
  .post-type-archive-activity .content-submenu .container .submenu-link.button-listview,
  .post-type-archive-activity .content-submenu .container .submenu-link.button-venueview {
    color: #b0b0b0; }
  /* line 295, sass/page/_archive-activity.scss */
  .post-type-archive-activity.venueview .content-submenu .container .submenu-link.button-venueview, .post-type-archive-activity.gridview .content-submenu .container .submenu-link.button-gridview, .post-type-archive-activity.listview .content-submenu .container .submenu-link.button-listview {
    color: #171717; }
  /* line 309, sass/page/_archive-activity.scss */
  .post-type-archive-activity .content-submenu .container .submenu-link.button-listview:hover,
  .post-type-archive-activity .content-submenu .container .submenu-link.button-gridview:hover,
  .post-type-archive-activity .content-submenu .container .submenu-link.button-venueview:hover {
    color: #888888 !important; }
  /* line 315, sass/page/_archive-activity.scss */
  .post-type-archive-activity .highlight-section {
    background-color: rgba(60, 95, 160, 0.8);
    padding: 30px 0px; }
    @media (min-width: 48em) {
      /* line 315, sass/page/_archive-activity.scss */
      .post-type-archive-activity .highlight-section {
        background-color: rgba(60, 95, 160, 0.8);
        padding: 60px 0px; } }
  /* line 324, sass/page/_archive-activity.scss */
  .post-type-archive-activity .highlight-section:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/directory-element-1.png);
    left: -270px;
    bottom: 0px;
    transform: scale(1);
    position: absolute; }
    @media (min-width: 48em) {
      /* line 324, sass/page/_archive-activity.scss */
      .post-type-archive-activity .highlight-section:before {
        left: 0px;
        bottom: 0px;
        transform: unset; } }
  /* line 338, sass/page/_archive-activity.scss */
  .post-type-archive-activity .highlight-section .header2 {
    color: white;
    text-align: center;
    line-height: 34px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 338, sass/page/_archive-activity.scss */
      .post-type-archive-activity .highlight-section .header2 {
        color: white;
        line-height: 46px;
        text-align: left; } }
  /* line 351, sass/page/_archive-activity.scss */
  .post-type-archive-activity .highlight-section .button1 {
    border: 2px solid white;
    width: 250px;
    color: white;
    display: block;
    padding: 13px;
    text-transform: uppercase;
    float: none;
    text-align: center;
    margin: 15px auto; }
  /* line 362, sass/page/_archive-activity.scss */
  .post-type-archive-activity .highlight-section .button1:hover {
    color: rgba(60, 95, 160, 0.8);
    background-color: white; }
  /* line 366, sass/page/_archive-activity.scss */
  .post-type-archive-activity .highlight-section .button1:active {
    opacity: .8; }
  @media (min-width: 62em) {
    /* line 370, sass/page/_archive-activity.scss */
    .post-type-archive-activity .highlight-section .button1 {
      text-align: center;
      vertical-align: middle;
      float: right;
      margin: 0px; } }
  /* line 378, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist-img-container {
    width: 50px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    position: relative; }
  /* line 387, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist-img {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .1s ease-out;
    -webkit-transition: .1s ease-out; }
  /* line 395, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist a:hover .artist-img {
    transform: scale(1.1); }
  /* line 398, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist a:hover .artist-img-container:after {
    content: "";
    display: block;
    width: 100%;
    background-color: rgba(23, 23, 23, 0.2);
    height: 100%;
    position: absolute;
    top: 0px; }
  /* line 407, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist a:active .artist-img-container:after {
    background-color: rgba(23, 23, 23, 0.4); }
  /* line 410, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist a:hover .artist-name {
    font-weight: bold; }
  /* line 414, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist-img:after {
    content: "";
    display: block;
    padding-bottom: 100%; }
  /* line 421, sass/page/_archive-activity.scss */
  .post-type-archive-activity .category-divider {
    background-color: white;
    opacity: .5;
    height: 1px;
    margin: 45px 15px 10px; }
  /* line 427, sass/page/_archive-activity.scss */
  .post-type-archive-activity .letter-menu {
    display: none;
    color: white;
    position: absolute;
    top: 35px;
    right: 10px; }
    @media (min-width: 48em) {
      /* line 427, sass/page/_archive-activity.scss */
      .post-type-archive-activity .letter-menu {
        display: none;
        top: 50px;
        right: 50px; } }
    /* line 438, sass/page/_archive-activity.scss */
    .post-type-archive-activity .letter-menu a {
      position: relative; }
      /* line 440, sass/page/_archive-activity.scss */
      .post-type-archive-activity .letter-menu a .hover-letter {
        padding: 18px 18px 18px 15px;
        position: absolute;
        left: 0px;
        transform: translate(-110%, -21px);
        text-align: center;
        display: none;
        background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/letter-bg.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
      /* line 452, sass/page/_archive-activity.scss */
      .post-type-archive-activity .letter-menu a:hover .hover-letter {
        display: block;
        color: #1E2D50; }
    /* line 457, sass/page/_archive-activity.scss */
    .post-type-archive-activity .letter-menu.letter-menu-sticky {
      position: fixed;
      top: 70px; }
      @media (min-width: 48em) {
        /* line 457, sass/page/_archive-activity.scss */
        .post-type-archive-activity .letter-menu.letter-menu-sticky {
          top: 200px; } }
  /* line 465, sass/page/_archive-activity.scss */
  .post-type-archive-activity.gridview .letter-menu {
    display: block; }
    @media (min-width: 48em) {
      /* line 465, sass/page/_archive-activity.scss */
      .post-type-archive-activity.gridview .letter-menu {
        display: none; } }
  /* line 471, sass/page/_archive-activity.scss */
  .post-type-archive-activity .anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden; }

/* line 1, sass/page/_single-activity.scss */
.single-activity section:after {
  clear: both;
  content: " ";
  display: table; }
/* line 7, sass/page/_single-activity.scss */
.single-activity .container-fluid {
  padding-right: 0px;
  padding-left: 0px; }
/* line 13, sass/page/_single-activity.scss */
.single-activity .title-container {
  padding-top: 4%;
  padding-bottom: 4%; }
/* line 17, sass/page/_single-activity.scss */
.single-activity .sharing {
  position: absolute;
  left: 50%;
  bottom: -85px;
  border-right: 0px;
  transform: translateX(-50%); }
  @media (min-width: 48em) {
    /* line 17, sass/page/_single-activity.scss */
    .single-activity .sharing {
      position: absolute;
      left: 0px;
      bottom: 45%;
      transform: unset; } }
  /* line 32, sass/page/_single-activity.scss */
  .single-activity .sharing a i {
    color: #1E2D50;
    font-size: 1.5em;
    padding: 0px 15px 35px; }
    @media (min-width: 48em) {
      /* line 32, sass/page/_single-activity.scss */
      .single-activity .sharing a i {
        color: white;
        padding: 0px 25px 35px 0px; } }
    /* line 41, sass/page/_single-activity.scss */
    .single-activity .sharing a i:hover {
      transform: scale(1.1); }
    /* line 44, sass/page/_single-activity.scss */
    .single-activity .sharing a i:active {
      opacity: .7; }
/* line 52, sass/page/_single-activity.scss */
.single-activity .sharing a {
  display: inline-block;
  text-align: center; }
@media (min-width: 62em) {
  /* line 58, sass/page/_single-activity.scss */
  .single-activity .title-container {
    position: absolute;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    padding-right: 50px; }
  /* line 66, sass/page/_single-activity.scss */
  .single-activity .section-description {
    margin: 54px 0px; }
  /* line 70, sass/page/_single-activity.scss */
  .single-activity .sharing {
    left: 70px;
    bottom: 0px; } }
/* line 79, sass/page/_single-activity.scss */
.single-activity .frame {
  /*
      padding: 12px;
  	@include breakpoint(md) {    
      	padding: 22px;
  	}
  */
  padding: 3.2%;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
/* line 93, sass/page/_single-activity.scss */
.single-activity .pic {
  width: 100%;
  background-size: cover;
  background-position: center;
  /*                 background-color: #D1CCCA; */
  /*                 border: 2px solid #1e2d50; */
  margin-top: 0px;
  position: relative; }
/* line 102, sass/page/_single-activity.scss */
.single-activity .pic::before {
  content: "";
  display: block;
  padding-top: 100%; }
/* line 107, sass/page/_single-activity.scss */
.single-activity .pic::after {
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0px;
  left: 0px; }
  @media (min-width: 48em) {
    /* line 107, sass/page/_single-activity.scss */
    .single-activity .pic::after {
      background-color: transparent; } }
/* line 120, sass/page/_single-activity.scss */
.single-activity .artist-heading {
  padding: 0px;
  display: block;
  position: relative;
  z-index: 1;
  margin: 0px;
  width: 100%; }
  @media (min-width: 48em) {
    /* line 120, sass/page/_single-activity.scss */
    .single-activity .artist-heading {
      display: flex; } }
  /* line 131, sass/page/_single-activity.scss */
  .single-activity .artist-heading > div {
    padding: 0px; }
/* line 135, sass/page/_single-activity.scss */
.single-activity .back-button {
  text-transform: uppercase;
  color: white;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 36px; }
  /* line 142, sass/page/_single-activity.scss */
  .single-activity .back-button > div, .single-activity .back-button i {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px; }
  /* line 148, sass/page/_single-activity.scss */
  .single-activity .back-button:hover {
    opacity: .7; }
/* line 153, sass/page/_single-activity.scss */
.single-activity .info-column {
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%); }
  @media (min-width: 48em) {
    /* line 153, sass/page/_single-activity.scss */
    .single-activity .info-column {
      position: relative;
      bottom: initial;
      height: auto;
      width: 50%;
      left: initial;
      transform: initial; } }
  /* line 168, sass/page/_single-activity.scss */
  .single-activity .info-column .title-container-inner {
    position: absolute;
    bottom: 15px;
    width: 100%; }
    @media (min-width: 48em) {
      /* line 168, sass/page/_single-activity.scss */
      .single-activity .info-column .title-container-inner {
        position: relative;
        bottom: unset;
        width: 100%; } }
/* line 181, sass/page/_single-activity.scss */
.single-activity .pillar-title {
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 2.8px;
  margin: 0px;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 181, sass/page/_single-activity.scss */
    .single-activity .pillar-title {
      margin: 9px 0px 9px;
      text-align: left; } }
/* line 193, sass/page/_single-activity.scss */
.single-activity .page-title {
  color: white;
  line-height: 1.19;
  letter-spacing: 1.7px;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 193, sass/page/_single-activity.scss */
    .single-activity .page-title {
      text-align: left; } }
/* line 202, sass/page/_single-activity.scss */
.single-activity .artist-venue,
.single-activity .artist-schedule {
  color: white;
  letter-spacing: 2.8px;
  line-height: 1.43;
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 202, sass/page/_single-activity.scss */
    .single-activity .artist-venue,
    .single-activity .artist-schedule {
      text-align: left; } }
/* line 214, sass/page/_single-activity.scss */
.single-activity .triangles {
  width: 146px;
  margin: 10px auto 6px;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 214, sass/page/_single-activity.scss */
    .single-activity .triangles {
      width: 168px;
      text-align: left;
      margin: 20px 0px 27px; } }
/* line 225, sass/page/_single-activity.scss */
.single-activity .triangles svg {
  fill: white; }
/* line 228, sass/page/_single-activity.scss */
.single-activity .pillar-title {
  color: white; }
/* line 232, sass/page/_single-activity.scss */
.single-activity .music-activity .frame {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/frame-music.jpg); }
/* line 235, sass/page/_single-activity.scss */
.single-activity .music-activity .artist-heading {
  background-color: #1E2D50; }
@media (min-width: 48em) {
  /* line 239, sass/page/_single-activity.scss */
  .single-activity .music-activity .triangles svg {
    fill: #78C8C3; }
  /* line 242, sass/page/_single-activity.scss */
  .single-activity .music-activity .pillar-title {
    color: #78c8c3; } }
/* line 248, sass/page/_single-activity.scss */
.single-activity .arts-activity .frame {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/frame-art.jpg); }
/* line 251, sass/page/_single-activity.scss */
.single-activity .arts-activity .artist-heading {
  background-color: #8B6751; }
@media (min-width: 48em) {
  /* line 255, sass/page/_single-activity.scss */
  .single-activity .arts-activity .triangles svg {
    fill: #FF6464; }
  /* line 258, sass/page/_single-activity.scss */
  .single-activity .arts-activity .pillar-title {
    color: #FF6464; } }
/* line 264, sass/page/_single-activity.scss */
.single-activity .talks-workshops-activity .frame {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/frame-talks.jpg); }
/* line 267, sass/page/_single-activity.scss */
.single-activity .talks-workshops-activity .artist-heading {
  background-color: #D36868; }
@media (min-width: 48em) {
  /* line 271, sass/page/_single-activity.scss */
  .single-activity .talks-workshops-activity .triangles svg {
    fill: #FFC08B; }
  /* line 274, sass/page/_single-activity.scss */
  .single-activity .talks-workshops-activity .pillar-title {
    color: #FFC08B; } }
/* line 280, sass/page/_single-activity.scss */
.single-activity .wellness-adventures-activity .frame {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/frame-wellness.jpg); }
/* line 283, sass/page/_single-activity.scss */
.single-activity .wellness-adventures-activity .artist-heading {
  background-color: #3C5FA0; }
@media (min-width: 48em) {
  /* line 287, sass/page/_single-activity.scss */
  .single-activity .wellness-adventures-activity .triangles svg {
    fill: #AAEBFF; }
  /* line 290, sass/page/_single-activity.scss */
  .single-activity .wellness-adventures-activity .pillar-title {
    color: #AAEBFF; } }
/* line 296, sass/page/_single-activity.scss */
.single-activity .family-activity .frame {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/frame-family.jpg); }
/* line 299, sass/page/_single-activity.scss */
.single-activity .family-activity .artist-heading {
  background-color: #7DC9E0; }
@media (min-width: 48em) {
  /* line 303, sass/page/_single-activity.scss */
  .single-activity .family-activity .triangles svg {
    fill: #3C5FA0; }
  /* line 306, sass/page/_single-activity.scss */
  .single-activity .family-activity .pillar-title {
    color: #3C5FA0; } }
/* line 312, sass/page/_single-activity.scss */
.single-activity .farm-to-feasts-activity .frame {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/frame-feasts.jpg); }
/* line 315, sass/page/_single-activity.scss */
.single-activity .farm-to-feasts-activity .artist-heading {
  background-color: #5EA592; }
@media (min-width: 48em) {
  /* line 319, sass/page/_single-activity.scss */
  .single-activity .farm-to-feasts-activity .triangles svg {
    fill: #84DDE2; }
  /* line 322, sass/page/_single-activity.scss */
  .single-activity .farm-to-feasts-activity .pillar-title {
    color: #84DDE2; } }
/* line 329, sass/page/_single-activity.scss */
.single-activity .venue-activity .frame,
.single-activity .camps-activity .frame {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/frame-camps.jpg); }
/* line 332, sass/page/_single-activity.scss */
.single-activity .venue-activity .artist-heading,
.single-activity .camps-activity .artist-heading {
  background-color: #B48264; }
@media (min-width: 48em) {
  /* line 336, sass/page/_single-activity.scss */
  .single-activity .venue-activity .triangles svg,
  .single-activity .camps-activity .triangles svg {
    fill: #FFD1AA; }
  /* line 339, sass/page/_single-activity.scss */
  .single-activity .venue-activity .pillar-title,
  .single-activity .camps-activity .pillar-title {
    color: #FFC08B; } }
/* line 345, sass/page/_single-activity.scss */
.single-activity .artist-description {
  margin: 20px 0px;
  color: #888888; }
  @media (min-width: 48em) {
    /* line 345, sass/page/_single-activity.scss */
    .single-activity .artist-description {
      margin: 0px;
      color: white;
      margin-top: 35px; }
      /* line 353, sass/page/_single-activity.scss */
      .single-activity .artist-description.artist-related {
        color: #888888;
        margin-top: 0px; } }
  /* line 359, sass/page/_single-activity.scss */
  .single-activity .artist-description.desktop-only {
    margin-top: 35px; }
  /* line 362, sass/page/_single-activity.scss */
  .single-activity .artist-description ul {
    list-style: inside; }
  /* line 365, sass/page/_single-activity.scss */
  .single-activity .artist-description a {
    font-weight: bold; }
  /* line 369, sass/page/_single-activity.scss */
  .single-activity .artist-description.artist-related a {
    color: #78C8C3; }
    /* line 371, sass/page/_single-activity.scss */
    .single-activity .artist-description.artist-related a:hover {
      color: #6AADA9; }
  /* line 376, sass/page/_single-activity.scss */
  .single-activity .artist-description.artist-related h1 {
    font-family: Value;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 4.2px;
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 376, sass/page/_single-activity.scss */
      .single-activity .artist-description.artist-related h1 {
        margin: 34px 0px 40px; } }
  /* line 388, sass/page/_single-activity.scss */
  .single-activity .artist-description.artist-related iframe,
  .single-activity .artist-description.artist-related audio,
  .single-activity .artist-description.artist-related p,
  .single-activity .artist-description.artist-related video {
    margin-bottom: 20px; }
    @media (min-width: 48em) {
      /* line 388, sass/page/_single-activity.scss */
      .single-activity .artist-description.artist-related iframe,
      .single-activity .artist-description.artist-related audio,
      .single-activity .artist-description.artist-related p,
      .single-activity .artist-description.artist-related video {
        margin-bottom: 24px; } }
/* line 399, sass/page/_single-activity.scss */
.single-activity .section-label {
  margin: 80px 0px 38px;
  color: #171717;
  border-bottom: 1px solid #171717;
  padding-bottom: 16px; }
  @media (min-width: 48em) {
    /* line 399, sass/page/_single-activity.scss */
    .single-activity .section-label {
      padding-bottom: 24px; } }
/* line 409, sass/page/_single-activity.scss */
.single-activity audio {
  width: 100%; }
/* line 412, sass/page/_single-activity.scss */
.single-activity .related-content > * {
  margin: 20px 0px; }
/* line 415, sass/page/_single-activity.scss */
.single-activity .related-content iframe {
  height: 460px; }

/* line 62, sass/stories.scss */
.post-type-archive-podcast {
  /*******************************************  NEW  ******************************************/
  /* 768px */
  /*
  #button-load-more .load-msg {
      display: none;
  }
  #button-load-more.loading div,
  #button-load-more.loading:hover div,
  #button-load-more.loading:active div {
      display: none;
  }
  #button-load-more.loading .load-msg {
      display: inline-block !important;
  }
  */ }
  /* line 1, sass/page/_post.scss */
  .post-type-archive-podcast body {
    line-height: 1.2; }
  /* line 4, sass/page/_post.scss */
  .post-type-archive-podcast input {
    border-radius: 0; }
  /* line 9, sass/page/_post.scss */
  .post-type-archive-podcast .excerpt a,
  .post-type-archive-podcast .excerpt a:link,
  .post-type-archive-podcast .excerpt a:visited,
  .post-type-archive-podcast .excerpt a:hover,
  .post-type-archive-podcast .excerpt a:active {
    color: #171717;
    text-decoration: none; }
  /* line 18, sass/page/_post.scss */
  .post-type-archive-podcast .overhead {
    width: 100%;
    position: relative;
    margin-top: 0px;
    background-position: center;
    background-size: cover; }
  /* line 25, sass/page/_post.scss */
  .post-type-archive-podcast .overhead::before {
    content: "";
    display: block;
    padding-top: 133%; }
  /* line 32, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .container {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 32, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .container {
        text-align: left; } }
  /* line 46, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .container > .row,
  .post-type-archive-podcast .overhead .container > .row > .col-md-8,
  .post-type-archive-podcast .overhead .slider,
  .post-type-archive-podcast .slide-wrap {
    height: 100%; }
  /* line 52, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .container > .row,
  .post-type-archive-podcast .overhead .container > .row > .col-md-8 {
    padding: 0;
    margin: 0; }
  /* line 57, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .slider {
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto; }
  /* line 63, sass/page/_post.scss */
  .post-type-archive-podcast .slide-wrap {
    width: 100%;
    background-color: #a5a7a9;
    /*         position: absolute; */
    white-space: normal;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s opacity;
    -webkit-transition: 0.3s opacity;
    display: block;
    opacity: 1; }
  /* line 76, sass/page/_post.scss */
  .post-type-archive-podcast .read-more:active {
    opacity: 0.7; }
  /* line 80, sass/page/_post.scss */
  .post-type-archive-podcast .block.navigator .h-e.cat {
    margin-bottom: 24px; }
  /* line 83, sass/page/_post.scss */
  .post-type-archive-podcast .post {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 10px; }
  /* line 89, sass/page/_post.scss */
  .post-type-archive-podcast .post:first-child {
    padding-top: 0; }
  /* line 92, sass/page/_post.scss */
  .post-type-archive-podcast .post:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  /* line 98, sass/page/_post.scss */
  .post-type-archive-podcast .post footer {
    font-size: 0;
    display: none;
    margin-top: 0px; }
  /* line 104, sass/page/_post.scss */
  .post-type-archive-podcast .pic {
    width: 25%;
    float: left;
    margin-right: 8px;
    background-color: #D1CCCA;
    min-width: 80px;
    background-size: cover;
    background-position: center;
    position: relative;
    /*         border:2px solid #1e2d50; */ }
  /* line 115, sass/page/_post.scss */
  .post-type-archive-podcast .pic::before {
    content: "";
    display: block;
    padding-top: 100%; }
  /* line 120, sass/page/_post.scss */
  .post-type-archive-podcast .pic > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
  /* line 129, sass/page/_post.scss */
  .post-type-archive-podcast .post-body {
    overflow: hidden; }
  /* line 133, sass/page/_post.scss */
  .post-type-archive-podcast h7,
  .post-type-archive-podcast .text-1,
  .post-type-archive-podcast .tag {
    line-height: 1; }
  /* line 138, sass/page/_post.scss */
  .post-type-archive-podcast .post .tag {
    color: #171717;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 3px; }
  /* line 146, sass/page/_post.scss */
  .post-type-archive-podcast .excerpt {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 8px; }
  /* line 155, sass/page/_post.scss */
  .post-type-archive-podcast .lang-th .excerpt {
    line-height: 24px; }
  /* line 158, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-sidebar {
    margin-top: 20px; }
  /* line 162, sass/page/_post.scss */
  .post-type-archive-podcast .block .post {
    padding: 10px 0;
    overflow: hidden; }
  /* line 166, sass/page/_post.scss */
  .post-type-archive-podcast .block .post header div {
    margin-bottom: 0;
    line-height: 20px; }
  /* line 170, sass/page/_post.scss */
  .post-type-archive-podcast .block .post .pic {
    margin-right: 10px; }
  /* line 174, sass/page/_post.scss */
  .post-type-archive-podcast .block.subscribe {
    border: 0;
    background-color: #6fbccc;
    color: #fff; }
  /* line 179, sass/page/_post.scss */
  .post-type-archive-podcast .block.subscribe > header {
    color: #fff;
    margin-bottom: 16px; }
  /* line 183, sass/page/_post.scss */
  .post-type-archive-podcast .row.search .text {
    color: white;
    background-color: transparent;
    border: 1px solid white;
    outline: 0;
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 25px;
    line-height: 1.2;
    overflow: visible; }
  /* line 195, sass/page/_post.scss */
  .post-type-archive-podcast body:not(.lang-th) .block.subscribe .text,
  .post-type-archive-podcast body:not(.lang-th) .row.search .text {
    letter-spacing: 0.9px;
    padding: 12px 10px 8px; }
  /* line 200, sass/page/_post.scss */
  .post-type-archive-podcast .block.subscribe .text::-webkit-input-placeholder,
  .post-type-archive-podcast .row.search .text::-webkit-input-placeholder {
    line-height: 1.2; }
  /* line 204, sass/page/_post.scss */
  .post-type-archive-podcast .block.subscribe .button {
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    width: 100%;
    background: none;
    padding: 10px;
    margin-top: 8px; }
  /* line 214, sass/page/_post.scss */
  .post-type-archive-podcast .block.tags {
    padding-bottom: 19px;
    padding-right: 4px; }
  /* line 218, sass/page/_post.scss */
  .post-type-archive-podcast .block.tags .inner {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 14px; }
  /* line 226, sass/page/_post.scss */
  .post-type-archive-podcast .block.navigator {
    float: right;
    border: 0;
    padding: 0;
    width: 220px;
    top: 50%;
    position: relative;
    margin: 0;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0); }
  /* line 237, sass/page/_post.scss */
  .post-type-archive-podcast #primary {
    background-attachment: local;
    background-position: center bottom; }
  /* line 241, sass/page/_post.scss */
  .post-type-archive-podcast .row.search {
    margin-top: 26px; }
  /* line 244, sass/page/_post.scss */
  .post-type-archive-podcast .row.search .text {
    border: 1px solid black;
    background-color: transparent;
    margin: 0; }
  /* line 249, sass/page/_post.scss */
  .post-type-archive-podcast .hide-search .row.search {
    display: none; }
  /* line 252, sass/page/_post.scss */
  .post-type-archive-podcast .blahblah {
    margin-top: 30px; }
  /* line 255, sass/page/_post.scss */
  .post-type-archive-podcast .cat-item a {
    text-transform: uppercase; }
  /* line 259, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .category-list,
  .post-type-archive-podcast .overhead .triangles,
  .post-type-archive-podcast .title-wrap {
    position: relative;
    height: 100%;
    margin: 0 auto; }
  /* line 269, sass/page/_post.scss */
  .post-type-archive-podcast #newsletter-submit:hover {
    background: #fff;
    color: #6fbccc; }
  /* line 273, sass/page/_post.scss */
  .post-type-archive-podcast #newsletter-submit:active {
    background: #fff;
    color: #6fbccc;
    opacity: 0.5; }
  @media (min-width: 768px) {
    /* line 279, sass/page/_post.scss */
    .post-type-archive-podcast .pic::before {
      padding-top: 61.5131%; }
    /* line 282, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .category-list,
    .post-type-archive-podcast .overhead .triangles,
    .post-type-archive-podcast .title-wrap {
      width: 720px; }
    /* line 289, sass/page/_post.scss */
    .post-type-archive-podcast .wdp1 {
      line-height: 58px; }
    /* line 292, sass/page/_post.scss */
    .post-type-archive-podcast .lang-th .wdp1 {
      font-family: cloud-semibold;
      line-height: 42px; }
    /* line 296, sass/page/_post.scss */
    .post-type-archive-podcast .slider-nav {
      left: 0;
      right: 0;
      text-align: center; } }
  @media (min-width: 62em) {
    /* line 62, sass/stories.scss */
    .post-type-archive-podcast {
      /*
          .slide-wrap::before {
              display: none;
          }
      */ }
      /* line 303, sass/page/_post.scss */
      .post-type-archive-podcast .blahblah {
        margin-top: 24px; }
      /* line 306, sass/page/_post.scss */
      .post-type-archive-podcast .pic {
        margin-right: 32px; }
      /* line 309, sass/page/_post.scss */
      .post-type-archive-podcast .post-body {
        /*             overflow: visible; */ }
      /* line 312, sass/page/_post.scss */
      .post-type-archive-podcast .excerpt {
        line-height: 22px;
        margin-top: 14px; }
      /* line 316, sass/page/_post.scss */
      .post-type-archive-podcast #posts_remaining .post footer,
      .post-type-archive-podcast #posts .post footer {
        font-size: 0;
        margin-top: 0; }
      /* line 321, sass/page/_post.scss */
      .post-type-archive-podcast .wdp4 {
        line-height: 40px !important; }
      /* line 324, sass/page/_post.scss */
      .post-type-archive-podcast .lang-th .wdp3 {
        font-family: cloud;
        font-size: 17px; }
      /* line 328, sass/page/_post.scss */
      .post-type-archive-podcast .lang-th .wdp4 {
        font-family: cloud-semibold;
        font-size: 34px !important;
        line-height: 32px !important;
        letter-spacing: 1px; }
      /* line 335, sass/page/_post.scss */
      .post-type-archive-podcast .block .post {
        padding: 16px 0 20px; }
      /* line 338, sass/page/_post.scss */
      .post-type-archive-podcast .block .post:first-child {
        padding-top: 20px; }
      /* line 341, sass/page/_post.scss */
      .post-type-archive-podcast .block.cats .post {
        padding: 10px 0; }
      /* line 344, sass/page/_post.scss */
      .post-type-archive-podcast .block.cats .post:first-child {
        padding: 16px 0 5px; }
      /* line 347, sass/page/_post.scss */
      .post-type-archive-podcast .col-md-8 {
        padding-right: 8px; }
      /* line 350, sass/page/_post.scss */
      .post-type-archive-podcast .pull-up-desktop {
        margin-top: -62px; }
      /* line 353, sass/page/_post.scss */
      .post-type-archive-podcast .hide-search .pull-up-desktop {
        margin-top: 0; }
      /* line 356, sass/page/_post.scss */
      .post-type-archive-podcast .col-md-4 {
        padding-left: 8px; }
      /* line 359, sass/page/_post.scss */
      .post-type-archive-podcast #posts_remaining .pic,
      .post-type-archive-podcast #posts .pic {
        width: 38%; }
      /* line 363, sass/page/_post.scss */
      .post-type-archive-podcast .overhead {
        margin-top: 0px;
        padding-top: 7%;
        padding-bottom: 0%; }
      /* line 368, sass/page/_post.scss */
      .post-type-archive-podcast .overhead::before,
      .post-type-archive-podcast .slide-wrap::before {
        padding-top: 28.15625%; }
      /* line 372, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .container {
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0); }
      /* line 377, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .container > .row {
        position: relative; }
      /* line 380, sass/page/_post.scss */
      .post-type-archive-podcast #overhead-slider .col-md-8 {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        float: none;
        width: 100%; }
      /* line 388, sass/page/_post.scss */
      .post-type-archive-podcast #overhead-slider .col-md-4 {
        position: absolute;
        height: 100%;
        top: 0;
        left: 50%;
        width: auto;
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        z-index: 99;
        padding: 0;
        margin-left: 470px; }
      /* line 400, sass/page/_post.scss */
      .post-type-archive-podcast .slide-wrap {
        left: 15px; }
      /* line 410, sass/page/_post.scss */
      .post-type-archive-podcast #overhead-slider .block .post {
        margin: 0 0 12px;
        padding: 13px 10px 5px;
        border: 1px solid white;
        color: white;
        cursor: pointer;
        transition: 0.12s opacity;
        -webkit-transition: 0.12s opacity; }
      /* line 419, sass/page/_post.scss */
      .post-type-archive-podcast #overhead-slider .block .post.active {
        /*             display: none; */ }
      /* line 422, sass/page/_post.scss */
      .post-type-archive-podcast .slide-wrap {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        height: 100%;
        overflow: hidden;
        display: block;
        background-color: transparent;
        width: 100%; }
      /* line 433, sass/page/_post.scss */
      .post-type-archive-podcast .slide-wrap.active {
        display: block; }
      /* line 436, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .category-list,
      .post-type-archive-podcast .overhead .triangles,
      .post-type-archive-podcast .title-wrap {
        width: 940px; }
      /* line 441, sass/page/_post.scss */
      .post-type-archive-podcast .slider-nav {
        display: none; } }
  @media (min-width: 1200px) {
    /* line 446, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .container {
      left: 50%; }
    /* line 449, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .category-list,
    .post-type-archive-podcast .overhead .triangles,
    .post-type-archive-podcast .title-wrap {
      width: 1140px; }
    /* line 454, sass/page/_post.scss */
    .post-type-archive-podcast #overhead-slider .col-md-4 {
      margin-left: 570px; } }
  /* line 458, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-header .the-wonder-post img {
    width: 194px; }
  @media (min-width: 992px) {
    /* line 462, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-header .the-wonder-post img {
      width: 300px; } }
  /* line 467, sass/page/_post.scss */
  .post-type-archive-podcast .search-button {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: 0px;
    color: black;
    padding: 0;
    margin: 0;
    border: 1px solid;
    background: none;
    font-size: 18px;
    height: 100%;
    width: 44px; }
  /* line 481, sass/page/_post.scss */
  .post-type-archive-podcast .search-button:hover {
    color: white;
    background-color: black;
    border-color: black; }
  /* line 489, sass/page/_post.scss */
  .post-type-archive-podcast .slick-list,
  .post-type-archive-podcast .slick-track {
    height: 100%; }
  /* line 493, sass/page/_post.scss */
  .post-type-archive-podcast .slick-dots {
    bottom: 5% !important; }
  /* line 496, sass/page/_post.scss */
  .post-type-archive-podcast .slick-dots li {
    margin: 0px !important; }
  /* line 499, sass/page/_post.scss */
  .post-type-archive-podcast .slick-dots li button:before,
  .post-type-archive-podcast .slick-dots li.slick-active button:before {
    color: white !important;
    font-size: 10px !important; }
  /* line 504, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-header.container {
    /*         background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/wonderpost_bg.png); */
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/wonderpost_bg.png);
    height: 295px;
    background-size: 100% auto;
    width: 100%;
    padding: 0%;
    background-position: 50% 8%; }
  /* line 514, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-header .the-wonder-post {
    text-align: left;
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(30, 45, 80, 0.1);
    line-height: 64px; }
  @media (min-width: 62em) {
    /* line 525, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-header .the-wonder-post {
      padding-bottom: 5%;
      padding-top: 9%;
      padding-left: 7%; } }
  /* line 531, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-header .cats-nav {
    margin: 12px 0 12px 0;
    text-align: center;
    line-height: 24px; }
  /* line 538, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-header .cats-nav .submenu-link.active-menu,
  .post-type-archive-podcast #wdp-header .cats-nav .submenu-link:hover {
    color: #ff6464;
    border-bottom: 2px solid #ff6464; }
  @media (min-width: 62em) {
    /* line 544, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-header .cats-nav {
      letter-spacing: 1.2px;
      font-size: 20px;
      line-height: 24px; }
    /* line 549, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-header .cats-nav .submenu-link {
      padding: 15px; } }
  /* line 554, sass/page/_post.scss */
  .post-type-archive-podcast .slider-title {
    margin: 30px 0px 20px;
    padding: 0px 45px; }
    @media (min-width: 48em) {
      /* line 554, sass/page/_post.scss */
      .post-type-archive-podcast .slider-title {
        margin: 8px 0px 0px;
        padding: 0px; } }
  /* line 565, sass/page/_post.scss */
  .post-type-archive-podcast .slider-date {
    color: #ffffff;
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 570, sass/page/_post.scss */
    .post-type-archive-podcast .slider-date {
      margin: 20px 0px 15px; } }
  /* line 579, sass/page/_post.scss */
  .post-type-archive-podcast .slider-excerpt {
    color: #ffffff;
    line-height: 18px;
    margin: 15px 0px 4px; }
  @media (min-width: 62em) {
    /* line 585, sass/page/_post.scss */
    .post-type-archive-podcast .slider-excerpt {
      line-height: 22px; } }
  /* line 589, sass/page/_post.scss */
  .post-type-archive-podcast .slider-read-more {
    border: 2px solid white;
    display: inline-block;
    padding: 15px 25px;
    margin: 20px 0px; }
  /* line 596, sass/page/_post.scss */
  .post-type-archive-podcast .slider-read-more .hs2 {
    color: #ffffff;
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 601, sass/page/_post.scss */
    .post-type-archive-podcast .slider-read-more {
      padding: 15px 15px; } }
  /* line 607, sass/page/_post.scss */
  .post-type-archive-podcast .title-n-button {
    position: absolute;
    top: 42%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0); }
  @media (min-width: 48em) {
    /* line 618, sass/page/_post.scss */
    .post-type-archive-podcast .title-n-button {
      margin-left: 0;
      margin-right: 0;
      /*             top: auto; */
      /*             bottom: 0; */
      margin-top: auto;
      margin-bottom: auto;
      height: auto;
      word-break: break-word;
      top: 47%;
      /*
              transform: none;
              -webkit-transform: none;
      */ } }
  @media (min-width: 62em) {
    /* line 636, sass/page/_post.scss */
    .post-type-archive-podcast .title-n-button {
      width: 50%; } }
  @media (min-width: 62em) {
    /* line 642, sass/page/_post.scss */
    .post-type-archive-podcast #posts_remaining .post,
    .post-type-archive-podcast #posts .post {
      border-bottom: solid 1px #f4f4f4;
      margin-bottom: 10px;
      padding: 15px 0px 30px; }
      /* line 647, sass/page/_post.scss */
      .post-type-archive-podcast #posts_remaining .post:last-child,
      .post-type-archive-podcast #posts .post:last-child {
        border-bottom: 0px; } }
  /* line 652, sass/page/_post.scss */
  .post-type-archive-podcast .block .post {
    border-bottom: none; }
  /* line 655, sass/page/_post.scss */
  .post-type-archive-podcast .post .title {
    color: #171717;
    text-transform: none;
    line-height: 22px;
    margin-top: 0px; }
  /* line 661, sass/page/_post.scss */
  .post-type-archive-podcast .post .title a:link,
  .post-type-archive-podcast .post .title a:visited {
    color: #171717; }
  /* line 665, sass/page/_post.scss */
  .post-type-archive-podcast .post .cat {
    color: #171717;
    text-transform: uppercase; }
  /* line 669, sass/page/_post.scss */
  .post-type-archive-podcast .post header .h-e {
    margin-bottom: 4px;
    margin-top: 0px; }
  /* line 673, sass/page/_post.scss */
  .post-type-archive-podcast .headline-small3 {
    color: #171717; }
  /* line 676, sass/page/_post.scss */
  .post-type-archive-podcast .button1 {
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 680, sass/page/_post.scss */
    .post-type-archive-podcast .post .title {
      margin-top: 2px; } }
  /* line 687, sass/page/_post.scss */
  .post-type-archive-podcast .date-n-by {
    color: #b0b0b0;
    text-transform: uppercase;
    padding: 13px 0px; }
  /* line 693, sass/page/_post.scss */
  .post-type-archive-podcast .post footer span,
  .post-type-archive-podcast .post footer .fa {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle; }
  /* line 699, sass/page/_post.scss */
  .post-type-archive-podcast .post footer .fa {
    margin-right: 16px;
    font-size: 20px; }
  /* line 703, sass/page/_post.scss */
  .post-type-archive-podcast .block > header {
    margin-bottom: 12px;
    color: #171717; }
  /* line 707, sass/page/_post.scss */
  .post-type-archive-podcast .block .post header div {
    color: #171717; }
  /* line 710, sass/page/_post.scss */
  .post-type-archive-podcast .block {
    border: 0px solid black;
    margin-bottom: 20px; }
  @media (min-width: 62em) {
    /* line 715, sass/page/_post.scss */
    .post-type-archive-podcast .block {
      padding: 15px 12px;
      margin-bottom: 16px; }
    /* line 719, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-sidebar {
      margin-top: 0;
      padding-left: 4.3%;
      padding-right: 20px; }
    /* line 724, sass/page/_post.scss */
    .post-type-archive-podcast .block .post header div {
      line-height: 20px; } }
  @media (min-width: 81em) {
    /* line 729, sass/page/_post.scss */
    .post-type-archive-podcast .block .post header div {
      line-height: 20px; } }
  /* line 734, sass/page/_post.scss */
  .post-type-archive-podcast .block.tags .tag {
    padding-top: 6px;
    padding-bottom: 4px;
    border: 2px solid #171717;
    /*
        flex-grow: 1;
        -webkit-flex-grow: 1;
    */
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    margin-right: 6px;
    margin-bottom: 6px;
    margin-top: 0;
    color: #171717;
    text-transform: uppercase; }
  /* line 755, sass/page/_post.scss */
  .post-type-archive-podcast .block.tags .tag:hover {
    background-color: #171717;
    color: #fff; }
  /* line 759, sass/page/_post.scss */
  .post-type-archive-podcast .block > header .far,
  .post-type-archive-podcast .block > header .fal,
  .post-type-archive-podcast .block > header .fa {
    margin-right: 8px; }
  /* line 764, sass/page/_post.scss */
  .post-type-archive-podcast #button-load-more {
    display: inline-block;
    margin-top: 38px;
    margin-bottom: 38px;
    text-align: center;
    line-height: 1;
    padding: 8px 22px;
    letter-spacing: 0.5px;
    cursor: pointer;
    /*         width: 100%; */ }
  @media (min-width: 62em) {
    /* line 779, sass/page/_post.scss */
    .post-type-archive-podcast #button-load-more {
      width: auto;
      margin-bottom: 70px; } }
  /* line 799, sass/page/_post.scss */
  .post-type-archive-podcast .lang-th #button-load-more {
    letter-spacing: 0; }
  @media (min-width: 992px) {
    /* line 62, sass/stories.scss */
    .post-type-archive-podcast {
      /*
          #button-load-more:hover {
              background-color: #1e2d50;
              color: #fff;
          }
          #button-load-more:active {
              opacity: 0.8;
          }
      */ }
      /* line 804, sass/page/_post.scss */
      .post-type-archive-podcast #button-load-more div {
        display: inline-block;
        padding-left: 35px;
        padding-right: 35px; } }
  /* line 821, sass/page/_post.scss */
  .post-type-archive-podcast .block.wondercast > div {
    /*         border: 2px solid #1e2d50; */
    padding: 12px; }
  /* line 825, sass/page/_post.scss */
  .post-type-archive-podcast .block.wondercast .wondercast-see-all {
    border-top: 0px;
    text-align: center;
    color: #171717;
    padding: 7px;
    border: 2px solid #171717; }
  /* line 834, sass/page/_post.scss */
  .post-type-archive-podcast .container-fluid {
    padding: 0px; }
  /* line 837, sass/page/_post.scss */
  .post-type-archive-podcast .container-fluid .row {
    margin-left: 0px;
    margin-right: 0px; }
  /* line 841, sass/page/_post.scss */
  .post-type-archive-podcast .subscribe-section-container.container-fluid .row > div {
    background-color: #D1CCCA; }
  /* line 844, sass/page/_post.scss */
  .post-type-archive-podcast .slick-prev, .post-type-archive-podcast .slick-next {
    z-index: 100; }
  /* line 847, sass/page/_post.scss */
  .post-type-archive-podcast .slick-arrow {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    color: white; }
  /* line 855, sass/page/_post.scss */
  .post-type-archive-podcast .slick-next {
    right: 3% !important;
    left: inherit !important; }
  /* line 859, sass/page/_post.scss */
  .post-type-archive-podcast .slick-prev {
    left: 2% !important;
    right: inherit !important; }
  /* line 863, sass/page/_post.scss */
  .post-type-archive-podcast .slick-prev:before, .post-type-archive-podcast .slick-next:before {
    font-size: 40px !important;
    opacity: 0 !important;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out; }
  /* line 872, sass/page/_post.scss */
  .post-type-archive-podcast .slick-slider:hover .slick-prev:before,
  .post-type-archive-podcast .slick-slider:hover .slick-next:before {
    opacity: 1 !important;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out; }
  /* line 886, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .triangles {
    top: 0px;
    left: 0px; }
    /* line 889, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .triangles svg {
      height: 22px;
      width: 236px;
      padding-left: 15px;
      fill: white; }
  /* line 896, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .fixed-content {
    position: absolute;
    z-index: 1;
    width: 100%; }
    /* line 900, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .fixed-content.category-links {
      bottom: 0px;
      color: white; }
  /* line 905, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .category-list {
    padding: 0px 16px 90px; }
    @media (min-width: 48em) {
      /* line 905, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .category-list {
        padding: 0px 16px 60px; } }
    /* line 910, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .category-list li {
      display: inline-block; }
      /* line 912, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .category-list li:after {
        content: "\f111";
        font-family: "Font Awesome 5 Pro";
        font-size: 6px;
        vertical-align: middle;
        text-align: center;
        padding: 0px 6px 0px 8px;
        line-height: 2.17;
        font-weight: bold; }
      /* line 922, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .category-list li:last-child:after {
        display: none; }
    /* line 926, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .category-list .submenu-link {
      color: white;
      display: inline-block;
      text-transform: uppercase;
      line-height: 1.5;
      letter-spacing: 2.2px; }
  /* line 936, sass/page/_post.scss */
  .post-type-archive-podcast .home-block-subscribe {
    background-color: rgba(106, 173, 169, 0.7);
    padding: 42px 0px 48px; }
    /* line 939, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .subscribe-form-container {
      background-color: #6AADA9;
      padding: 25px 0px 10px; }
      @media (min-width: 48em) {
        /* line 939, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe .subscribe-form-container {
          padding: 0px;
          height: 60px; } }
    /* line 947, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .header2 {
      text-align: center;
      line-height: 28px;
      margin-bottom: 22px; }
      @media (min-width: 48em) {
        /* line 947, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe .header2 {
          text-align: left;
          line-height: 26px;
          margin-bottom: 0px; } }
    /* line 957, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .header2, .post-type-archive-podcast .home-block-subscribe .body2 {
      color: white; }
    /* line 960, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .subscribe-options {
      padding: 10px 0px; }
      @media (min-width: 48em) {
        /* line 960, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe .subscribe-options {
          padding: 0px 0px;
          padding-left: 12px; } }
    /* line 967, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe form .menu1 {
      width: 85%; }
      @media (min-width: 48em) {
        /* line 967, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe form .menu1 {
          width: 90%; } }
    /* line 973, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .col-md-6 {
      top: 50%;
      transform: translateY(-50%); }
    /* line 977, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe select {
      margin: 0px;
      width: auto;
      padding: 5px 11px 5px 5px;
      height: 33px;
      border-radius: 0px;
      bottom: 10%;
      font-size: inherit;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down.svg) 100%/12px no-repeat #fff;
      background-color: transparent;
      border: 0px;
      border-bottom: 2px solid white; }
      /* line 992, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe select:focus {
        outline: 0; }
    /* line 996, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe option {
      width: auto; }
    /* line 999, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .hidden_select {
      display: none; }
      /* line 1001, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe .hidden_select .hidden_option {
        width: auto; }
    /* line 1006, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe form input {
      background-color: transparent;
      box-shadow: none;
      border: 1px solid white;
      /* outline: 0px; */
      float: left;
      color: white;
      padding: 10px 15px;
      border-radius: 0px; }
      @media (min-width: 48em) {
        /* line 1006, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe form input {
          padding: 4px 0px;
          padding-left: 10px; } }
      /* line 1019, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe form input::placeholder {
        color: white; }
      /* line 1022, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe form input:-ms-input-placeholder {
        color: white; }
      /* line 1025, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe form input::-ms-input-placeholder {
        color: white; }
      /* line 1028, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe form input:focus {
        outline: 0; }
    /* line 1032, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe form button {
      border: 1px solid white;
      background-color: transparent;
      color: white;
      margin: 0px;
      padding: 12px 18px 12px;
      border-left: 0px; }
      @media (min-width: 48em) {
        /* line 1032, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe form button {
          padding: 6px 9px 6px; } }
    /* line 1044, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe.attach-element:before {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-3b.png);
      left: -640px;
      bottom: -550px;
      transform: scale(0.5);
      position: absolute;
      z-index: -1; }
      @media (min-width: 48em) {
        /* line 1044, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe.attach-element:before {
          content: url(/wp-content/themes/wonderfruit-2018/images/2018/home-element-3.png);
          left: -720px;
          top: -470px;
          transform: scale(0.5);
          z-index: -1; } }
  /* line 1, sass/page/_podcast.scss */
  .post-type-archive-podcast audio {
    width: 100%;
    margin-bottom: 17px; }
  /* line 5, sass/page/_podcast.scss */
  .post-type-archive-podcast .post footer {
    display: block; }
  /* line 8, sass/page/_podcast.scss */
  .post-type-archive-podcast .date-n-by {
    text-transform: none;
    color: #888888; }
  /* line 12, sass/page/_podcast.scss */
  .post-type-archive-podcast .slider-read-more {
    padding: 15px 43px; }

/* line 1, sass/page/_single-podcast.scss */
.single-podcast body {
  line-height: 1.2; }
/* line 4, sass/page/_single-podcast.scss */
.single-podcast input {
  border-radius: 0; }
/* line 7, sass/page/_single-podcast.scss */
.single-podcast a,
.single-podcast a:link,
.single-podcast a:visited,
.single-podcast a:hover,
.single-podcast a:active {
  color: #1E2D50;
  text-decoration: none; }
/* line 15, sass/page/_single-podcast.scss */
.single-podcast .excerpt a,
.single-podcast .excerpt a span,
.single-podcast .excerpt a:link,
.single-podcast .excerpt a:visited,
.single-podcast .excerpt a:active {
  color: #78c8c3;
  text-decoration: none;
  font-weight: 500 !important; }
/* line 24, sass/page/_single-podcast.scss */
.single-podcast .excerpt a:hover {
  color: #78c8c3;
  text-decoration: underline;
  font-weight: 500; }
/* line 29, sass/page/_single-podcast.scss */
.single-podcast .excerpt b {
  font-weight: 700;
  color: #1e2d50; }
/* line 33, sass/page/_single-podcast.scss */
.single-podcast .excerpt strong {
  font-weight: 500;
  color: #1e2d50; }
/* line 38, sass/page/_single-podcast.scss */
.single-podcast .text-3 {
  margin: 0;
  color: #b0b0b0;
  padding: 13px 0px;
  letter-spacing: normal; }
/* line 44, sass/page/_single-podcast.scss */
.single-podcast .title {
  color: #171717;
  margin: 6px 0; }
/* line 48, sass/page/_single-podcast.scss */
.single-podcast .post {
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px; }
/* line 54, sass/page/_single-podcast.scss */
.single-podcast .post .title a:link,
.single-podcast .post .title a:visited {
  color: black; }
/* line 58, sass/page/_single-podcast.scss */
.single-podcast .post footer {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px; }
/* line 64, sass/page/_single-podcast.scss */
.single-podcast .sharing {
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
  border-right: 0px;
  /*         border: 2px solid #171717; */
  background-color: #F3F2F1;
  display: none; }
/* line 74, sass/page/_single-podcast.scss */
.single-podcast .sharing a {
  display: block;
  text-align: center; }
/* line 79, sass/page/_single-podcast.scss */
.single-podcast .sharing a i {
  color: #171717;
  font-size: 1.5em;
  padding: 5px; }
/* line 86, sass/page/_single-podcast.scss */
.single-podcast .post footer span,
.single-podcast .post footer .fa {
  line-height: 20px;
  display: inline-block; }
/* line 91, sass/page/_single-podcast.scss */
.single-podcast .post footer .fa {
  font-size: 20px;
  color: #171717; }
/* line 95, sass/page/_single-podcast.scss */
.single-podcast .post footer .fa:hover {
  opacity: 1; }
/* line 98, sass/page/_single-podcast.scss */
.single-podcast .pic {
  width: 25%;
  float: left;
  margin-right: 10px;
  background-color: #1a4917;
  min-width: 80px;
  background-size: cover;
  background-position: center;
  position: relative; }
/* line 108, sass/page/_single-podcast.scss */
.single-podcast .pic::before {
  content: "";
  display: block;
  padding-top: 100%; }
/* line 113, sass/page/_single-podcast.scss */
.single-podcast .pic > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center; }
/* line 123, sass/page/_single-podcast.scss */
.single-podcast h7,
.single-podcast .wdp3,
.single-podcast .tag {
  line-height: 1; }
/* line 128, sass/page/_single-podcast.scss */
.single-podcast .tag {
  font-size: 13px !important;
  letter-spacing: 0.2px; }
/* line 132, sass/page/_single-podcast.scss */
.single-podcast .post .tag {
  color: #818b94;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 2px; }
/* line 138, sass/page/_single-podcast.scss */
.single-podcast .page-heading .cat {
  color: #171717;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  line-height: 18px; }
/* line 145, sass/page/_single-podcast.scss */
.single-podcast .excerpt {
  color: #171717;
  line-height: 20px;
  border-bottom: 2px solid rgba(30, 45, 80, 0.1);
  padding-bottom: 19px;
  margin-bottom: 19px; }
/* line 155, sass/page/_single-podcast.scss */
.single-podcast .excerpt p {
  margin: 0 0 0px; }
/* line 158, sass/page/_single-podcast.scss */
.single-podcast .excerpt p i {
  line-height: 24px;
  font-style: normal; }
/* line 162, sass/page/_single-podcast.scss */
.single-podcast .tags {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 14px; }
/* line 169, sass/page/_single-podcast.scss */
.single-podcast .tags .tag {
  padding-top: 6px;
  padding-bottom: 6px;
  border: 2px solid #171717;
  /*
      flex-grow: 1;
      -webkit-flex-grow: 1;
  */
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  margin-right: 6px;
  margin-bottom: 6px;
  margin-top: 0;
  color: #171717;
  text-transform: uppercase; }
/* line 190, sass/page/_single-podcast.scss */
.single-podcast .tags .tag:hover {
  background-color: #171717;
  color: #fff; }
/* line 194, sass/page/_single-podcast.scss */
.single-podcast .cat-item a {
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.4px; }
/* line 199, sass/page/_single-podcast.scss */
.single-podcast .cat-item a:hover {
  opacity: 1; }
/* line 202, sass/page/_single-podcast.scss */
.single-podcast .excerpt img {
  margin: 32px auto;
  display: block;
  width: 100%; }
/* line 207, sass/page/_single-podcast.scss */
.single-podcast footer header strong {
  color: #171717;
  line-height: 30px; }
@media (min-width: 768px) {
  /* line 212, sass/page/_single-podcast.scss */
  .single-podcast .pic::before {
    padding-top: 61.5131%; }
  /* line 215, sass/page/_single-podcast.scss */
  .single-podcast .excerpt .alignleft {
    float: left;
    margin: 0 1em 0.5em 0;
    width: auto; }
  /* line 220, sass/page/_single-podcast.scss */
  .single-podcast .excerpt .alignright {
    float: right;
    margin: 0 0 0.5em 1em;
    width: auto; }
  /* line 225, sass/page/_single-podcast.scss */
  .single-podcast .excerpt .aligncenter {
    display: block;
    margin: 0.5em auto;
    width: auto; } }
@media (min-width: 62em) {
  /* line 232, sass/page/_single-podcast.scss */
  .single-podcast .sharing {
    display: block; }
  /* line 235, sass/page/_single-podcast.scss */
  .single-podcast .excerpt {
    font-size: 18px;
    line-height: 22px; }
  /* line 239, sass/page/_single-podcast.scss */
  .single-podcast .excerpt p i {
    font-size: 32px;
    line-height: 38px; }
  /* line 244, sass/page/_single-podcast.scss */
  .single-podcast .not-header {
    margin-top: 24px; }
  /* line 247, sass/page/_single-podcast.scss */
  .single-podcast .col-md-8 .post {
    padding: 15px;
    margin-bottom: 10px;
    padding-top: 26px; }
  /* line 252, sass/page/_single-podcast.scss */
  .single-podcast .title {
    font-size: 44px;
    line-height: 48px;
    margin-bottom: 0; }
  /* line 257, sass/page/_single-podcast.scss */
  .single-podcast .block {
    padding: 0px 12px;
    margin-bottom: 16px; }
  /* line 261, sass/page/_single-podcast.scss */
  .single-podcast .col-md-8 {
    padding-right: 8px; }
  /* line 264, sass/page/_single-podcast.scss */
  .single-podcast .col-md-4 {
    padding-left: 8px; }
  /* line 267, sass/page/_single-podcast.scss */
  .single-podcast #posts .pic {
    width: 35%; } }
/* line 272, sass/page/_single-podcast.scss */
.single-podcast #primary {
  background-attachment: local;
  background-position: center bottom; }
@media (min-width: 75em) {
  /* line 278, sass/page/_single-podcast.scss */
  .single-podcast .single-post .container {
    width: 1140px; } }
/* line 282, sass/page/_single-podcast.scss */
.single-podcast .excerpt img,
.single-podcast .page-heading .img-responsive,
.single-podcast .post .img-responsive {
  /* 		border: 2px solid #171717;		 */
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
/* line 288, sass/page/_single-podcast.scss */
.single-podcast .page-heading {
  background-image: none;
  background-size: 100% auto;
  background-position-y: 0%;
  padding-top: 4%;
  padding-bottom: 2%;
  background-color: transparent;
  text-align: center; }
@media (min-width: 62em) {
  /* line 298, sass/page/_single-podcast.scss */
  .single-podcast .page-heading {
    text-align: center; } }
/* line 302, sass/page/_single-podcast.scss */
.single-podcast .post audio,
.single-podcast .post video {
  height: 50px;
  width: 100%;
  margin-bottom: 45px; }
/* line 309, sass/page/_single-podcast.scss */
.single-podcast .featured-image {
  position: relative; }
  /* line 311, sass/page/_single-podcast.scss */
  .single-podcast .featured-image:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/wondercast-element1.png);
    right: -20px;
    top: -90px;
    z-index: -1;
    transform: scale(0.25) translate(150%, -50%) rotate(90deg);
    position: absolute; }
    @media (min-width: 48em) {
      /* line 311, sass/page/_single-podcast.scss */
      .single-podcast .featured-image:before {
        right: -145px;
        top: -120px;
        transform: scale(0.5) translate(50%, -50%); } }
  /* line 325, sass/page/_single-podcast.scss */
  .single-podcast .featured-image:after {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/wondercast-element2.png);
    left: -125px;
    bottom: -22px;
    z-index: -1;
    transform: scale(0.5) translate(50%, -50%);
    position: absolute;
    display: none; }
    @media (min-width: 48em) {
      /* line 325, sass/page/_single-podcast.scss */
      .single-podcast .featured-image:after {
        display: block;
        left: -130px;
        bottom: 55px;
        transform: scale(0.5) translate(-50%, 50%); } }

/* line 69, sass/stories.scss */
.page-highlights {
  /*
  .poster-cover:after {
  	content: " ";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      background-color: green;
  	
  }
  */ }
  /* line 1, sass/page/_highlights.scss */
  .page-highlights .jumbotron {
    background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/highlight_bg.jpg);
    min-height: 57vh;
    box-shadow: 0 3px 6px 0 #00000029;
    background-attachment: fixed;
    overflow: visible; }
    @media (min-width: 48em) {
      /* line 1, sass/page/_highlights.scss */
      .page-highlights .jumbotron {
        background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/highlight_bg.jpg);
        min-height: 96vh; } }
    /* line 10, sass/page/_highlights.scss */
    .page-highlights .jumbotron .container {
      top: 35%; }
      @media (min-width: 48em) {
        /* line 10, sass/page/_highlights.scss */
        .page-highlights .jumbotron .container {
          max-width: 1092px;
          text-align: left;
          top: 45%; } }
    /* line 19, sass/page/_highlights.scss */
    .page-highlights .jumbotron div {
      color: white; }
    @media (min-width: 48em) {
      /* line 1, sass/page/_highlights.scss */
      .page-highlights .jumbotron {
        overflow: initial; } }
    /* line 27, sass/page/_highlights.scss */
    .page-highlights .jumbotron .poster-cover .poster-image {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 127px;
      padding: 0px;
      margin-top: 135px;
      box-shadow: 0 3px 6px 0 #00000029; }
      @media (min-width: 48em) {
        /* line 27, sass/page/_highlights.scss */
        .page-highlights .jumbotron .poster-cover .poster-image {
          left: 0px;
          position: relative;
          transform: unset;
          width: 100%;
          margin-left: 80px;
          margin-top: 0px; } }
    /* line 45, sass/page/_highlights.scss */
    .page-highlights .jumbotron .poster-cover .image-link-hover {
      position: absolute;
      top: 0px;
      left: 0px;
      text-align: center;
      background-color: rgba(23, 23, 23, 0.2);
      width: 100%;
      height: 100%;
      display: none; }
      /* line 54, sass/page/_highlights.scss */
      .page-highlights .jumbotron .poster-cover .image-link-hover i {
        color: white;
        font-size: 2em; }
      /* line 58, sass/page/_highlights.scss */
      .page-highlights .jumbotron .poster-cover .image-link-hover .menu1 {
        color: white; }
      /* line 61, sass/page/_highlights.scss */
      .page-highlights .jumbotron .poster-cover .image-link-hover > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center; }
      @media (min-width: 48em) {
        /* line 45, sass/page/_highlights.scss */
        .page-highlights .jumbotron .poster-cover .image-link-hover {
          margin-left: 80px; } }
    /* line 72, sass/page/_highlights.scss */
    .page-highlights .jumbotron .poster-cover:hover .image-link-hover {
      display: block; }
    /* line 77, sass/page/_highlights.scss */
    .page-highlights .jumbotron .poster-cover:active .image-link-hover > div {
      opacity: .7; }
    @media (min-width: 48em) {
      /* line 84, sass/page/_highlights.scss */
      .page-highlights .jumbotron .col-md-4 {
        padding: 0px; } }
    @media (min-width: 48em) {
      /* line 89, sass/page/_highlights.scss */
      .page-highlights .jumbotron .col-md-5 {
        position: inherit; } }
    @media (min-width: 48em) {
      /* line 94, sass/page/_highlights.scss */
      .page-highlights .jumbotron .header-left-container {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 41%; } }
    /* line 101, sass/page/_highlights.scss */
    .page-highlights .jumbotron .header-left-container .subtitle {
      text-transform: uppercase; }
    /* line 104, sass/page/_highlights.scss */
    .page-highlights .jumbotron .header-left-container .header1 {
      margin: 8px 0px 0px;
      line-height: 32px; }
      @media (min-width: 48em) {
        /* line 104, sass/page/_highlights.scss */
        .page-highlights .jumbotron .header-left-container .header1 {
          margin: 17px 0px 13px;
          line-height: 50px; } }
    /* line 113, sass/page/_highlights.scss */
    .page-highlights .jumbotron .watch-button {
      color: white;
      text-align: center;
      display: inline-block;
      text-transform: uppercase; }
      /* line 118, sass/page/_highlights.scss */
      .page-highlights .jumbotron .watch-button i {
        display: block;
        font-size: 3.5em;
        margin: 40px 0px 5px; }
        @media (min-width: 48em) {
          /* line 118, sass/page/_highlights.scss */
          .page-highlights .jumbotron .watch-button i {
            font-size: 5em;
            margin: 40px 0px 12px; } }
      /* line 127, sass/page/_highlights.scss */
      .page-highlights .jumbotron .watch-button:hover i {
        transform: scale(1.1); }
  /* line 133, sass/page/_highlights.scss */
  .page-highlights .article-image {
    background-size: cover;
    background-position: center;
    vertical-align: top;
    display: inline-block;
    width: 45%; }
    @media (min-width: 48em) {
      /* line 133, sass/page/_highlights.scss */
      .page-highlights .article-image {
        width: 30%; } }
    /* line 142, sass/page/_highlights.scss */
    .page-highlights .article-image::before {
      content: "";
      display: block;
      padding-top: 66.7%;
      background-color: rgba(23, 23, 23, 0.2); }
      @media (min-width: 48em) {
        /* line 142, sass/page/_highlights.scss */
        .page-highlights .article-image::before {
          background-color: rgba(23, 23, 23, 0); } }
  /* line 154, sass/page/_highlights.scss */
  .page-highlights .block-experiences {
    margin-bottom: 45px; }
    /* line 159, sass/page/_highlights.scss */
    .page-highlights .block-experiences .header5 {
      margin: 80px 0px 40px;
      text-align: center; }
      @media (min-width: 48em) {
        /* line 159, sass/page/_highlights.scss */
        .page-highlights .block-experiences .header5 {
          margin: 45px 0px 80px;
          text-align: center; } }
    /* line 167, sass/page/_highlights.scss */
    .page-highlights .block-experiences .container {
      width: 100%; }
      @media (min-width: 48em) {
        /* line 167, sass/page/_highlights.scss */
        .page-highlights .block-experiences .container {
          width: 910px; } }
    /* line 173, sass/page/_highlights.scss */
    .page-highlights .block-experiences .experience-container {
      margin: 0px; }
      @media (min-width: 48em) {
        /* line 173, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container {
          margin: 0px -130px; } }
      /* line 178, sass/page/_highlights.scss */
      .page-highlights .block-experiences .experience-container > div {
        padding-left: 0px;
        padding-right: 0px; }
      /* line 182, sass/page/_highlights.scss */
      .page-highlights .block-experiences .experience-container article {
        width: 100%;
        position: relative;
        float: left; }
        /* line 186, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article .article-image {
          width: 100%;
          background-size: 101%; }
        /* line 192, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article .article-text .triangles svg {
          width: 135px;
          height: 36px; }
        /* line 197, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article .article-text-hover,
        .page-highlights .block-experiences .experience-container article .article-text {
          color: white;
          z-index: 2;
          text-align: center;
          width: 66%;
          margin: auto; }
          /* line 204, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article .article-text-hover .headline-small1,
          .page-highlights .block-experiences .experience-container article .article-text .headline-small1 {
            line-height: 1.41; }
          /* line 207, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article .article-text-hover .menu0,
          .page-highlights .block-experiences .experience-container article .article-text .menu0 {
            text-transform: uppercase;
            letter-spacing: 6.6px; }
          /* line 211, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article .article-text-hover i,
          .page-highlights .block-experiences .experience-container article .article-text i {
            color: white;
            padding: 10px;
            font-weight: 300;
            transform: none; }
            /* line 217, sass/page/_highlights.scss */
            .page-highlights .block-experiences .experience-container article .article-text-hover i:hover,
            .page-highlights .block-experiences .experience-container article .article-text i:hover {
              font-weight: 600; }
          @media (min-width: 48em) {
            /* line 197, sass/page/_highlights.scss */
            .page-highlights .block-experiences .experience-container article .article-text-hover,
            .page-highlights .block-experiences .experience-container article .article-text {
              width: unset;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); } }
        /* line 231, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article .experience-slideshow .article-text,
        .page-highlights .block-experiences .experience-container article .text-container {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 2;
          width: 100%;
          /*
          			   	@include breakpoint(md) {
          					position: relative;
          				    top: initial;
          				    left: initial;
          				    transform: unset;
          				}	
          */ }
        @media (min-width: 48em) {
          /* line 248, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article .article-text-hover {
            display: none; } }
        /* line 253, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article .experience-slide {
          position: relative; }
          /* line 255, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article .experience-slide .article-text {
            width: 66%; }
          /* line 262, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article .experience-slide .article-image::before {
            background-color: rgba(23, 23, 23, 0.2); }
        @media (min-width: 48em) {
          /* line 270, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article:hover .article-text-hover {
            display: block; } }
        @media (min-width: 48em) {
          /* line 276, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article:hover .article-text {
            display: none; } }
        /* line 283, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.slideshow-article:hover .experience-slide.overview:after, .page-highlights .block-experiences .experience-container article:hover:after {
          position: absolute;
          height: 100%;
          width: 100%;
          background-color: transparent;
          content: "";
          display: block;
          top: 0px;
          left: 0px;
          z-index: 1; }
        /* line 296, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.slideshow-article:hover:after {
          display: none; }
        /* line 300, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article:hover .experience-slide .article-text {
          display: block; }
        /* line 304, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.article-small .article-image:before {
          padding-top: 75%; }
        /* line 307, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.article-medium .article-image:before {
          padding-top: 100%; }
        /* line 310, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.article-large .article-image:before {
          padding-top: 152%; }
        @media (min-width: 48em) {
          /* line 313, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article.hover-red.slideshow-article:hover .experience-slide.overview:after, .page-highlights .block-experiences .experience-container article.hover-red:hover:after {
            background-color: rgba(255, 100, 100, 0.7); } }
        @media (min-width: 48em) {
          /* line 319, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article.hover-green.slideshow-article:hover .experience-slide.overview:after, .page-highlights .block-experiences .experience-container article.hover-green:hover:after {
            background-color: rgba(120, 200, 195, 0.7); } }
        @media (min-width: 48em) {
          /* line 325, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article.hover-blue.slideshow-article:hover .experience-slide.overview:after, .page-highlights .block-experiences .experience-container article.hover-blue:hover:after {
            background-color: rgba(60, 95, 160, 0.7); } }
        @media (min-width: 48em) {
          /* line 331, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container article.hover-brown.slideshow-article:hover .experience-slide.overview:after, .page-highlights .block-experiences .experience-container article.hover-brown:hover:after {
            background-color: rgba(180, 130, 100, 0.7); } }
        /* line 337, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.triangle-red .article-text .triangles svg {
          fill: #ff6464; }
        /* line 340, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.triangle-green .article-text .triangles svg {
          fill: #aaebff; }
        /* line 343, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.triangle-blue .article-text .triangles svg {
          fill: #78c8c3; }
        /* line 346, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article.triangle-brown .article-text .triangles svg {
          fill: #ffc08b; }
        /* line 350, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article:active .article-image {
          opacity: .7; }
        /* line 353, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container article:active i {
          opacity: .7;
          font-weight: 600; }
      /* line 359, sass/page/_highlights.scss */
      .page-highlights .block-experiences .experience-container .slick-arrow {
        z-index: 5;
        top: 47%;
        transform: translateY(-50%);
        position: absolute;
        visibility: hidden;
        color: white;
        font-size: 1.6em; }
        /* line 367, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container .slick-arrow:before {
          visibility: initial;
          font-family: "Font Awesome 5 Pro";
          font-weight: 500;
          position: absolute; }
        /* line 373, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container .slick-arrow.slick-next {
          right: 13.5px; }
          /* line 375, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container .slick-arrow.slick-next:before {
            right: 0px;
            content: "\f054"; }
        /* line 380, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container .slick-arrow.slick-prev {
          left: 13.5px; }
          /* line 382, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container .slick-arrow.slick-prev:before {
            left: 0px;
            content: "\f053"; }
      /* line 388, sass/page/_highlights.scss */
      .page-highlights .block-experiences .experience-container .slick-dots {
        position: absolute;
        bottom: 12px;
        left: 50%;
        transform: translateX(-50%);
        color: white; }
        /* line 394, sass/page/_highlights.scss */
        .page-highlights .block-experiences .experience-container .slick-dots li {
          display: inline-block;
          visibility: hidden;
          width: 28px;
          opacity: .4; }
          @media (min-width: 48em) {
            /* line 394, sass/page/_highlights.scss */
            .page-highlights .block-experiences .experience-container .slick-dots li {
              width: 33px; } }
          /* line 402, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container .slick-dots li.slick-active {
            opacity: 1; }
          /* line 405, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container .slick-dots li:before {
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            content: "\f111";
            visibility: visible;
            font-size: 1.15em; }
            @media (min-width: 48em) {
              /* line 405, sass/page/_highlights.scss */
              .page-highlights .block-experiences .experience-container .slick-dots li:before {
                font-size: 1.15em; } }
      /* line 417, sass/page/_highlights.scss */
      .page-highlights .block-experiences .experience-container:before {
        content: url(/wp-content/themes/wonderfruit-2018/images/2018/highlights-element2.png);
        left: -270px;
        top: 0px;
        z-index: -1;
        transform: scale(1);
        position: absolute;
        display: none; }
        @media (min-width: 48em) {
          /* line 417, sass/page/_highlights.scss */
          .page-highlights .block-experiences .experience-container:before {
            display: block;
            left: 0px;
            top: 150px;
            transform: scale(0.5) translate(-50%, -50%); } }
    /* line 434, sass/page/_highlights.scss */
    .page-highlights .block-experiences:before {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/highlights-element1.png);
      right: -270px;
      top: 0px;
      z-index: -1;
      transform: scale(1);
      position: absolute;
      display: none; }
      @media (min-width: 48em) {
        /* line 434, sass/page/_highlights.scss */
        .page-highlights .block-experiences:before {
          display: block;
          right: 0px;
          top: 0px;
          transform: scale(0.5) translate(50%, -50%); } }
  /* line 450, sass/page/_highlights.scss */
  .page-highlights .header5 {
    line-height: 1.27; }
  /* line 453, sass/page/_highlights.scss */
  .page-highlights .directory-section {
    background-color: rgba(106, 173, 169, 0.8);
    padding: 30px 0px; }
    @media (min-width: 48em) {
      /* line 453, sass/page/_highlights.scss */
      .page-highlights .directory-section {
        background-color: rgba(106, 173, 169, 0.8);
        padding: 60px 0px; } }
    /* line 460, sass/page/_highlights.scss */
    .page-highlights .directory-section:before {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/highlights-element3.png);
      right: -125px;
      top: -80px;
      z-index: -1;
      transform: scale(0.4) translate(50%, -50%);
      position: absolute; }
      @media (min-width: 48em) {
        /* line 460, sass/page/_highlights.scss */
        .page-highlights .directory-section:before {
          right: 0px;
          top: 0px;
          transform: scale(0.5) translate(50%, -50%); } }
    /* line 473, sass/page/_highlights.scss */
    .page-highlights .directory-section .header2 {
      color: white;
      text-align: center;
      line-height: 34px;
      text-align: center; }
      @media (min-width: 48em) {
        /* line 473, sass/page/_highlights.scss */
        .page-highlights .directory-section .header2 {
          color: white;
          line-height: 46px;
          text-align: left; } }
    /* line 485, sass/page/_highlights.scss */
    .page-highlights .directory-section .button1 {
      border: 2px solid white;
      width: 250px;
      color: white;
      display: block;
      padding: 13px;
      text-transform: uppercase;
      float: none;
      text-align: center;
      margin: 15px auto; }
      @media (min-width: 48em) {
        /* line 485, sass/page/_highlights.scss */
        .page-highlights .directory-section .button1 {
          text-align: center;
          vertical-align: middle;
          float: right;
          margin: 0px; } }
      /* line 502, sass/page/_highlights.scss */
      .page-highlights .directory-section .button1:hover {
        color: #6AADA9;
        background-color: white; }
      /* line 506, sass/page/_highlights.scss */
      .page-highlights .directory-section .button1:active {
        color: #6AADA9;
        background-color: white;
        opacity: .8; }
  /* line 518, sass/page/_highlights.scss */
  .page-highlights .block-permission-to-land .header5 {
    text-align: center;
    margin: 90px 0px 37px; }
    @media (min-width: 48em) {
      /* line 518, sass/page/_highlights.scss */
      .page-highlights .block-permission-to-land .header5 {
        margin: 90px 0px 69px; } }
  /* line 525, sass/page/_highlights.scss */
  .page-highlights .block-permission-to-land .extended-container {
    width: 145%; }
  /* line 528, sass/page/_highlights.scss */
  .page-highlights .block-permission-to-land article {
    text-align: center; }
    /* line 530, sass/page/_highlights.scss */
    .page-highlights .block-permission-to-land article .article-image {
      width: 80%;
      border-radius: 50%; }
      /* line 533, sass/page/_highlights.scss */
      .page-highlights .block-permission-to-land article .article-image::before {
        padding-top: 100%; }
    /* line 537, sass/page/_highlights.scss */
    .page-highlights .block-permission-to-land article .article-text {
      margin-top: 22px;
      line-height: 1.11; }
      /* line 540, sass/page/_highlights.scss */
      .page-highlights .block-permission-to-land article .article-text .experience-type {
        color: #b0b0b0;
        text-transform: uppercase; }
      /* line 544, sass/page/_highlights.scss */
      .page-highlights .block-permission-to-land article .article-text .experience-type:before {
        content: "";
        display: block;
        height: 2px;
        width: 30px;
        background-color: #b0b0b0;
        margin: 13px auto 17px; }
  /* line 554, sass/page/_highlights.scss */
  .page-highlights .block-permission-to-land:after {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/highlights-element5b.png);
    left: 0px;
    bottom: 0px;
    z-index: -1;
    transform: scale(0.5) translate(-50%, 50%);
    position: absolute; }
    @media (min-width: 48em) {
      /* line 554, sass/page/_highlights.scss */
      .page-highlights .block-permission-to-land:after {
        display: none; } }
  /* line 565, sass/page/_highlights.scss */
  .page-highlights .block-permission-to-land .slideshow-nav {
    text-align: right;
    margin-top: 45px; }
    /* line 568, sass/page/_highlights.scss */
    .page-highlights .block-permission-to-land .slideshow-nav a {
      color: #171717; }
    /* line 571, sass/page/_highlights.scss */
    .page-highlights .block-permission-to-land .slideshow-nav .slick-arrow {
      padding: 20px 15px; }
  /* line 577, sass/page/_highlights.scss */
  .page-highlights .block-enlighten-learn-play {
    padding: 30px 0px 210px; }
    @media (min-width: 48em) {
      /* line 577, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play {
        padding: 60px 0px; } }
    /* line 582, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .container-fluid {
      padding-right: 18px;
      padding-left: 18px; }
      @media (min-width: 48em) {
        /* line 582, sass/page/_highlights.scss */
        .page-highlights .block-enlighten-learn-play .container-fluid {
          padding-right: 0px;
          padding-left: 0px; } }
    /* line 590, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .header5 {
      text-align: center;
      margin: 8px 0px 40px; }
      @media (min-width: 48em) {
        /* line 590, sass/page/_highlights.scss */
        .page-highlights .block-enlighten-learn-play .header5 {
          margin: 8px 0px 90px; } }
    /* line 597, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .item-container {
      text-align: center; }
      /* line 599, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .item-container .menu0 {
        color: white;
        letter-spacing: 8.8px;
        text-transform: uppercase; }
      /* line 604, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .item-container .body3 {
        color: white; }
      /* line 607, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .item-container .triangles svg {
        width: 200px;
        height: 26px;
        margin-top: 12px; }
    /* line 613, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .ig-image {
      display: none;
      transition: background-size 0.2s ease-in;
      -moz-transition: background-size 0.2s ease-in;
      -ms-transition: background-size 0.2s ease-in;
      -o-transition: background-size 0.2s ease-in;
      -webkit-transition: background-size 0.2s ease-in;
      background-size: 100% auto; }
    /* line 623, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .ig-container a {
      overflow: hidden;
      margin-right: 12px; }
      @media (min-width: 48em) {
        /* line 623, sass/page/_highlights.scss */
        .page-highlights .block-enlighten-learn-play .ig-container a {
          margin-right: 0px; } }
      /* line 629, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .ig-container a:hover .ig-image {
        background-size: 110% auto; }
      /* line 632, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .ig-container a:hover .ig-image::after {
        content: "";
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px; }
    /* line 645, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .ig-image:nth-child(1),
    .page-highlights .block-enlighten-learn-play .ig-image:nth-child(2),
    .page-highlights .block-enlighten-learn-play .ig-image:nth-child(3),
    .page-highlights .block-enlighten-learn-play .ig-image:nth-child(4) {
      display: inline-block; }
    @media (min-width: 48em) {
      /* line 577, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play {
        margin-bottom: 120px; } }
    /* line 654, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .ig-image {
      float: left;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      width: 100%;
      position: relative; }
      @media (min-width: 48em) {
        /* line 654, sass/page/_highlights.scss */
        .page-highlights .block-enlighten-learn-play .ig-image {
          width: 50%; } }
      /* line 663, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .ig-image::before {
        content: "";
        display: block;
        padding-top: 50%; }
      /* line 668, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .ig-image .item-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2; }
    /* line 676, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .mobile-only .ig-image {
      width: 100%;
      background-size: cover; }
      /* line 679, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .mobile-only .ig-image::before {
        padding-top: 100%; }
    /* line 683, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .mobile-only .ig-container a:hover .ig-image {
      background-size: cover; }
    /* line 687, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .row.mobile-only {
      width: 193%; }
      /* line 689, sass/page/_highlights.scss */
      .page-highlights .block-enlighten-learn-play .row.mobile-only .slick-dots {
        position: absolute;
        bottom: -70px;
        left: 50vw;
        transform: translateX(-50%);
        color: white; }
        /* line 695, sass/page/_highlights.scss */
        .page-highlights .block-enlighten-learn-play .row.mobile-only .slick-dots li {
          display: inline-block;
          visibility: hidden;
          width: 33px;
          color: #c0c0c0;
          opacity: .4; }
          /* line 701, sass/page/_highlights.scss */
          .page-highlights .block-enlighten-learn-play .row.mobile-only .slick-dots li.slick-active {
            opacity: 1;
            color: #b0b0b0; }
          /* line 705, sass/page/_highlights.scss */
          .page-highlights .block-enlighten-learn-play .row.mobile-only .slick-dots li:before {
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            content: "\f111";
            visibility: visible;
            font-size: 1.15em; }
    /* line 717, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .ig-container:before {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/highlights-element4.png);
      left: 0px;
      top: 0px;
      z-index: -1;
      transform: scale(0.3) translate(-50%, -175%) rotate(180deg);
      position: absolute; }
      @media (min-width: 48em) {
        /* line 717, sass/page/_highlights.scss */
        .page-highlights .block-enlighten-learn-play .ig-container:before {
          left: 0px;
          top: -50px;
          transform: scale(0.5) translate(-50%, -100%); } }
    /* line 730, sass/page/_highlights.scss */
    .page-highlights .block-enlighten-learn-play .ig-container:after {
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/highlights-element5.png);
      right: -270px;
      bottom: 0px;
      z-index: -1;
      transform: scale(1);
      position: absolute;
      display: none; }
      @media (min-width: 48em) {
        /* line 730, sass/page/_highlights.scss */
        .page-highlights .block-enlighten-learn-play .ig-container:after {
          display: none;
          right: 0px;
          bottom: 0px;
          transform: scale(0.5) translate(50%, 150%); } }

/* line 1, sass/page/_password-reset.scss */
.page-password-reset #main {
  min-height: 92vh;
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/user-single-bg.jpg);
  background-size: cover; }
/* line 6, sass/page/_password-reset.scss */
.page-password-reset section {
  text-align: center; }
/* line 9, sass/page/_password-reset.scss */
.page-password-reset .header2 {
  color: #78c8c3;
  padding: 84px 0px 21px; }
/* line 13, sass/page/_password-reset.scss */
.page-password-reset .reset-description {
  color: white;
  margin-bottom: 60px; }
/* line 17, sass/page/_password-reset.scss */
.page-password-reset .signup-inputs {
  width: 294px;
  margin: auto; }
  /* line 20, sass/page/_password-reset.scss */
  .page-password-reset .signup-inputs .field {
    margin: 10px 0px; }
  /* line 23, sass/page/_password-reset.scss */
  .page-password-reset .signup-inputs input {
    background: transparent;
    border: 0px;
    border-bottom: solid 0.5px white;
    outline: 0;
    border-radius: 0;
    outline-color: transparent;
    outline-style: none; }
    /* line 31, sass/page/_password-reset.scss */
    .page-password-reset .signup-inputs input:focus, .page-password-reset .signup-inputs input:active {
      outline: 0;
      outline-style: none;
      outline-color: transparent;
      outline-width: 0px;
      box-shadow: none; }
  /* line 41, sass/page/_password-reset.scss */
  .page-password-reset .signup-inputs .field.notempty label {
    opacity: .3;
    color: #FFFFFF; }
  /* line 45, sass/page/_password-reset.scss */
  .page-password-reset .signup-inputs .field.haserror input {
    border-bottom-color: #FF6464; }
  /* line 48, sass/page/_password-reset.scss */
  .page-password-reset .signup-inputs .field.haserror .msg {
    opacity: 1;
    color: #FF6464; }
  /* line 52, sass/page/_password-reset.scss */
  .page-password-reset .signup-inputs .field.focused.notempty label {
    opacity: 1;
    color: #78C8C3; }
  /* line 56, sass/page/_password-reset.scss */
  .page-password-reset .signup-inputs .field.focused.notempty input {
    border-bottom-color: #78C8C3; }
  /* line 59, sass/page/_password-reset.scss */
  .page-password-reset .signup-inputs #reset-password-btn {
    margin-top: 40px; }

/* line 76, sass/stories.scss */
.page-story-land,
.page-story-ethos,
.page-story-architecture,
.page-story-plastic {
  /*
  .video-placeholder-btn {
  	position: relative;
  	i {
  		top: 50%;
  		position: absolute;
  		left: 50%;
  		transform: scale(1.1) translate(-50%,-50%);		
  	}
  }
  */ }
  /* line 1, sass/page/_story-common.scss */
  .page-story-land .story-submenu,
  .page-story-ethos .story-submenu,
  .page-story-architecture .story-submenu,
  .page-story-plastic .story-submenu {
    background-color: white; }
    /* line 3, sass/page/_story-common.scss */
    .page-story-land .story-submenu .row > div,
    .page-story-ethos .story-submenu .row > div,
    .page-story-architecture .story-submenu .row > div,
    .page-story-plastic .story-submenu .row > div {
      padding: 5px 5px 5px 0px; }
      @media (min-width: 48em) {
        /* line 3, sass/page/_story-common.scss */
        .page-story-land .story-submenu .row > div,
        .page-story-ethos .story-submenu .row > div,
        .page-story-architecture .story-submenu .row > div,
        .page-story-plastic .story-submenu .row > div {
          padding: 8px 0px 8px 8px; } }
    /* line 9, sass/page/_story-common.scss */
    .page-story-land .story-submenu .row > div:last-child,
    .page-story-ethos .story-submenu .row > div:last-child,
    .page-story-architecture .story-submenu .row > div:last-child,
    .page-story-plastic .story-submenu .row > div:last-child {
      padding-right: 0px; }
      @media (min-width: 48em) {
        /* line 9, sass/page/_story-common.scss */
        .page-story-land .story-submenu .row > div:last-child,
        .page-story-ethos .story-submenu .row > div:last-child,
        .page-story-architecture .story-submenu .row > div:last-child,
        .page-story-plastic .story-submenu .row > div:last-child {
          padding-right: 15px; } }
    /* line 16, sass/page/_story-common.scss */
    .page-story-land .story-submenu .container-fluid,
    .page-story-ethos .story-submenu .container-fluid,
    .page-story-architecture .story-submenu .container-fluid,
    .page-story-plastic .story-submenu .container-fluid {
      padding-right: 15px;
      padding-left: 15px;
      overflow: scroll; }
      @media (min-width: 48em) {
        /* line 16, sass/page/_story-common.scss */
        .page-story-land .story-submenu .container-fluid,
        .page-story-ethos .story-submenu .container-fluid,
        .page-story-architecture .story-submenu .container-fluid,
        .page-story-plastic .story-submenu .container-fluid {
          overflow: hidden; } }
      /* line 23, sass/page/_story-common.scss */
      .page-story-land .story-submenu .container-fluid > .row,
      .page-story-ethos .story-submenu .container-fluid > .row,
      .page-story-architecture .story-submenu .container-fluid > .row,
      .page-story-plastic .story-submenu .container-fluid > .row {
        width: 180%; }
        @media (min-width: 48em) {
          /* line 23, sass/page/_story-common.scss */
          .page-story-land .story-submenu .container-fluid > .row,
          .page-story-ethos .story-submenu .container-fluid > .row,
          .page-story-architecture .story-submenu .container-fluid > .row,
          .page-story-plastic .story-submenu .container-fluid > .row {
            width: unset; } }
    /* line 32, sass/page/_story-common.scss */
    .page-story-land .story-submenu .story-submenu-link,
    .page-story-ethos .story-submenu .story-submenu-link,
    .page-story-architecture .story-submenu .story-submenu-link,
    .page-story-plastic .story-submenu .story-submenu-link {
      height: 10vh;
      width: 100%;
      display: inline-block;
      background-repeat: no-repeat;
      /*
      		background-position: 50% 50%;
      		background-size: cover;
      */
      background-position: 50% 100%;
      background-size: 212% auto;
      text-align: center;
      position: relative; }
      @media (min-width: 48em) {
        /* line 32, sass/page/_story-common.scss */
        .page-story-land .story-submenu .story-submenu-link,
        .page-story-ethos .story-submenu .story-submenu-link,
        .page-story-architecture .story-submenu .story-submenu-link,
        .page-story-plastic .story-submenu .story-submenu-link {
          height: 11.5vh;
          background-position: 50% 76%;
          background-size: 120% auto; } }
      /* line 51, sass/page/_story-common.scss */
      .page-story-land .story-submenu .story-submenu-link > div,
      .page-story-ethos .story-submenu .story-submenu-link > div,
      .page-story-architecture .story-submenu .story-submenu-link > div,
      .page-story-plastic .story-submenu .story-submenu-link > div {
        font-family: Value;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 10px;
        line-height: 2.8;
        letter-spacing: 2px;
        color: rgba(255, 255, 255, 0.88);
        white-space: nowrap; }
        @media (min-width: 48em) {
          /* line 51, sass/page/_story-common.scss */
          .page-story-land .story-submenu .story-submenu-link > div,
          .page-story-ethos .story-submenu .story-submenu-link > div,
          .page-story-architecture .story-submenu .story-submenu-link > div,
          .page-story-plastic .story-submenu .story-submenu-link > div {
            opacity: 0;
            font-size: 14px;
            line-height: 2;
            letter-spacing: 5.6px;
            color: #ffffff; } }
        /* line 77, sass/page/_story-common.scss */
        .page-story-land .story-submenu .story-submenu-link > div:before,
        .page-story-ethos .story-submenu .story-submenu-link > div:before,
        .page-story-architecture .story-submenu .story-submenu-link > div:before,
        .page-story-plastic .story-submenu .story-submenu-link > div:before {
          -webkit-transition: width .2s;
          /* For Safari 3.1 to 6.0 */
          transition: width .2s;
          content: " ";
          border-bottom: 2px solid white;
          width: 0px;
          height: 2px;
          display: block;
          position: absolute;
          bottom: 0px; }
      /* line 91, sass/page/_story-common.scss */
      .page-story-land .story-submenu .story-submenu-link:before,
      .page-story-ethos .story-submenu .story-submenu-link:before,
      .page-story-architecture .story-submenu .story-submenu-link:before,
      .page-story-plastic .story-submenu .story-submenu-link:before {
        content: " ";
        position: absolute;
        background-color: rgba(0, 0, 0, 0.2);
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
        @media (min-width: 48em) {
          /* line 91, sass/page/_story-common.scss */
          .page-story-land .story-submenu .story-submenu-link:before,
          .page-story-ethos .story-submenu .story-submenu-link:before,
          .page-story-architecture .story-submenu .story-submenu-link:before,
          .page-story-plastic .story-submenu .story-submenu-link:before {
            background-color: rgba(255, 255, 255, 0.7); } }
      /* line 104, sass/page/_story-common.scss */
      .page-story-land .story-submenu .story-submenu-link.active:before,
      .page-story-ethos .story-submenu .story-submenu-link.active:before,
      .page-story-architecture .story-submenu .story-submenu-link.active:before,
      .page-story-plastic .story-submenu .story-submenu-link.active:before {
        background-color: rgba(0, 0, 0, 0.2); }
      /* line 107, sass/page/_story-common.scss */
      .page-story-land .story-submenu .story-submenu-link.active > div,
      .page-story-ethos .story-submenu .story-submenu-link.active > div,
      .page-story-architecture .story-submenu .story-submenu-link.active > div,
      .page-story-plastic .story-submenu .story-submenu-link.active > div {
        opacity: 1;
        display: inline-block; }
        /* line 110, sass/page/_story-common.scss */
        .page-story-land .story-submenu .story-submenu-link.active > div:before,
        .page-story-ethos .story-submenu .story-submenu-link.active > div:before,
        .page-story-architecture .story-submenu .story-submenu-link.active > div:before,
        .page-story-plastic .story-submenu .story-submenu-link.active > div:before {
          width: 35px; }
      /* line 116, sass/page/_story-common.scss */
      .page-story-land .story-submenu .story-submenu-link:hover::before,
      .page-story-ethos .story-submenu .story-submenu-link:hover::before,
      .page-story-architecture .story-submenu .story-submenu-link:hover::before,
      .page-story-plastic .story-submenu .story-submenu-link:hover::before {
        background-color: rgba(0, 0, 0, 0.2); }
      /* line 119, sass/page/_story-common.scss */
      .page-story-land .story-submenu .story-submenu-link:hover > div,
      .page-story-ethos .story-submenu .story-submenu-link:hover > div,
      .page-story-architecture .story-submenu .story-submenu-link:hover > div,
      .page-story-plastic .story-submenu .story-submenu-link:hover > div {
        display: inline-block;
        opacity: 1; }
        /* line 122, sass/page/_story-common.scss */
        .page-story-land .story-submenu .story-submenu-link:hover > div:before,
        .page-story-ethos .story-submenu .story-submenu-link:hover > div:before,
        .page-story-architecture .story-submenu .story-submenu-link:hover > div:before,
        .page-story-plastic .story-submenu .story-submenu-link:hover > div:before {
          width: 35px; }
  /* line 145, sass/page/_story-common.scss */
  .page-story-land .story-block-type-1,
  .page-story-ethos .story-block-type-1,
  .page-story-architecture .story-block-type-1,
  .page-story-plastic .story-block-type-1 {
    padding: 80px 0px 90px; }
    @media (min-width: 48em) {
      /* line 145, sass/page/_story-common.scss */
      .page-story-land .story-block-type-1,
      .page-story-ethos .story-block-type-1,
      .page-story-architecture .story-block-type-1,
      .page-story-plastic .story-block-type-1 {
        padding: 120px 0px 140px; } }
    /* line 151, sass/page/_story-common.scss */
    .page-story-land .story-block-type-1 .body2,
    .page-story-ethos .story-block-type-1 .body2,
    .page-story-architecture .story-block-type-1 .body2,
    .page-story-plastic .story-block-type-1 .body2 {
      margin: 0px 0px 20px; }
      @media (min-width: 48em) {
        /* line 151, sass/page/_story-common.scss */
        .page-story-land .story-block-type-1 .body2,
        .page-story-ethos .story-block-type-1 .body2,
        .page-story-architecture .story-block-type-1 .body2,
        .page-story-plastic .story-block-type-1 .body2 {
          margin: 40px 0px; } }
    /* line 157, sass/page/_story-common.scss */
    .page-story-land .story-block-type-1 .link1,
    .page-story-ethos .story-block-type-1 .link1,
    .page-story-architecture .story-block-type-1 .link1,
    .page-story-plastic .story-block-type-1 .link1 {
      display: block; }
    /* line 160, sass/page/_story-common.scss */
    .page-story-land .story-block-type-1 .video-placeholder-btn,
    .page-story-ethos .story-block-type-1 .video-placeholder-btn,
    .page-story-architecture .story-block-type-1 .video-placeholder-btn,
    .page-story-plastic .story-block-type-1 .video-placeholder-btn {
      margin: 16px 16px 0px; }
      @media (min-width: 48em) {
        /* line 160, sass/page/_story-common.scss */
        .page-story-land .story-block-type-1 .video-placeholder-btn,
        .page-story-ethos .story-block-type-1 .video-placeholder-btn,
        .page-story-architecture .story-block-type-1 .video-placeholder-btn,
        .page-story-plastic .story-block-type-1 .video-placeholder-btn {
          margin: 16px -35px; } }
  /* line 169, sass/page/_story-common.scss */
  .page-story-land .story-block-type-2 .title2,
  .page-story-ethos .story-block-type-2 .title2,
  .page-story-architecture .story-block-type-2 .title2,
  .page-story-plastic .story-block-type-2 .title2 {
    margin-top: 6%; }
    @media (min-width: 48em) {
      /* line 169, sass/page/_story-common.scss */
      .page-story-land .story-block-type-2 .title2,
      .page-story-ethos .story-block-type-2 .title2,
      .page-story-architecture .story-block-type-2 .title2,
      .page-story-plastic .story-block-type-2 .title2 {
        margin-top: 10%; } }
  /* line 175, sass/page/_story-common.scss */
  .page-story-land .story-block-type-2 .content-column1,
  .page-story-ethos .story-block-type-2 .content-column1,
  .page-story-architecture .story-block-type-2 .content-column1,
  .page-story-plastic .story-block-type-2 .content-column1 {
    margin-top: 144px;
    text-align: right;
    margin-right: -45px; }
  /* line 180, sass/page/_story-common.scss */
  .page-story-land .story-block-type-2 .content-column2,
  .page-story-ethos .story-block-type-2 .content-column2,
  .page-story-architecture .story-block-type-2 .content-column2,
  .page-story-plastic .story-block-type-2 .content-column2 {
    margin-left: 50px;
    margin-top: 100px; }
  /* line 189, sass/page/_story-common.scss */
  .page-story-land .story-block-type-2 .mobile-sidescroll .image-container,
  .page-story-ethos .story-block-type-2 .mobile-sidescroll .image-container,
  .page-story-architecture .story-block-type-2 .mobile-sidescroll .image-container,
  .page-story-plastic .story-block-type-2 .mobile-sidescroll .image-container {
    width: 270%; }
    /* line 191, sass/page/_story-common.scss */
    .page-story-land .story-block-type-2 .mobile-sidescroll .image-container .mobile-slider-img,
    .page-story-ethos .story-block-type-2 .mobile-sidescroll .image-container .mobile-slider-img,
    .page-story-architecture .story-block-type-2 .mobile-sidescroll .image-container .mobile-slider-img,
    .page-story-plastic .story-block-type-2 .mobile-sidescroll .image-container .mobile-slider-img {
      position: relative;
      max-width: 32%;
      width: 32%;
      display: inline-block;
      padding-bottom: 32%;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 50% 50%; }
  /* line 203, sass/page/_story-common.scss */
  .page-story-land .story-block-type-2 .stage-container,
  .page-story-ethos .story-block-type-2 .stage-container,
  .page-story-architecture .story-block-type-2 .stage-container,
  .page-story-plastic .story-block-type-2 .stage-container {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: white;
    text-transform: uppercase;
    width: 63%; }
  /* line 213, sass/page/_story-common.scss */
  .page-story-land .story-block-type-2 .stage-container.offsetpos,
  .page-story-ethos .story-block-type-2 .stage-container.offsetpos,
  .page-story-architecture .story-block-type-2 .stage-container.offsetpos,
  .page-story-plastic .story-block-type-2 .stage-container.offsetpos {
    margin-left: 50px;
    margin-top: 50px; }
  /* line 219, sass/page/_story-common.scss */
  .page-story-land .story-block-type-3,
  .page-story-ethos .story-block-type-3,
  .page-story-architecture .story-block-type-3,
  .page-story-plastic .story-block-type-3 {
    padding: 60px 0px 120px; }
    @media (min-width: 48em) {
      /* line 219, sass/page/_story-common.scss */
      .page-story-land .story-block-type-3,
      .page-story-ethos .story-block-type-3,
      .page-story-architecture .story-block-type-3,
      .page-story-plastic .story-block-type-3 {
        padding: 60px 0px 60px; } }
    /* line 224, sass/page/_story-common.scss */
    .page-story-land .story-block-type-3 .left-container,
    .page-story-ethos .story-block-type-3 .left-container,
    .page-story-architecture .story-block-type-3 .left-container,
    .page-story-plastic .story-block-type-3 .left-container {
      margin-bottom: 18px;
      width: 270%; }
      /* line 226, sass/page/_story-common.scss */
      .page-story-land .story-block-type-3 .left-container .artist-container,
      .page-story-ethos .story-block-type-3 .left-container .artist-container,
      .page-story-architecture .story-block-type-3 .left-container .artist-container,
      .page-story-plastic .story-block-type-3 .left-container .artist-container {
        width: 32%;
        display: inline-block;
        position: relative;
        padding-right: 10px; }
        /* line 231, sass/page/_story-common.scss */
        .page-story-land .story-block-type-3 .left-container .artist-container .artist-name,
        .page-story-ethos .story-block-type-3 .left-container .artist-container .artist-name,
        .page-story-architecture .story-block-type-3 .left-container .artist-container .artist-name,
        .page-story-plastic .story-block-type-3 .left-container .artist-container .artist-name {
          position: absolute;
          top: 50%;
          left: 50%;
          text-align: center;
          transform: translate(-50%, -50%);
          color: white;
          text-transform: uppercase; }
      @media (min-width: 48em) {
        /* line 224, sass/page/_story-common.scss */
        .page-story-land .story-block-type-3 .left-container,
        .page-story-ethos .story-block-type-3 .left-container,
        .page-story-architecture .story-block-type-3 .left-container,
        .page-story-plastic .story-block-type-3 .left-container {
          margin-bottom: 0px;
          width: 100%; } }
    /* line 247, sass/page/_story-common.scss */
    .page-story-land .story-block-type-3 .right-container,
    .page-story-ethos .story-block-type-3 .right-container,
    .page-story-architecture .story-block-type-3 .right-container,
    .page-story-plastic .story-block-type-3 .right-container {
      margin-bottom: 18px;
      margin-top: 30%;
      width: 180%; }
      /* line 250, sass/page/_story-common.scss */
      .page-story-land .story-block-type-3 .right-container .artist-container,
      .page-story-ethos .story-block-type-3 .right-container .artist-container,
      .page-story-architecture .story-block-type-3 .right-container .artist-container,
      .page-story-plastic .story-block-type-3 .right-container .artist-container {
        width: 49%;
        display: inline-block;
        position: relative;
        padding-right: 10px; }
        /* line 255, sass/page/_story-common.scss */
        .page-story-land .story-block-type-3 .right-container .artist-container .artist-name,
        .page-story-ethos .story-block-type-3 .right-container .artist-container .artist-name,
        .page-story-architecture .story-block-type-3 .right-container .artist-container .artist-name,
        .page-story-plastic .story-block-type-3 .right-container .artist-container .artist-name {
          position: absolute;
          top: 50%;
          left: 50%;
          text-align: center;
          transform: translate(-50%, -50%);
          color: white;
          text-transform: uppercase; }
      @media (min-width: 48em) {
        /* line 247, sass/page/_story-common.scss */
        .page-story-land .story-block-type-3 .right-container,
        .page-story-ethos .story-block-type-3 .right-container,
        .page-story-architecture .story-block-type-3 .right-container,
        .page-story-plastic .story-block-type-3 .right-container {
          margin-bottom: 0px;
          width: 100%; } }
    /* line 271, sass/page/_story-common.scss */
    .page-story-land .story-block-type-3 .title2,
    .page-story-ethos .story-block-type-3 .title2,
    .page-story-architecture .story-block-type-3 .title2,
    .page-story-plastic .story-block-type-3 .title2 {
      margin-top: 3%; }
      @media (min-width: 48em) {
        /* line 271, sass/page/_story-common.scss */
        .page-story-land .story-block-type-3 .title2,
        .page-story-ethos .story-block-type-3 .title2,
        .page-story-architecture .story-block-type-3 .title2,
        .page-story-plastic .story-block-type-3 .title2 {
          margin-top: 22px; } }
  /* line 280, sass/page/_story-common.scss */
  .page-story-land .story-block-type-4,
  .page-story-ethos .story-block-type-4,
  .page-story-architecture .story-block-type-4,
  .page-story-plastic .story-block-type-4 {
    background-color: rgba(244, 244, 244, 0.4);
    z-index: 1; }
    /* line 283, sass/page/_story-common.scss */
    .page-story-land .story-block-type-4 .container,
    .page-story-ethos .story-block-type-4 .container,
    .page-story-architecture .story-block-type-4 .container,
    .page-story-plastic .story-block-type-4 .container {
      z-index: 2; }
    /* line 286, sass/page/_story-common.scss */
    .page-story-land .story-block-type-4 .link2,
    .page-story-ethos .story-block-type-4 .link2,
    .page-story-architecture .story-block-type-4 .link2,
    .page-story-plastic .story-block-type-4 .link2 {
      text-align: center;
      margin: 28px 0px 36px;
      display: block; }
      @media (min-width: 48em) {
        /* line 286, sass/page/_story-common.scss */
        .page-story-land .story-block-type-4 .link2,
        .page-story-ethos .story-block-type-4 .link2,
        .page-story-architecture .story-block-type-4 .link2,
        .page-story-plastic .story-block-type-4 .link2 {
          margin: 28px 0px; } }
      /* line 293, sass/page/_story-common.scss */
      .page-story-land .story-block-type-4 .link2 i,
      .page-story-ethos .story-block-type-4 .link2 i,
      .page-story-architecture .story-block-type-4 .link2 i,
      .page-story-plastic .story-block-type-4 .link2 i {
        margin-right: 15px; }
      /* line 296, sass/page/_story-common.scss */
      .page-story-land .story-block-type-4 .link2:hover,
      .page-story-ethos .story-block-type-4 .link2:hover,
      .page-story-architecture .story-block-type-4 .link2:hover,
      .page-story-plastic .story-block-type-4 .link2:hover {
        opacity: .5; }
        /* line 298, sass/page/_story-common.scss */
        .page-story-land .story-block-type-4 .link2:hover i,
        .page-story-ethos .story-block-type-4 .link2:hover i,
        .page-story-architecture .story-block-type-4 .link2:hover i,
        .page-story-plastic .story-block-type-4 .link2:hover i {
          font-weight: 700; }
      /* line 302, sass/page/_story-common.scss */
      .page-story-land .story-block-type-4 .link2:active,
      .page-story-ethos .story-block-type-4 .link2:active,
      .page-story-architecture .story-block-type-4 .link2:active,
      .page-story-plastic .story-block-type-4 .link2:active {
        opacity: .7; }
        /* line 304, sass/page/_story-common.scss */
        .page-story-land .story-block-type-4 .link2:active i,
        .page-story-ethos .story-block-type-4 .link2:active i,
        .page-story-architecture .story-block-type-4 .link2:active i,
        .page-story-plastic .story-block-type-4 .link2:active i {
          font-weight: 700; }
    /* line 309, sass/page/_story-common.scss */
    .page-story-land .story-block-type-4 .qa-content,
    .page-story-ethos .story-block-type-4 .qa-content,
    .page-story-architecture .story-block-type-4 .qa-content,
    .page-story-plastic .story-block-type-4 .qa-content {
      margin: 0px 0px; }
      @media (min-width: 48em) {
        /* line 309, sass/page/_story-common.scss */
        .page-story-land .story-block-type-4 .qa-content,
        .page-story-ethos .story-block-type-4 .qa-content,
        .page-story-architecture .story-block-type-4 .qa-content,
        .page-story-plastic .story-block-type-4 .qa-content {
          margin: 100px 0px; } }
    /* line 315, sass/page/_story-common.scss */
    .page-story-land .story-block-type-4 .qa-image,
    .page-story-ethos .story-block-type-4 .qa-image,
    .page-story-architecture .story-block-type-4 .qa-image,
    .page-story-plastic .story-block-type-4 .qa-image {
      margin-bottom: 40px; }
      @media (min-width: 48em) {
        /* line 315, sass/page/_story-common.scss */
        .page-story-land .story-block-type-4 .qa-image,
        .page-story-ethos .story-block-type-4 .qa-image,
        .page-story-architecture .story-block-type-4 .qa-image,
        .page-story-plastic .story-block-type-4 .qa-image {
          margin-bottom: 0px; } }
    /* line 321, sass/page/_story-common.scss */
    .page-story-land .story-block-type-4 .question,
    .page-story-ethos .story-block-type-4 .question,
    .page-story-architecture .story-block-type-4 .question,
    .page-story-plastic .story-block-type-4 .question {
      margin-bottom: 10px; }
      /* line 323, sass/page/_story-common.scss */
      .page-story-land .story-block-type-4 .question > div,
      .page-story-ethos .story-block-type-4 .question > div,
      .page-story-architecture .story-block-type-4 .question > div,
      .page-story-plastic .story-block-type-4 .question > div {
        width: 90%;
        overflow: hidden; }
      /* line 327, sass/page/_story-common.scss */
      .page-story-land .story-block-type-4 .question:before,
      .page-story-ethos .story-block-type-4 .question:before,
      .page-story-architecture .story-block-type-4 .question:before,
      .page-story-plastic .story-block-type-4 .question:before {
        content: "Q: ";
        display: inline-block;
        float: left;
        width: 10%;
        font-family: ValueSerif;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        text-align: left;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.6px;
        color: #171717; }
        @media (min-width: 48em) {
          /* line 327, sass/page/_story-common.scss */
          .page-story-land .story-block-type-4 .question:before,
          .page-story-ethos .story-block-type-4 .question:before,
          .page-story-architecture .story-block-type-4 .question:before,
          .page-story-plastic .story-block-type-4 .question:before {
            font-size: 16px;
            line-height: 1.13;
            letter-spacing: 0.8px; } }
    /* line 350, sass/page/_story-common.scss */
    .page-story-land .story-block-type-4 .answer,
    .page-story-ethos .story-block-type-4 .answer,
    .page-story-architecture .story-block-type-4 .answer,
    .page-story-plastic .story-block-type-4 .answer {
      margin-bottom: 35px; }
      /* line 352, sass/page/_story-common.scss */
      .page-story-land .story-block-type-4 .answer > div,
      .page-story-ethos .story-block-type-4 .answer > div,
      .page-story-architecture .story-block-type-4 .answer > div,
      .page-story-plastic .story-block-type-4 .answer > div {
        width: 90%;
        overflow: hidden; }
      /* line 356, sass/page/_story-common.scss */
      .page-story-land .story-block-type-4 .answer:before,
      .page-story-ethos .story-block-type-4 .answer:before,
      .page-story-architecture .story-block-type-4 .answer:before,
      .page-story-plastic .story-block-type-4 .answer:before {
        content: "A: ";
        display: inline-block;
        float: left;
        width: 10%;
        font-family: ValueSerif;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        text-align: left;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.6px;
        color: #171717; }
        @media (min-width: 48em) {
          /* line 356, sass/page/_story-common.scss */
          .page-story-land .story-block-type-4 .answer:before,
          .page-story-ethos .story-block-type-4 .answer:before,
          .page-story-architecture .story-block-type-4 .answer:before,
          .page-story-plastic .story-block-type-4 .answer:before {
            font-size: 16px;
            line-height: 1.13;
            letter-spacing: 0.8px; } }
      /* line 377, sass/page/_story-common.scss */
      .page-story-land .story-block-type-4 .answer .body1,
      .page-story-ethos .story-block-type-4 .answer .body1,
      .page-story-architecture .story-block-type-4 .answer .body1,
      .page-story-plastic .story-block-type-4 .answer .body1 {
        color: #888888; }
  /* line 382, sass/page/_story-common.scss */
  .page-story-land .story-block-type-5,
  .page-story-ethos .story-block-type-5,
  .page-story-architecture .story-block-type-5,
  .page-story-plastic .story-block-type-5 {
    padding: 120px 0px 60px; }
    @media (min-width: 48em) {
      /* line 382, sass/page/_story-common.scss */
      .page-story-land .story-block-type-5,
      .page-story-ethos .story-block-type-5,
      .page-story-architecture .story-block-type-5,
      .page-story-plastic .story-block-type-5 {
        padding: 60px 0px 60px; } }
    /* line 387, sass/page/_story-common.scss */
    .page-story-land .story-block-type-5 .story-block-slideshow-nav,
    .page-story-ethos .story-block-type-5 .story-block-slideshow-nav,
    .page-story-architecture .story-block-type-5 .story-block-slideshow-nav,
    .page-story-plastic .story-block-type-5 .story-block-slideshow-nav {
      text-align: right;
      margin: 40px; }
      /* line 390, sass/page/_story-common.scss */
      .page-story-land .story-block-type-5 .story-block-slideshow-nav i,
      .page-story-ethos .story-block-type-5 .story-block-slideshow-nav i,
      .page-story-architecture .story-block-type-5 .story-block-slideshow-nav i,
      .page-story-plastic .story-block-type-5 .story-block-slideshow-nav i {
        color: black; }
      /* line 393, sass/page/_story-common.scss */
      .page-story-land .story-block-type-5 .story-block-slideshow-nav a,
      .page-story-ethos .story-block-type-5 .story-block-slideshow-nav a,
      .page-story-architecture .story-block-type-5 .story-block-slideshow-nav a,
      .page-story-plastic .story-block-type-5 .story-block-slideshow-nav a {
        margin: 25px; }
        /* line 395, sass/page/_story-common.scss */
        .page-story-land .story-block-type-5 .story-block-slideshow-nav a:hover i,
        .page-story-ethos .story-block-type-5 .story-block-slideshow-nav a:hover i,
        .page-story-architecture .story-block-type-5 .story-block-slideshow-nav a:hover i,
        .page-story-plastic .story-block-type-5 .story-block-slideshow-nav a:hover i {
          color: #888888; }
    /* line 401, sass/page/_story-common.scss */
    .page-story-land .story-block-type-5 .title1,
    .page-story-ethos .story-block-type-5 .title1,
    .page-story-architecture .story-block-type-5 .title1,
    .page-story-plastic .story-block-type-5 .title1 {
      text-align: center;
      margin-bottom: 70px !important;
      margin-top: 0px; }
      @media (min-width: 48em) {
        /* line 401, sass/page/_story-common.scss */
        .page-story-land .story-block-type-5 .title1,
        .page-story-ethos .story-block-type-5 .title1,
        .page-story-architecture .story-block-type-5 .title1,
        .page-story-plastic .story-block-type-5 .title1 {
          margin-top: 40px; } }
    /* line 410, sass/page/_story-common.scss */
    .page-story-land .story-block-type-5 .gallery-image,
    .page-story-ethos .story-block-type-5 .gallery-image,
    .page-story-architecture .story-block-type-5 .gallery-image,
    .page-story-plastic .story-block-type-5 .gallery-image {
      padding: 4px; }
    /* line 413, sass/page/_story-common.scss */
    .page-story-land .story-block-type-5 .story-block-slideshow,
    .page-story-ethos .story-block-type-5 .story-block-slideshow,
    .page-story-architecture .story-block-type-5 .story-block-slideshow,
    .page-story-plastic .story-block-type-5 .story-block-slideshow {
      margin-left: 70px; }
    /* line 416, sass/page/_story-common.scss */
    .page-story-land .story-block-type-5 .story-block-slideshow, .page-story-land .story-block-type-5 .story-block-slideshow-nav,
    .page-story-ethos .story-block-type-5 .story-block-slideshow,
    .page-story-ethos .story-block-type-5 .story-block-slideshow-nav,
    .page-story-architecture .story-block-type-5 .story-block-slideshow,
    .page-story-architecture .story-block-type-5 .story-block-slideshow-nav,
    .page-story-plastic .story-block-type-5 .story-block-slideshow,
    .page-story-plastic .story-block-type-5 .story-block-slideshow-nav {
      display: none; }
      @media (min-width: 48em) {
        /* line 416, sass/page/_story-common.scss */
        .page-story-land .story-block-type-5 .story-block-slideshow, .page-story-land .story-block-type-5 .story-block-slideshow-nav,
        .page-story-ethos .story-block-type-5 .story-block-slideshow,
        .page-story-ethos .story-block-type-5 .story-block-slideshow-nav,
        .page-story-architecture .story-block-type-5 .story-block-slideshow,
        .page-story-architecture .story-block-type-5 .story-block-slideshow-nav,
        .page-story-plastic .story-block-type-5 .story-block-slideshow,
        .page-story-plastic .story-block-type-5 .story-block-slideshow-nav {
          display: block; } }
    /* line 422, sass/page/_story-common.scss */
    .page-story-land .story-block-type-5 .mobile-sidescroll,
    .page-story-ethos .story-block-type-5 .mobile-sidescroll,
    .page-story-architecture .story-block-type-5 .mobile-sidescroll,
    .page-story-plastic .story-block-type-5 .mobile-sidescroll {
      display: block; }
      @media (min-width: 48em) {
        /* line 422, sass/page/_story-common.scss */
        .page-story-land .story-block-type-5 .mobile-sidescroll,
        .page-story-ethos .story-block-type-5 .mobile-sidescroll,
        .page-story-architecture .story-block-type-5 .mobile-sidescroll,
        .page-story-plastic .story-block-type-5 .mobile-sidescroll {
          display: none; } }
      /* line 427, sass/page/_story-common.scss */
      .page-story-land .story-block-type-5 .mobile-sidescroll .image-container,
      .page-story-ethos .story-block-type-5 .mobile-sidescroll .image-container,
      .page-story-architecture .story-block-type-5 .mobile-sidescroll .image-container,
      .page-story-plastic .story-block-type-5 .mobile-sidescroll .image-container {
        margin-bottom: 18px;
        width: 450%; }
        /* line 430, sass/page/_story-common.scss */
        .page-story-land .story-block-type-5 .mobile-sidescroll .image-container .gallery-image,
        .page-story-ethos .story-block-type-5 .mobile-sidescroll .image-container .gallery-image,
        .page-story-architecture .story-block-type-5 .mobile-sidescroll .image-container .gallery-image,
        .page-story-plastic .story-block-type-5 .mobile-sidescroll .image-container .gallery-image {
          width: 19%;
          display: inline-block; }
  /* line 439, sass/page/_story-common.scss */
  .page-story-land .story-block-type-6,
  .page-story-ethos .story-block-type-6,
  .page-story-architecture .story-block-type-6,
  .page-story-plastic .story-block-type-6 {
    padding-top: 20px; }
    /* line 441, sass/page/_story-common.scss */
    .page-story-land .story-block-type-6 .title1,
    .page-story-ethos .story-block-type-6 .title1,
    .page-story-architecture .story-block-type-6 .title1,
    .page-story-plastic .story-block-type-6 .title1 {
      margin-bottom: 50px !important;
      margin-top: 30px; }
      @media (min-width: 48em) {
        /* line 441, sass/page/_story-common.scss */
        .page-story-land .story-block-type-6 .title1,
        .page-story-ethos .story-block-type-6 .title1,
        .page-story-architecture .story-block-type-6 .title1,
        .page-story-plastic .story-block-type-6 .title1 {
          margin-bottom: 70px !important;
          margin-top: 0px; } }
    /* line 452, sass/page/_story-common.scss */
    .page-story-land .story-block-type-6 .video-placeholder-btn i,
    .page-story-ethos .story-block-type-6 .video-placeholder-btn i,
    .page-story-architecture .story-block-type-6 .video-placeholder-btn i,
    .page-story-plastic .story-block-type-6 .video-placeholder-btn i {
      font-size: 3.4em; }
      @media (min-width: 48em) {
        /* line 452, sass/page/_story-common.scss */
        .page-story-land .story-block-type-6 .video-placeholder-btn i,
        .page-story-ethos .story-block-type-6 .video-placeholder-btn i,
        .page-story-architecture .story-block-type-6 .video-placeholder-btn i,
        .page-story-plastic .story-block-type-6 .video-placeholder-btn i {
          font-size: 4.4em; } }
  /* line 464, sass/page/_story-common.scss */
  .page-story-land #gallery1,
  .page-story-ethos #gallery1,
  .page-story-architecture #gallery1,
  .page-story-plastic #gallery1 {
    padding: 60px 0px 100px; }
    @media (min-width: 48em) {
      /* line 464, sass/page/_story-common.scss */
      .page-story-land #gallery1,
      .page-story-ethos #gallery1,
      .page-story-architecture #gallery1,
      .page-story-plastic #gallery1 {
        padding: 60px 0px 60px; } }
    /* line 470, sass/page/_story-common.scss */
    .page-story-land #gallery1 .mobile-sidescroll .image-container,
    .page-story-ethos #gallery1 .mobile-sidescroll .image-container,
    .page-story-architecture #gallery1 .mobile-sidescroll .image-container,
    .page-story-plastic #gallery1 .mobile-sidescroll .image-container {
      width: 540%; }
      /* line 472, sass/page/_story-common.scss */
      .page-story-land #gallery1 .mobile-sidescroll .image-container .gallery-image,
      .page-story-ethos #gallery1 .mobile-sidescroll .image-container .gallery-image,
      .page-story-architecture #gallery1 .mobile-sidescroll .image-container .gallery-image,
      .page-story-plastic #gallery1 .mobile-sidescroll .image-container .gallery-image {
        width: 16%; }
  /* line 480, sass/page/_story-common.scss */
  .page-story-land #gallery2 .mobile-sidescroll .image-container,
  .page-story-ethos #gallery2 .mobile-sidescroll .image-container,
  .page-story-architecture #gallery2 .mobile-sidescroll .image-container,
  .page-story-plastic #gallery2 .mobile-sidescroll .image-container {
    width: 450%; }
    /* line 482, sass/page/_story-common.scss */
    .page-story-land #gallery2 .mobile-sidescroll .image-container .gallery-image,
    .page-story-ethos #gallery2 .mobile-sidescroll .image-container .gallery-image,
    .page-story-architecture #gallery2 .mobile-sidescroll .image-container .gallery-image,
    .page-story-plastic #gallery2 .mobile-sidescroll .image-container .gallery-image {
      width: 19%;
      display: inline-block; }
  /* line 490, sass/page/_story-common.scss */
  .page-story-land .story-block-type-7,
  .page-story-ethos .story-block-type-7,
  .page-story-architecture .story-block-type-7,
  .page-story-plastic .story-block-type-7 {
    text-align: center;
    margin-bottom: 100px;
    padding-top: 60px; }
    /* line 495, sass/page/_story-common.scss */
    .page-story-land .story-block-type-7 .title1,
    .page-story-ethos .story-block-type-7 .title1,
    .page-story-architecture .story-block-type-7 .title1,
    .page-story-plastic .story-block-type-7 .title1 {
      text-align: center; }
    /* line 498, sass/page/_story-common.scss */
    .page-story-land .story-block-type-7 .body1,
    .page-story-ethos .story-block-type-7 .body1,
    .page-story-architecture .story-block-type-7 .body1,
    .page-story-plastic .story-block-type-7 .body1 {
      text-align: center;
      color: #888888;
      margin: 14px 0px 70px; }
  /* line 504, sass/page/_story-common.scss */
  .page-story-land .story-block-type-8,
  .page-story-ethos .story-block-type-8,
  .page-story-architecture .story-block-type-8,
  .page-story-plastic .story-block-type-8 {
    text-align: center;
    padding: 120px 0px 45px; }
    @media (min-width: 48em) {
      /* line 504, sass/page/_story-common.scss */
      .page-story-land .story-block-type-8,
      .page-story-ethos .story-block-type-8,
      .page-story-architecture .story-block-type-8,
      .page-story-plastic .story-block-type-8 {
        padding: 120px 0px; } }
    /* line 510, sass/page/_story-common.scss */
    .page-story-land .story-block-type-8 .col-md-4,
    .page-story-ethos .story-block-type-8 .col-md-4,
    .page-story-architecture .story-block-type-8 .col-md-4,
    .page-story-plastic .story-block-type-8 .col-md-4 {
      margin-top: 6%; }
      @media (min-width: 48em) {
        /* line 510, sass/page/_story-common.scss */
        .page-story-land .story-block-type-8 .col-md-4,
        .page-story-ethos .story-block-type-8 .col-md-4,
        .page-story-architecture .story-block-type-8 .col-md-4,
        .page-story-plastic .story-block-type-8 .col-md-4 {
          margin-top: 1%; } }
    /* line 516, sass/page/_story-common.scss */
    .page-story-land .story-block-type-8 .image-container,
    .page-story-ethos .story-block-type-8 .image-container,
    .page-story-architecture .story-block-type-8 .image-container,
    .page-story-plastic .story-block-type-8 .image-container {
      margin-bottom: 80px; }
      @media (min-width: 48em) {
        /* line 516, sass/page/_story-common.scss */
        .page-story-land .story-block-type-8 .image-container,
        .page-story-ethos .story-block-type-8 .image-container,
        .page-story-architecture .story-block-type-8 .image-container,
        .page-story-plastic .story-block-type-8 .image-container {
          margin-bottom: 0px; } }
    /* line 522, sass/page/_story-common.scss */
    .page-story-land .story-block-type-8 .stacked-image,
    .page-story-ethos .story-block-type-8 .stacked-image,
    .page-story-architecture .story-block-type-8 .stacked-image,
    .page-story-plastic .story-block-type-8 .stacked-image {
      width: 30%;
      position: absolute;
      right: 50px;
      bottom: -50px; }
      @media (min-width: 48em) {
        /* line 522, sass/page/_story-common.scss */
        .page-story-land .story-block-type-8 .stacked-image,
        .page-story-ethos .story-block-type-8 .stacked-image,
        .page-story-architecture .story-block-type-8 .stacked-image,
        .page-story-plastic .story-block-type-8 .stacked-image {
          width: 35%;
          position: absolute;
          right: -90px;
          bottom: -200px;
          /*
              width: 33%;
              position: absolute;
              right: -90px;
              bottom: -210px;
          */ } }
    /* line 543, sass/page/_story-common.scss */
    .page-story-land .story-block-type-8 .image-caption,
    .page-story-ethos .story-block-type-8 .image-caption,
    .page-story-architecture .story-block-type-8 .image-caption,
    .page-story-plastic .story-block-type-8 .image-caption {
      display: none; }
      @media (min-width: 48em) {
        /* line 543, sass/page/_story-common.scss */
        .page-story-land .story-block-type-8 .image-caption,
        .page-story-ethos .story-block-type-8 .image-caption,
        .page-story-architecture .story-block-type-8 .image-caption,
        .page-story-plastic .story-block-type-8 .image-caption {
          display: block; } }
  /* line 552, sass/page/_story-common.scss */
  .page-story-land .story-block-type-9 .image-container,
  .page-story-ethos .story-block-type-9 .image-container,
  .page-story-architecture .story-block-type-9 .image-container,
  .page-story-plastic .story-block-type-9 .image-container {
    padding-right: 40%;
    padding-bottom: 50px; }
    @media (min-width: 48em) {
      /* line 552, sass/page/_story-common.scss */
      .page-story-land .story-block-type-9 .image-container,
      .page-story-ethos .story-block-type-9 .image-container,
      .page-story-architecture .story-block-type-9 .image-container,
      .page-story-plastic .story-block-type-9 .image-container {
        padding-right: 0px;
        padding-bottom: 0px; } }
  @media (min-width: 48em) {
    /* line 560, sass/page/_story-common.scss */
    .page-story-land .story-block-type-9 .base-image,
    .page-story-ethos .story-block-type-9 .base-image,
    .page-story-architecture .story-block-type-9 .base-image,
    .page-story-plastic .story-block-type-9 .base-image {
      margin-bottom: 150px; } }
  /* line 565, sass/page/_story-common.scss */
  .page-story-land .story-block-type-9 .stacked-image,
  .page-story-ethos .story-block-type-9 .stacked-image,
  .page-story-architecture .story-block-type-9 .stacked-image,
  .page-story-plastic .story-block-type-9 .stacked-image {
    position: absolute;
    bottom: 0px;
    right: 9%;
    width: 60%; }
    @media (min-width: 48em) {
      /* line 565, sass/page/_story-common.scss */
      .page-story-land .story-block-type-9 .stacked-image,
      .page-story-ethos .story-block-type-9 .stacked-image,
      .page-story-architecture .story-block-type-9 .stacked-image,
      .page-story-plastic .story-block-type-9 .stacked-image {
        bottom: 20px;
        left: -220px;
        width: 100%; } }
  /* line 577, sass/page/_story-common.scss */
  .page-story-land .story-block-type-9 .title2,
  .page-story-ethos .story-block-type-9 .title2,
  .page-story-architecture .story-block-type-9 .title2,
  .page-story-plastic .story-block-type-9 .title2 {
    margin-top: 6%;
    text-align: left; }
    @media (min-width: 48em) {
      /* line 577, sass/page/_story-common.scss */
      .page-story-land .story-block-type-9 .title2,
      .page-story-ethos .story-block-type-9 .title2,
      .page-story-architecture .story-block-type-9 .title2,
      .page-story-plastic .story-block-type-9 .title2 {
        margin-top: 10%;
        text-align: right; } }
  /* line 585, sass/page/_story-common.scss */
  .page-story-land .story-block-type-9 .body1,
  .page-story-ethos .story-block-type-9 .body1,
  .page-story-architecture .story-block-type-9 .body1,
  .page-story-plastic .story-block-type-9 .body1 {
    width: 100%;
    text-align: left; }
    @media (min-width: 48em) {
      /* line 585, sass/page/_story-common.scss */
      .page-story-land .story-block-type-9 .body1,
      .page-story-ethos .story-block-type-9 .body1,
      .page-story-architecture .story-block-type-9 .body1,
      .page-story-plastic .story-block-type-9 .body1 {
        width: 75%;
        text-align: right;
        float: right; } }
  /* line 594, sass/page/_story-common.scss */
  .page-story-land .story-block-type-9 .subsection,
  .page-story-ethos .story-block-type-9 .subsection,
  .page-story-architecture .story-block-type-9 .subsection,
  .page-story-plastic .story-block-type-9 .subsection {
    width: 50%;
    margin-top: 15%;
    margin-bottom: 10%;
    display: block; }
    @media (min-width: 48em) {
      /* line 594, sass/page/_story-common.scss */
      .page-story-land .story-block-type-9 .subsection,
      .page-story-ethos .story-block-type-9 .subsection,
      .page-story-architecture .story-block-type-9 .subsection,
      .page-story-plastic .story-block-type-9 .subsection {
        margin-top: 35%;
        margin-bottom: 0%; } }
    /* line 603, sass/page/_story-common.scss */
    .page-story-land .story-block-type-9 .subsection .body1,
    .page-story-ethos .story-block-type-9 .subsection .body1,
    .page-story-architecture .story-block-type-9 .subsection .body1,
    .page-story-plastic .story-block-type-9 .subsection .body1 {
      display: none; }
      @media (min-width: 48em) {
        /* line 603, sass/page/_story-common.scss */
        .page-story-land .story-block-type-9 .subsection .body1,
        .page-story-ethos .story-block-type-9 .subsection .body1,
        .page-story-architecture .story-block-type-9 .subsection .body1,
        .page-story-plastic .story-block-type-9 .subsection .body1 {
          float: none;
          text-align: left;
          width: 70%;
          margin-top: 10%;
          display: block; } }
  /* line 616, sass/page/_story-common.scss */
  .page-story-land .story-block-type-10 .text-content,
  .page-story-ethos .story-block-type-10 .text-content,
  .page-story-architecture .story-block-type-10 .text-content,
  .page-story-plastic .story-block-type-10 .text-content {
    margin-top: 6%; }
  /* line 619, sass/page/_story-common.scss */
  .page-story-land .story-block-type-10 .base-image,
  .page-story-ethos .story-block-type-10 .base-image,
  .page-story-architecture .story-block-type-10 .base-image,
  .page-story-plastic .story-block-type-10 .base-image {
    margin-bottom: 15px; }
    @media (min-width: 48em) {
      /* line 619, sass/page/_story-common.scss */
      .page-story-land .story-block-type-10 .base-image,
      .page-story-ethos .story-block-type-10 .base-image,
      .page-story-architecture .story-block-type-10 .base-image,
      .page-story-plastic .story-block-type-10 .base-image {
        margin-bottom: 150px; } }
  /* line 625, sass/page/_story-common.scss */
  .page-story-land .story-block-type-10 .stacked-image,
  .page-story-ethos .story-block-type-10 .stacked-image,
  .page-story-architecture .story-block-type-10 .stacked-image,
  .page-story-plastic .story-block-type-10 .stacked-image {
    position: absolute;
    width: 60%;
    bottom: 33px;
    right: 0px; }
    @media (min-width: 48em) {
      /* line 625, sass/page/_story-common.scss */
      .page-story-land .story-block-type-10 .stacked-image,
      .page-story-ethos .story-block-type-10 .stacked-image,
      .page-story-architecture .story-block-type-10 .stacked-image,
      .page-story-plastic .story-block-type-10 .stacked-image {
        width: 100%;
        bottom: 26px;
        right: -220px; } }
  /* line 636, sass/page/_story-common.scss */
  .page-story-land .story-block-type-10 .image-container,
  .page-story-ethos .story-block-type-10 .image-container,
  .page-story-architecture .story-block-type-10 .image-container,
  .page-story-plastic .story-block-type-10 .image-container {
    padding-right: 38%; }
    @media (min-width: 48em) {
      /* line 636, sass/page/_story-common.scss */
      .page-story-land .story-block-type-10 .image-container,
      .page-story-ethos .story-block-type-10 .image-container,
      .page-story-architecture .story-block-type-10 .image-container,
      .page-story-plastic .story-block-type-10 .image-container {
        padding-right: 0%; } }
  /* line 643, sass/page/_story-common.scss */
  .page-story-land .story-block-type-10 .title1,
  .page-story-ethos .story-block-type-10 .title1,
  .page-story-architecture .story-block-type-10 .title1,
  .page-story-plastic .story-block-type-10 .title1 {
    margin-top: 10%; }
  /* line 646, sass/page/_story-common.scss */
  .page-story-land .story-block-type-10 .body1,
  .page-story-ethos .story-block-type-10 .body1,
  .page-story-architecture .story-block-type-10 .body1,
  .page-story-plastic .story-block-type-10 .body1 {
    width: 100%; }
    @media (min-width: 48em) {
      /* line 646, sass/page/_story-common.scss */
      .page-story-land .story-block-type-10 .body1,
      .page-story-ethos .story-block-type-10 .body1,
      .page-story-architecture .story-block-type-10 .body1,
      .page-story-plastic .story-block-type-10 .body1 {
        width: 75%; } }
  /* line 652, sass/page/_story-common.scss */
  .page-story-land .story-block-type-10 .subsection,
  .page-story-ethos .story-block-type-10 .subsection,
  .page-story-architecture .story-block-type-10 .subsection,
  .page-story-plastic .story-block-type-10 .subsection {
    width: 50%;
    margin-top: 9%;
    display: block;
    float: right; }
    @media (min-width: 48em) {
      /* line 652, sass/page/_story-common.scss */
      .page-story-land .story-block-type-10 .subsection,
      .page-story-ethos .story-block-type-10 .subsection,
      .page-story-architecture .story-block-type-10 .subsection,
      .page-story-plastic .story-block-type-10 .subsection {
        margin-top: 9%; } }
    /* line 660, sass/page/_story-common.scss */
    .page-story-land .story-block-type-10 .subsection .body1,
    .page-story-ethos .story-block-type-10 .subsection .body1,
    .page-story-architecture .story-block-type-10 .subsection .body1,
    .page-story-plastic .story-block-type-10 .subsection .body1 {
      display: none; }
      @media (min-width: 48em) {
        /* line 660, sass/page/_story-common.scss */
        .page-story-land .story-block-type-10 .subsection .body1,
        .page-story-ethos .story-block-type-10 .subsection .body1,
        .page-story-architecture .story-block-type-10 .subsection .body1,
        .page-story-plastic .story-block-type-10 .subsection .body1 {
          display: block;
          float: none;
          text-align: left;
          width: 70%;
          margin-top: 10%; } }
  /* line 674, sass/page/_story-common.scss */
  .page-story-land .story-block-type-11 .title2,
  .page-story-ethos .story-block-type-11 .title2,
  .page-story-architecture .story-block-type-11 .title2,
  .page-story-plastic .story-block-type-11 .title2 {
    margin-top: 6%; }
    @media (min-width: 48em) {
      /* line 674, sass/page/_story-common.scss */
      .page-story-land .story-block-type-11 .title2,
      .page-story-ethos .story-block-type-11 .title2,
      .page-story-architecture .story-block-type-11 .title2,
      .page-story-plastic .story-block-type-11 .title2 {
        margin-top: 30%; } }
  /* line 680, sass/page/_story-common.scss */
  .page-story-land .story-block-type-11 .title2, .page-story-land .story-block-type-11 .body1,
  .page-story-ethos .story-block-type-11 .title2,
  .page-story-ethos .story-block-type-11 .body1,
  .page-story-architecture .story-block-type-11 .title2,
  .page-story-architecture .story-block-type-11 .body1,
  .page-story-plastic .story-block-type-11 .title2,
  .page-story-plastic .story-block-type-11 .body1 {
    text-align: left; }
    @media (min-width: 48em) {
      /* line 680, sass/page/_story-common.scss */
      .page-story-land .story-block-type-11 .title2, .page-story-land .story-block-type-11 .body1,
      .page-story-ethos .story-block-type-11 .title2,
      .page-story-ethos .story-block-type-11 .body1,
      .page-story-architecture .story-block-type-11 .title2,
      .page-story-architecture .story-block-type-11 .body1,
      .page-story-plastic .story-block-type-11 .title2,
      .page-story-plastic .story-block-type-11 .body1 {
        text-align: right; } }
  /* line 687, sass/page/_story-common.scss */
  .page-story-land .story-block-type-12,
  .page-story-ethos .story-block-type-12,
  .page-story-architecture .story-block-type-12,
  .page-story-plastic .story-block-type-12 {
    display: none; }
  /* line 690, sass/page/_story-common.scss */
  .page-story-land .story-block-type-13,
  .page-story-ethos .story-block-type-13,
  .page-story-architecture .story-block-type-13,
  .page-story-plastic .story-block-type-13 {
    background-color: rgba(244, 244, 244, 0.4);
    overflow: hidden; }
    /* line 693, sass/page/_story-common.scss */
    .page-story-land .story-block-type-13 .title2,
    .page-story-ethos .story-block-type-13 .title2,
    .page-story-architecture .story-block-type-13 .title2,
    .page-story-plastic .story-block-type-13 .title2 {
      margin-top: 10%; }
    /* line 696, sass/page/_story-common.scss */
    .page-story-land .story-block-type-13 .title1,
    .page-story-ethos .story-block-type-13 .title1,
    .page-story-architecture .story-block-type-13 .title1,
    .page-story-plastic .story-block-type-13 .title1 {
      text-align: center; }
      @media (min-width: 48em) {
        /* line 696, sass/page/_story-common.scss */
        .page-story-land .story-block-type-13 .title1,
        .page-story-ethos .story-block-type-13 .title1,
        .page-story-architecture .story-block-type-13 .title1,
        .page-story-plastic .story-block-type-13 .title1 {
          text-align: left; } }
    /* line 702, sass/page/_story-common.scss */
    .page-story-land .story-block-type-13 .story-block-slideshow,
    .page-story-ethos .story-block-type-13 .story-block-slideshow,
    .page-story-architecture .story-block-type-13 .story-block-slideshow,
    .page-story-plastic .story-block-type-13 .story-block-slideshow {
      margin-top: 15px; }
      @media (min-width: 48em) {
        /* line 702, sass/page/_story-common.scss */
        .page-story-land .story-block-type-13 .story-block-slideshow,
        .page-story-ethos .story-block-type-13 .story-block-slideshow,
        .page-story-architecture .story-block-type-13 .story-block-slideshow,
        .page-story-plastic .story-block-type-13 .story-block-slideshow {
          margin-top: 40px; } }
    /* line 708, sass/page/_story-common.scss */
    .page-story-land .story-block-type-13 .top-triangles-container,
    .page-story-ethos .story-block-type-13 .top-triangles-container,
    .page-story-architecture .story-block-type-13 .top-triangles-container,
    .page-story-plastic .story-block-type-13 .top-triangles-container {
      position: absolute;
      top: 0px;
      display: block;
      width: 100%; }
      /* line 713, sass/page/_story-common.scss */
      .page-story-land .story-block-type-13 .top-triangles-container .container,
      .page-story-ethos .story-block-type-13 .top-triangles-container .container,
      .page-story-architecture .story-block-type-13 .top-triangles-container .container,
      .page-story-plastic .story-block-type-13 .top-triangles-container .container {
        position: relative; }
      /* line 716, sass/page/_story-common.scss */
      .page-story-land .story-block-type-13 .top-triangles-container .top-triangles,
      .page-story-ethos .story-block-type-13 .top-triangles-container .top-triangles,
      .page-story-architecture .story-block-type-13 .top-triangles-container .top-triangles,
      .page-story-plastic .story-block-type-13 .top-triangles-container .top-triangles {
        width: 222px;
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%); }
        @media (min-width: 48em) {
          /* line 716, sass/page/_story-common.scss */
          .page-story-land .story-block-type-13 .top-triangles-container .top-triangles,
          .page-story-ethos .story-block-type-13 .top-triangles-container .top-triangles,
          .page-story-architecture .story-block-type-13 .top-triangles-container .top-triangles,
          .page-story-plastic .story-block-type-13 .top-triangles-container .top-triangles {
            left: 0px;
            transform: unset; } }
    /* line 728, sass/page/_story-common.scss */
    .page-story-land .story-block-type-13 .slide-image-container,
    .page-story-ethos .story-block-type-13 .slide-image-container,
    .page-story-architecture .story-block-type-13 .slide-image-container,
    .page-story-plastic .story-block-type-13 .slide-image-container {
      position: relative;
      margin: 2%; }
      @media (min-width: 48em) {
        /* line 728, sass/page/_story-common.scss */
        .page-story-land .story-block-type-13 .slide-image-container,
        .page-story-ethos .story-block-type-13 .slide-image-container,
        .page-story-architecture .story-block-type-13 .slide-image-container,
        .page-story-plastic .story-block-type-13 .slide-image-container {
          margin: 0%; } }
      /* line 734, sass/page/_story-common.scss */
      .page-story-land .story-block-type-13 .slide-image-container .stacked-image,
      .page-story-ethos .story-block-type-13 .slide-image-container .stacked-image,
      .page-story-architecture .story-block-type-13 .slide-image-container .stacked-image,
      .page-story-plastic .story-block-type-13 .slide-image-container .stacked-image {
        position: absolute;
        z-index: 1;
        width: 35%; }
        @media (min-width: 48em) {
          /* line 734, sass/page/_story-common.scss */
          .page-story-land .story-block-type-13 .slide-image-container .stacked-image,
          .page-story-ethos .story-block-type-13 .slide-image-container .stacked-image,
          .page-story-architecture .story-block-type-13 .slide-image-container .stacked-image,
          .page-story-plastic .story-block-type-13 .slide-image-container .stacked-image {
            width: 40%; } }
      /* line 742, sass/page/_story-common.scss */
      .page-story-land .story-block-type-13 .slide-image-container.bl-position,
      .page-story-ethos .story-block-type-13 .slide-image-container.bl-position,
      .page-story-architecture .story-block-type-13 .slide-image-container.bl-position,
      .page-story-plastic .story-block-type-13 .slide-image-container.bl-position {
        padding-left: 21%;
        padding-bottom: 8%; }
        @media (min-width: 48em) {
          /* line 742, sass/page/_story-common.scss */
          .page-story-land .story-block-type-13 .slide-image-container.bl-position,
          .page-story-ethos .story-block-type-13 .slide-image-container.bl-position,
          .page-story-architecture .story-block-type-13 .slide-image-container.bl-position,
          .page-story-plastic .story-block-type-13 .slide-image-container.bl-position {
            padding-left: 21%;
            padding-bottom: 21%; } }
        /* line 749, sass/page/_story-common.scss */
        .page-story-land .story-block-type-13 .slide-image-container.bl-position .stacked-image,
        .page-story-ethos .story-block-type-13 .slide-image-container.bl-position .stacked-image,
        .page-story-architecture .story-block-type-13 .slide-image-container.bl-position .stacked-image,
        .page-story-plastic .story-block-type-13 .slide-image-container.bl-position .stacked-image {
          position: absolute;
          left: 0px;
          top: 20%;
          width: 35%; }
          @media (min-width: 48em) {
            /* line 749, sass/page/_story-common.scss */
            .page-story-land .story-block-type-13 .slide-image-container.bl-position .stacked-image,
            .page-story-ethos .story-block-type-13 .slide-image-container.bl-position .stacked-image,
            .page-story-architecture .story-block-type-13 .slide-image-container.bl-position .stacked-image,
            .page-story-plastic .story-block-type-13 .slide-image-container.bl-position .stacked-image {
              width: 40%; } }
      /* line 760, sass/page/_story-common.scss */
      .page-story-land .story-block-type-13 .slide-image-container.br-position,
      .page-story-ethos .story-block-type-13 .slide-image-container.br-position,
      .page-story-architecture .story-block-type-13 .slide-image-container.br-position,
      .page-story-plastic .story-block-type-13 .slide-image-container.br-position {
        padding-right: 21%;
        padding-bottom: 8%; }
        @media (min-width: 48em) {
          /* line 760, sass/page/_story-common.scss */
          .page-story-land .story-block-type-13 .slide-image-container.br-position,
          .page-story-ethos .story-block-type-13 .slide-image-container.br-position,
          .page-story-architecture .story-block-type-13 .slide-image-container.br-position,
          .page-story-plastic .story-block-type-13 .slide-image-container.br-position {
            padding-right: 21%;
            padding-bottom: 21%; } }
        /* line 767, sass/page/_story-common.scss */
        .page-story-land .story-block-type-13 .slide-image-container.br-position .stacked-image,
        .page-story-ethos .story-block-type-13 .slide-image-container.br-position .stacked-image,
        .page-story-architecture .story-block-type-13 .slide-image-container.br-position .stacked-image,
        .page-story-plastic .story-block-type-13 .slide-image-container.br-position .stacked-image {
          position: absolute;
          right: 0px;
          top: 20%;
          width: 35%; }
          @media (min-width: 48em) {
            /* line 767, sass/page/_story-common.scss */
            .page-story-land .story-block-type-13 .slide-image-container.br-position .stacked-image,
            .page-story-ethos .story-block-type-13 .slide-image-container.br-position .stacked-image,
            .page-story-architecture .story-block-type-13 .slide-image-container.br-position .stacked-image,
            .page-story-plastic .story-block-type-13 .slide-image-container.br-position .stacked-image {
              width: 40%; } }
      /* line 778, sass/page/_story-common.scss */
      .page-story-land .story-block-type-13 .slide-image-container.tr-position,
      .page-story-ethos .story-block-type-13 .slide-image-container.tr-position,
      .page-story-architecture .story-block-type-13 .slide-image-container.tr-position,
      .page-story-plastic .story-block-type-13 .slide-image-container.tr-position {
        padding-right: 21%;
        padding-top: 8%; }
        @media (min-width: 48em) {
          /* line 778, sass/page/_story-common.scss */
          .page-story-land .story-block-type-13 .slide-image-container.tr-position,
          .page-story-ethos .story-block-type-13 .slide-image-container.tr-position,
          .page-story-architecture .story-block-type-13 .slide-image-container.tr-position,
          .page-story-plastic .story-block-type-13 .slide-image-container.tr-position {
            padding-right: 21%;
            padding-top: 21%; } }
        /* line 785, sass/page/_story-common.scss */
        .page-story-land .story-block-type-13 .slide-image-container.tr-position .stacked-image,
        .page-story-ethos .story-block-type-13 .slide-image-container.tr-position .stacked-image,
        .page-story-architecture .story-block-type-13 .slide-image-container.tr-position .stacked-image,
        .page-story-plastic .story-block-type-13 .slide-image-container.tr-position .stacked-image {
          position: absolute;
          right: 0px;
          bottom: 20%;
          width: 35%; }
          @media (min-width: 48em) {
            /* line 785, sass/page/_story-common.scss */
            .page-story-land .story-block-type-13 .slide-image-container.tr-position .stacked-image,
            .page-story-ethos .story-block-type-13 .slide-image-container.tr-position .stacked-image,
            .page-story-architecture .story-block-type-13 .slide-image-container.tr-position .stacked-image,
            .page-story-plastic .story-block-type-13 .slide-image-container.tr-position .stacked-image {
              width: 40%; } }
    /* line 796, sass/page/_story-common.scss */
    .page-story-land .story-block-type-13 .slick-dots,
    .page-story-ethos .story-block-type-13 .slick-dots,
    .page-story-architecture .story-block-type-13 .slick-dots,
    .page-story-plastic .story-block-type-13 .slick-dots {
      text-align: center;
      margin-top: 50px; }
      /* line 799, sass/page/_story-common.scss */
      .page-story-land .story-block-type-13 .slick-dots li,
      .page-story-ethos .story-block-type-13 .slick-dots li,
      .page-story-architecture .story-block-type-13 .slick-dots li,
      .page-story-plastic .story-block-type-13 .slick-dots li {
        display: inline-block; }
        /* line 801, sass/page/_story-common.scss */
        .page-story-land .story-block-type-13 .slick-dots li button,
        .page-story-ethos .story-block-type-13 .slick-dots li button,
        .page-story-architecture .story-block-type-13 .slick-dots li button,
        .page-story-plastic .story-block-type-13 .slick-dots li button {
          visibility: hidden; }
        /* line 806, sass/page/_story-common.scss */
        .page-story-land .story-block-type-13 .slick-dots li button:before,
        .page-story-ethos .story-block-type-13 .slick-dots li button:before,
        .page-story-architecture .story-block-type-13 .slick-dots li button:before,
        .page-story-plastic .story-block-type-13 .slick-dots li button:before {
          content: '\f111';
          font-family: "Font Awesome 5 Pro";
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          font-weight: 600;
          -webkit-font-smoothing: antialiased;
          color: rgba(176, 176, 176, 0.3);
          visibility: visible;
          font-size: 1.2em;
          margin-right: -11px; }
          @media (min-width: 48em) {
            /* line 806, sass/page/_story-common.scss */
            .page-story-land .story-block-type-13 .slick-dots li button:before,
            .page-story-ethos .story-block-type-13 .slick-dots li button:before,
            .page-story-architecture .story-block-type-13 .slick-dots li button:before,
            .page-story-plastic .story-block-type-13 .slick-dots li button:before {
              margin-right: -5px; } }
      /* line 825, sass/page/_story-common.scss */
      .page-story-land .story-block-type-13 .slick-dots li.slick-active button:before,
      .page-story-ethos .story-block-type-13 .slick-dots li.slick-active button:before,
      .page-story-architecture .story-block-type-13 .slick-dots li.slick-active button:before,
      .page-story-plastic .story-block-type-13 .slick-dots li.slick-active button:before {
        color: #b0b0b0; }
  /* line 832, sass/page/_story-common.scss */
  .page-story-land .story-block-type-14 .image-container,
  .page-story-ethos .story-block-type-14 .image-container,
  .page-story-architecture .story-block-type-14 .image-container,
  .page-story-plastic .story-block-type-14 .image-container {
    margin-left: 38%;
    margin-bottom: 22px; }
    @media (min-width: 48em) {
      /* line 832, sass/page/_story-common.scss */
      .page-story-land .story-block-type-14 .image-container,
      .page-story-ethos .story-block-type-14 .image-container,
      .page-story-architecture .story-block-type-14 .image-container,
      .page-story-plastic .story-block-type-14 .image-container {
        margin-left: 0px;
        margin-bottom: 0px; } }
  /* line 840, sass/page/_story-common.scss */
  .page-story-land .story-block-type-14 .title2, .page-story-land .story-block-type-14 .body1,
  .page-story-ethos .story-block-type-14 .title2,
  .page-story-ethos .story-block-type-14 .body1,
  .page-story-architecture .story-block-type-14 .title2,
  .page-story-architecture .story-block-type-14 .body1,
  .page-story-plastic .story-block-type-14 .title2,
  .page-story-plastic .story-block-type-14 .body1 {
    text-align: left; }
    @media (min-width: 48em) {
      /* line 840, sass/page/_story-common.scss */
      .page-story-land .story-block-type-14 .title2, .page-story-land .story-block-type-14 .body1,
      .page-story-ethos .story-block-type-14 .title2,
      .page-story-ethos .story-block-type-14 .body1,
      .page-story-architecture .story-block-type-14 .title2,
      .page-story-architecture .story-block-type-14 .body1,
      .page-story-plastic .story-block-type-14 .title2,
      .page-story-plastic .story-block-type-14 .body1 {
        text-align: right; } }
  /* line 846, sass/page/_story-common.scss */
  .page-story-land .story-block-type-14 .col-md-pull-2,
  .page-story-ethos .story-block-type-14 .col-md-pull-2,
  .page-story-architecture .story-block-type-14 .col-md-pull-2,
  .page-story-plastic .story-block-type-14 .col-md-pull-2 {
    margin-top: 6%; }
    @media (min-width: 48em) {
      /* line 846, sass/page/_story-common.scss */
      .page-story-land .story-block-type-14 .col-md-pull-2,
      .page-story-ethos .story-block-type-14 .col-md-pull-2,
      .page-story-architecture .story-block-type-14 .col-md-pull-2,
      .page-story-plastic .story-block-type-14 .col-md-pull-2 {
        margin-top: 20%; } }
  /* line 853, sass/page/_story-common.scss */
  .page-story-land .story-block-type-15,
  .page-story-ethos .story-block-type-15,
  .page-story-architecture .story-block-type-15,
  .page-story-plastic .story-block-type-15 {
    padding: 60px 0px 82px; }
    @media (min-width: 48em) {
      /* line 853, sass/page/_story-common.scss */
      .page-story-land .story-block-type-15,
      .page-story-ethos .story-block-type-15,
      .page-story-architecture .story-block-type-15,
      .page-story-plastic .story-block-type-15 {
        padding: 60px 0px; } }
    /* line 858, sass/page/_story-common.scss */
    .page-story-land .story-block-type-15 .title2,
    .page-story-ethos .story-block-type-15 .title2,
    .page-story-architecture .story-block-type-15 .title2,
    .page-story-plastic .story-block-type-15 .title2 {
      margin-top: 18px; }
      @media (min-width: 48em) {
        /* line 858, sass/page/_story-common.scss */
        .page-story-land .story-block-type-15 .title2,
        .page-story-ethos .story-block-type-15 .title2,
        .page-story-architecture .story-block-type-15 .title2,
        .page-story-plastic .story-block-type-15 .title2 {
          margin-top: 0px; } }
    /* line 864, sass/page/_story-common.scss */
    .page-story-land .story-block-type-15 .title2, .page-story-land .story-block-type-15 .body1,
    .page-story-ethos .story-block-type-15 .title2,
    .page-story-ethos .story-block-type-15 .body1,
    .page-story-architecture .story-block-type-15 .title2,
    .page-story-architecture .story-block-type-15 .body1,
    .page-story-plastic .story-block-type-15 .title2,
    .page-story-plastic .story-block-type-15 .body1 {
      text-align: left; }
      @media (min-width: 48em) {
        /* line 864, sass/page/_story-common.scss */
        .page-story-land .story-block-type-15 .title2, .page-story-land .story-block-type-15 .body1,
        .page-story-ethos .story-block-type-15 .title2,
        .page-story-ethos .story-block-type-15 .body1,
        .page-story-architecture .story-block-type-15 .title2,
        .page-story-architecture .story-block-type-15 .body1,
        .page-story-plastic .story-block-type-15 .title2,
        .page-story-plastic .story-block-type-15 .body1 {
          text-align: right; } }
    /* line 870, sass/page/_story-common.scss */
    .page-story-land .story-block-type-15 .text-content,
    .page-story-ethos .story-block-type-15 .text-content,
    .page-story-architecture .story-block-type-15 .text-content,
    .page-story-plastic .story-block-type-15 .text-content {
      margin-top: 6%; }
      @media (min-width: 48em) {
        /* line 870, sass/page/_story-common.scss */
        .page-story-land .story-block-type-15 .text-content,
        .page-story-ethos .story-block-type-15 .text-content,
        .page-story-architecture .story-block-type-15 .text-content,
        .page-story-plastic .story-block-type-15 .text-content {
          margin-top: 15%; } }
  /* line 878, sass/page/_story-common.scss */
  .page-story-land .story-block-type-16 .base-image,
  .page-story-ethos .story-block-type-16 .base-image,
  .page-story-architecture .story-block-type-16 .base-image,
  .page-story-plastic .story-block-type-16 .base-image {
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 878, sass/page/_story-common.scss */
      .page-story-land .story-block-type-16 .base-image,
      .page-story-ethos .story-block-type-16 .base-image,
      .page-story-architecture .story-block-type-16 .base-image,
      .page-story-plastic .story-block-type-16 .base-image {
        margin-bottom: 150px; } }
  /* line 884, sass/page/_story-common.scss */
  .page-story-land .story-block-type-16 .stacked-image,
  .page-story-ethos .story-block-type-16 .stacked-image,
  .page-story-architecture .story-block-type-16 .stacked-image,
  .page-story-plastic .story-block-type-16 .stacked-image {
    position: absolute;
    width: 60%;
    bottom: -35px;
    right: 0px; }
    @media (min-width: 48em) {
      /* line 884, sass/page/_story-common.scss */
      .page-story-land .story-block-type-16 .stacked-image,
      .page-story-ethos .story-block-type-16 .stacked-image,
      .page-story-architecture .story-block-type-16 .stacked-image,
      .page-story-plastic .story-block-type-16 .stacked-image {
        width: 100%;
        bottom: 0px;
        right: -220px; } }
  /* line 898, sass/page/_story-common.scss */
  .page-story-land .story-block-type-16 .image-container,
  .page-story-ethos .story-block-type-16 .image-container,
  .page-story-architecture .story-block-type-16 .image-container,
  .page-story-plastic .story-block-type-16 .image-container {
    padding-right: 38%;
    margin-bottom: 75px; }
    @media (min-width: 48em) {
      /* line 898, sass/page/_story-common.scss */
      .page-story-land .story-block-type-16 .image-container,
      .page-story-ethos .story-block-type-16 .image-container,
      .page-story-architecture .story-block-type-16 .image-container,
      .page-story-plastic .story-block-type-16 .image-container {
        padding-right: 0%;
        margin-bottom: 0px; } }
  /* line 906, sass/page/_story-common.scss */
  .page-story-land .story-block-type-16 .title1,
  .page-story-ethos .story-block-type-16 .title1,
  .page-story-architecture .story-block-type-16 .title1,
  .page-story-plastic .story-block-type-16 .title1 {
    margin-top: 10%; }
  /* line 909, sass/page/_story-common.scss */
  .page-story-land .story-block-type-16 .body1,
  .page-story-ethos .story-block-type-16 .body1,
  .page-story-architecture .story-block-type-16 .body1,
  .page-story-plastic .story-block-type-16 .body1 {
    width: 100%; }
    @media (min-width: 48em) {
      /* line 909, sass/page/_story-common.scss */
      .page-story-land .story-block-type-16 .body1,
      .page-story-ethos .story-block-type-16 .body1,
      .page-story-architecture .story-block-type-16 .body1,
      .page-story-plastic .story-block-type-16 .body1 {
        width: 75%; } }
  /* line 915, sass/page/_story-common.scss */
  .page-story-land .story-block-type-16 .subsection,
  .page-story-ethos .story-block-type-16 .subsection,
  .page-story-architecture .story-block-type-16 .subsection,
  .page-story-plastic .story-block-type-16 .subsection {
    width: 50%;
    margin-top: 9%;
    display: block;
    float: right; }
    @media (min-width: 48em) {
      /* line 915, sass/page/_story-common.scss */
      .page-story-land .story-block-type-16 .subsection,
      .page-story-ethos .story-block-type-16 .subsection,
      .page-story-architecture .story-block-type-16 .subsection,
      .page-story-plastic .story-block-type-16 .subsection {
        margin-top: 25%; } }
    /* line 923, sass/page/_story-common.scss */
    .page-story-land .story-block-type-16 .subsection .body1,
    .page-story-ethos .story-block-type-16 .subsection .body1,
    .page-story-architecture .story-block-type-16 .subsection .body1,
    .page-story-plastic .story-block-type-16 .subsection .body1 {
      display: none; }
      @media (min-width: 48em) {
        /* line 923, sass/page/_story-common.scss */
        .page-story-land .story-block-type-16 .subsection .body1,
        .page-story-ethos .story-block-type-16 .subsection .body1,
        .page-story-architecture .story-block-type-16 .subsection .body1,
        .page-story-plastic .story-block-type-16 .subsection .body1 {
          display: block;
          float: none;
          text-align: left;
          width: 70%;
          margin-top: 10%; } }
  /* line 936, sass/page/_story-common.scss */
  .page-story-land .story-block-type-17 .image-container,
  .page-story-ethos .story-block-type-17 .image-container,
  .page-story-architecture .story-block-type-17 .image-container,
  .page-story-plastic .story-block-type-17 .image-container {
    padding-right: 40%;
    padding-bottom: 8%; }
    @media (min-width: 48em) {
      /* line 936, sass/page/_story-common.scss */
      .page-story-land .story-block-type-17 .image-container,
      .page-story-ethos .story-block-type-17 .image-container,
      .page-story-architecture .story-block-type-17 .image-container,
      .page-story-plastic .story-block-type-17 .image-container {
        padding-right: 0px;
        padding-bottom: 0px; } }
  @media (min-width: 48em) {
    /* line 944, sass/page/_story-common.scss */
    .page-story-land .story-block-type-17 .base-image,
    .page-story-ethos .story-block-type-17 .base-image,
    .page-story-architecture .story-block-type-17 .base-image,
    .page-story-plastic .story-block-type-17 .base-image {
      margin-bottom: 150px; } }
  /* line 949, sass/page/_story-common.scss */
  .page-story-land .story-block-type-17 .stacked-image,
  .page-story-ethos .story-block-type-17 .stacked-image,
  .page-story-architecture .story-block-type-17 .stacked-image,
  .page-story-plastic .story-block-type-17 .stacked-image {
    position: absolute;
    bottom: 0%;
    right: 9%;
    width: 60%; }
    @media (min-width: 48em) {
      /* line 949, sass/page/_story-common.scss */
      .page-story-land .story-block-type-17 .stacked-image,
      .page-story-ethos .story-block-type-17 .stacked-image,
      .page-story-architecture .story-block-type-17 .stacked-image,
      .page-story-plastic .story-block-type-17 .stacked-image {
        bottom: 58px;
        left: -220px;
        width: 100%; } }
  /* line 962, sass/page/_story-common.scss */
  .page-story-land .story-block-type-17 .title2,
  .page-story-ethos .story-block-type-17 .title2,
  .page-story-architecture .story-block-type-17 .title2,
  .page-story-plastic .story-block-type-17 .title2 {
    margin-top: 7%;
    text-align: left; }
    @media (min-width: 48em) {
      /* line 962, sass/page/_story-common.scss */
      .page-story-land .story-block-type-17 .title2,
      .page-story-ethos .story-block-type-17 .title2,
      .page-story-architecture .story-block-type-17 .title2,
      .page-story-plastic .story-block-type-17 .title2 {
        margin-top: 10%;
        text-align: right; } }
  /* line 971, sass/page/_story-common.scss */
  .page-story-land .story-block-type-17 .body1,
  .page-story-ethos .story-block-type-17 .body1,
  .page-story-architecture .story-block-type-17 .body1,
  .page-story-plastic .story-block-type-17 .body1 {
    width: 100%;
    text-align: left; }
    @media (min-width: 48em) {
      /* line 971, sass/page/_story-common.scss */
      .page-story-land .story-block-type-17 .body1,
      .page-story-ethos .story-block-type-17 .body1,
      .page-story-architecture .story-block-type-17 .body1,
      .page-story-plastic .story-block-type-17 .body1 {
        width: 75%;
        text-align: right;
        float: right; } }
  /* line 980, sass/page/_story-common.scss */
  .page-story-land .story-block-type-17 .subsection,
  .page-story-ethos .story-block-type-17 .subsection,
  .page-story-architecture .story-block-type-17 .subsection,
  .page-story-plastic .story-block-type-17 .subsection {
    padding-left: 50%;
    margin-top: 15%;
    margin-bottom: 45%;
    display: block; }
    @media (min-width: 48em) {
      /* line 980, sass/page/_story-common.scss */
      .page-story-land .story-block-type-17 .subsection,
      .page-story-ethos .story-block-type-17 .subsection,
      .page-story-architecture .story-block-type-17 .subsection,
      .page-story-plastic .story-block-type-17 .subsection {
        width: 50%;
        padding-left: 0%;
        margin-top: 36%;
        margin-bottom: 0%; } }
    /* line 992, sass/page/_story-common.scss */
    .page-story-land .story-block-type-17 .subsection .body1,
    .page-story-ethos .story-block-type-17 .subsection .body1,
    .page-story-architecture .story-block-type-17 .subsection .body1,
    .page-story-plastic .story-block-type-17 .subsection .body1 {
      display: none; }
      @media (min-width: 48em) {
        /* line 992, sass/page/_story-common.scss */
        .page-story-land .story-block-type-17 .subsection .body1,
        .page-story-ethos .story-block-type-17 .subsection .body1,
        .page-story-architecture .story-block-type-17 .subsection .body1,
        .page-story-plastic .story-block-type-17 .subsection .body1 {
          float: right;
          text-align: right;
          width: 70%;
          margin-top: 10%;
          display: block; } }
  /* line 1004, sass/page/_story-common.scss */
  .page-story-land .story-block-type-18,
  .page-story-ethos .story-block-type-18,
  .page-story-architecture .story-block-type-18,
  .page-story-plastic .story-block-type-18 {
    text-align: center;
    padding: 120px 0px 45px; }
    @media (min-width: 48em) {
      /* line 1004, sass/page/_story-common.scss */
      .page-story-land .story-block-type-18,
      .page-story-ethos .story-block-type-18,
      .page-story-architecture .story-block-type-18,
      .page-story-plastic .story-block-type-18 {
        padding: 120px 0px 100px; } }
    /* line 1010, sass/page/_story-common.scss */
    .page-story-land .story-block-type-18 .col-md-4,
    .page-story-ethos .story-block-type-18 .col-md-4,
    .page-story-architecture .story-block-type-18 .col-md-4,
    .page-story-plastic .story-block-type-18 .col-md-4 {
      margin-top: 6%; }
    /* line 1013, sass/page/_story-common.scss */
    .page-story-land .story-block-type-18 .image-container,
    .page-story-ethos .story-block-type-18 .image-container,
    .page-story-architecture .story-block-type-18 .image-container,
    .page-story-plastic .story-block-type-18 .image-container {
      padding-bottom: 50px; }
      @media (min-width: 48em) {
        /* line 1013, sass/page/_story-common.scss */
        .page-story-land .story-block-type-18 .image-container,
        .page-story-ethos .story-block-type-18 .image-container,
        .page-story-architecture .story-block-type-18 .image-container,
        .page-story-plastic .story-block-type-18 .image-container {
          padding-bottom: 0px; } }
    /* line 1019, sass/page/_story-common.scss */
    .page-story-land .story-block-type-18 .stacked-image,
    .page-story-ethos .story-block-type-18 .stacked-image,
    .page-story-architecture .story-block-type-18 .stacked-image,
    .page-story-plastic .story-block-type-18 .stacked-image {
      width: 30%;
      position: absolute;
      right: 50px;
      bottom: 0px; }
      @media (min-width: 48em) {
        /* line 1019, sass/page/_story-common.scss */
        .page-story-land .story-block-type-18 .stacked-image,
        .page-story-ethos .story-block-type-18 .stacked-image,
        .page-story-architecture .story-block-type-18 .stacked-image,
        .page-story-plastic .story-block-type-18 .stacked-image {
          width: 30%;
          position: absolute;
          right: 85px;
          bottom: -95px; } }
    /* line 1032, sass/page/_story-common.scss */
    .page-story-land .story-block-type-18 .image-caption,
    .page-story-ethos .story-block-type-18 .image-caption,
    .page-story-architecture .story-block-type-18 .image-caption,
    .page-story-plastic .story-block-type-18 .image-caption {
      display: none; }
      @media (min-width: 48em) {
        /* line 1032, sass/page/_story-common.scss */
        .page-story-land .story-block-type-18 .image-caption,
        .page-story-ethos .story-block-type-18 .image-caption,
        .page-story-architecture .story-block-type-18 .image-caption,
        .page-story-plastic .story-block-type-18 .image-caption {
          display: block; } }
  /* line 1039, sass/page/_story-common.scss */
  .page-story-land .story-block-type-19,
  .page-story-ethos .story-block-type-19,
  .page-story-architecture .story-block-type-19,
  .page-story-plastic .story-block-type-19 {
    text-align: center;
    padding: 120px 0px 60px; }
    @media (min-width: 48em) {
      /* line 1039, sass/page/_story-common.scss */
      .page-story-land .story-block-type-19,
      .page-story-ethos .story-block-type-19,
      .page-story-architecture .story-block-type-19,
      .page-story-plastic .story-block-type-19 {
        padding: 120px 0px 210px; } }
    /* line 1045, sass/page/_story-common.scss */
    .page-story-land .story-block-type-19 .col-md-4,
    .page-story-ethos .story-block-type-19 .col-md-4,
    .page-story-architecture .story-block-type-19 .col-md-4,
    .page-story-plastic .story-block-type-19 .col-md-4 {
      margin-top: 6%; }
    /* line 1048, sass/page/_story-common.scss */
    .page-story-land .story-block-type-19 .image-container,
    .page-story-ethos .story-block-type-19 .image-container,
    .page-story-architecture .story-block-type-19 .image-container,
    .page-story-plastic .story-block-type-19 .image-container {
      padding-bottom: 40px; }
      @media (min-width: 48em) {
        /* line 1048, sass/page/_story-common.scss */
        .page-story-land .story-block-type-19 .image-container,
        .page-story-ethos .story-block-type-19 .image-container,
        .page-story-architecture .story-block-type-19 .image-container,
        .page-story-plastic .story-block-type-19 .image-container {
          padding-bottom: 0px; } }
    /* line 1054, sass/page/_story-common.scss */
    .page-story-land .story-block-type-19 .stacked-image,
    .page-story-ethos .story-block-type-19 .stacked-image,
    .page-story-architecture .story-block-type-19 .stacked-image,
    .page-story-plastic .story-block-type-19 .stacked-image {
      width: 30%;
      position: absolute;
      left: 50px;
      bottom: 0px; }
      @media (min-width: 48em) {
        /* line 1054, sass/page/_story-common.scss */
        .page-story-land .story-block-type-19 .stacked-image,
        .page-story-ethos .story-block-type-19 .stacked-image,
        .page-story-architecture .story-block-type-19 .stacked-image,
        .page-story-plastic .story-block-type-19 .stacked-image {
          width: 30%;
          position: absolute;
          left: 85px;
          bottom: -95px; } }
    /* line 1067, sass/page/_story-common.scss */
    .page-story-land .story-block-type-19 .image-caption,
    .page-story-ethos .story-block-type-19 .image-caption,
    .page-story-architecture .story-block-type-19 .image-caption,
    .page-story-plastic .story-block-type-19 .image-caption {
      display: none; }
      @media (min-width: 48em) {
        /* line 1067, sass/page/_story-common.scss */
        .page-story-land .story-block-type-19 .image-caption,
        .page-story-ethos .story-block-type-19 .image-caption,
        .page-story-architecture .story-block-type-19 .image-caption,
        .page-story-plastic .story-block-type-19 .image-caption {
          display: block; } }
  /* line 1074, sass/page/_story-common.scss */
  .page-story-land .story-block-type-20,
  .page-story-ethos .story-block-type-20,
  .page-story-architecture .story-block-type-20,
  .page-story-plastic .story-block-type-20 {
    text-align: center;
    padding: 120px 0px 45px; }
    @media (min-width: 48em) {
      /* line 1074, sass/page/_story-common.scss */
      .page-story-land .story-block-type-20,
      .page-story-ethos .story-block-type-20,
      .page-story-architecture .story-block-type-20,
      .page-story-plastic .story-block-type-20 {
        padding: 120px 0px 210px; } }
    /* line 1080, sass/page/_story-common.scss */
    .page-story-land .story-block-type-20 .col-md-4,
    .page-story-ethos .story-block-type-20 .col-md-4,
    .page-story-architecture .story-block-type-20 .col-md-4,
    .page-story-plastic .story-block-type-20 .col-md-4 {
      margin-top: 6%; }
    /* line 1083, sass/page/_story-common.scss */
    .page-story-land .story-block-type-20 .image-container,
    .page-story-ethos .story-block-type-20 .image-container,
    .page-story-architecture .story-block-type-20 .image-container,
    .page-story-plastic .story-block-type-20 .image-container {
      padding-bottom: 50px; }
      @media (min-width: 48em) {
        /* line 1083, sass/page/_story-common.scss */
        .page-story-land .story-block-type-20 .image-container,
        .page-story-ethos .story-block-type-20 .image-container,
        .page-story-architecture .story-block-type-20 .image-container,
        .page-story-plastic .story-block-type-20 .image-container {
          padding-bottom: 0px; } }
    /* line 1089, sass/page/_story-common.scss */
    .page-story-land .story-block-type-20 .stacked-image,
    .page-story-ethos .story-block-type-20 .stacked-image,
    .page-story-architecture .story-block-type-20 .stacked-image,
    .page-story-plastic .story-block-type-20 .stacked-image {
      width: 30%;
      position: absolute;
      right: 50px;
      bottom: 0px; }
      @media (min-width: 48em) {
        /* line 1089, sass/page/_story-common.scss */
        .page-story-land .story-block-type-20 .stacked-image,
        .page-story-ethos .story-block-type-20 .stacked-image,
        .page-story-architecture .story-block-type-20 .stacked-image,
        .page-story-plastic .story-block-type-20 .stacked-image {
          width: 30%;
          position: absolute;
          right: 85px;
          bottom: -95px; } }
    /* line 1102, sass/page/_story-common.scss */
    .page-story-land .story-block-type-20 .image-caption,
    .page-story-ethos .story-block-type-20 .image-caption,
    .page-story-architecture .story-block-type-20 .image-caption,
    .page-story-plastic .story-block-type-20 .image-caption {
      display: none; }
      @media (min-width: 48em) {
        /* line 1102, sass/page/_story-common.scss */
        .page-story-land .story-block-type-20 .image-caption,
        .page-story-ethos .story-block-type-20 .image-caption,
        .page-story-architecture .story-block-type-20 .image-caption,
        .page-story-plastic .story-block-type-20 .image-caption {
          display: block; } }

/* line 1, sass/page/_story-land.scss */
.page-story-land .jumbotron {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-land-header.jpg); }
  @media (min-width: 48em) {
    /* line 1, sass/page/_story-land.scss */
    .page-story-land .jumbotron {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-land-header.jpg); } }
/* line 8, sass/page/_story-land.scss */
.page-story-land .story-block .element-style1:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-1.png);
  left: 35px;
  top: -50px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 8, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style1:before {
      transform: unset;
      left: -120px;
      top: -90px; } }
/* line 19, sass/page/_story-land.scss */
.page-story-land .story-block .element-style2:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-2.png);
  right: -80px;
  bottom: -225px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 19, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style2:before {
      transform: unset;
      right: -60px;
      bottom: -100px; } }
/* line 30, sass/page/_story-land.scss */
.page-story-land .story-block .element-style3:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-3.png);
  left: -205px;
  top: -20px; }
  @media (min-width: 48em) {
    /* line 30, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style3:before {
      right: -120px;
      top: -20px; } }
/* line 39, sass/page/_story-land.scss */
.page-story-land .story-block .element-style4:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-4.png);
  right: -60px;
  top: -380px;
  display: block;
  position: absolute;
  z-index: -1;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 39, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style4:before {
      transform: scale(0.8);
      right: 150px;
      top: -30px; } }
/* line 56, sass/page/_story-land.scss */
.page-story-land .story-block .element-style5:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-5.png);
  right: -530px;
  top: -470px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 56, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style5:before {
      transform: unset;
      right: -600px;
      top: -300px; } }
/* line 69, sass/page/_story-land.scss */
.page-story-land .story-block .element-style6:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-6.png);
  right: 50px;
  top: 80px; }
/* line 74, sass/page/_story-land.scss */
.page-story-land .story-block .element-style7:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-7.png);
  left: -200px;
  top: -160px;
  transform: scale(0.66); }
  @media (min-width: 48em) {
    /* line 74, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style7:before {
      transform: unset;
      left: -175px;
      top: -160px; } }
/* line 85, sass/page/_story-land.scss */
.page-story-land .story-block .element-style8:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-8.png);
  right: -90px;
  top: -25px;
  transform: scale(0.65); }
  @media (min-width: 48em) {
    /* line 85, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style8:before {
      transform: unset;
      left: -135px;
      top: 50px; } }
/* line 96, sass/page/_story-land.scss */
.page-story-land .story-block .element-style9:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-9.png);
  right: -137px;
  top: -400px;
  transform: scale(0.29); }
  @media (min-width: 48em) {
    /* line 96, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style9:before {
      transform: scale(0.5);
      left: -640px;
      top: -360px; } }
/* line 107, sass/page/_story-land.scss */
.page-story-land .story-block .element-style10:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-10.png);
  right: -170px;
  top: 125px;
  transform: rotate(170deg) scale(0.35); }
  @media (min-width: 48em) {
    /* line 107, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style10:before {
      left: -400px;
      top: 76px;
      transform: scale(0.4); } }
/* line 118, sass/page/_story-land.scss */
.page-story-land .story-block .element-style11:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-11.png);
  right: -150px;
  top: -271px;
  transform: scale(0.25); }
  @media (min-width: 48em) {
    /* line 118, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style11:before {
      transform: scale(0.5);
      left: 50px;
      top: -250px; } }
/* line 130, sass/page/_story-land.scss */
.page-story-land .story-block .element-style12:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-7.png);
  display: block;
  transform: scale(0.7);
  left: -355px;
  top: -207px; }
  @media (min-width: 48em) {
    /* line 130, sass/page/_story-land.scss */
    .page-story-land .story-block .element-style12:before {
      display: none; } }

/* line 1, sass/page/_story-ethos.scss */
.page-story-ethos .jumbotron {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-ethos-header.jpg); }
  @media (min-width: 48em) {
    /* line 1, sass/page/_story-ethos.scss */
    .page-story-ethos .jumbotron {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-ethos-header.jpg); } }
/* line 8, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style1:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-1.png);
  right: -190px;
  top: -80px;
  transform: scale(0.65); }
  @media (min-width: 48em) {
    /* line 8, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style1:before {
      transform: unset;
      right: -170px;
      top: 20px; } }
/* line 19, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style2:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-2.png);
  left: -470px;
  top: -404px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 19, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style2:before {
      left: -408px;
      top: -260px;
      transform: scale(0.8);
      /*
      			left: -320px;
      			top: -230px;
      			transform: scale(.95);
      */ } }
/* line 37, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style3:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-3.png);
  right: -195px;
  top: -200px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 37, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style3:before {
      transform: scale(1);
      right: -169px;
      top: -200px; } }
/* line 48, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style4:after {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-4.png);
  right: 30px;
  top: -30px;
  display: block;
  position: absolute;
  z-index: -1;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 48, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style4:after {
      transform: unset;
      right: 203px;
      top: -28px; } }
/* line 63, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style5:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-5.png);
  left: 82px;
  top: -100px;
  transform: scale(0.8); }
  @media (min-width: 48em) {
    /* line 63, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style5:before {
      transform: unset;
      left: -100px;
      top: -130px; } }
/* line 74, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style6:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-6.png);
  left: 200px;
  top: -10px; }
  @media (min-width: 48em) {
    /* line 74, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style6:before {
      right: -100px;
      top: -10px; } }
/* line 83, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style7:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-7.png);
  display: none; }
  @media (min-width: 48em) {
    /* line 83, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style7:before {
      display: block;
      left: -520px;
      top: -215px; } }
/* line 93, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style8:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-8.png);
  left: -105px;
  top: -110px;
  transform: scale(0.85); }
  @media (min-width: 48em) {
    /* line 93, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style8:before {
      transform: unset;
      left: -85px;
      top: -110px; } }
/* line 104, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style9:before {
  display: none; }
  @media (min-width: 48em) {
    /* line 104, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style9:before {
      display: block;
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-9.png);
      left: -250px;
      top: -390px;
      z-index: 1; } }
/* line 114, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style10:after {
  display: none; }
  @media (min-width: 48em) {
    /* line 114, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style10:after {
      display: block;
      content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-10.png);
      right: -200px;
      bottom: 75px;
      display: block;
      position: absolute;
      z-index: 1; } }
/* line 126, sass/page/_story-ethos.scss */
.page-story-ethos .story-block .element-style11:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-7.png);
  display: block;
  transform: scale(0.7);
  left: -355px;
  top: -207px; }
  @media (min-width: 48em) {
    /* line 126, sass/page/_story-ethos.scss */
    .page-story-ethos .story-block .element-style11:before {
      display: none; } }

/* line 1, sass/page/_story-architecture.scss */
.page-story-architecture .jumbotron {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-architecture-header.jpg); }
  @media (min-width: 48em) {
    /* line 1, sass/page/_story-architecture.scss */
    .page-story-architecture .jumbotron {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-architecture-header.jpg); } }
/* line 9, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style1:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/leaf-3.png);
  left: -170px;
  top: -120px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 9, sass/page/_story-architecture.scss */
    .page-story-architecture .story-block .element-style1:before {
      left: -120px;
      top: -90px;
      transform: unset; } }
/* line 21, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style2:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/beach-1.png);
  left: -500px;
  top: -270px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 21, sass/page/_story-architecture.scss */
    .page-story-architecture .story-block .element-style2:before {
      left: -450px;
      top: -35px;
      transform: unset; } }
/* line 34, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style3:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/organ-1.png);
  right: -710px;
  top: -250px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 34, sass/page/_story-architecture.scss */
    .page-story-architecture .story-block .element-style3:before {
      left: 130px;
      top: -220px;
      transform: unset; } }
/* line 45, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style4:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/leaf-1.png);
  left: 118px;
  top: 20px;
  transform: scale(0.75); }
  @media (min-width: 48em) {
    /* line 45, sass/page/_story-architecture.scss */
    .page-story-architecture .story-block .element-style4:before {
      left: 240px;
      top: -100px;
      transform: unset; } }
/* line 57, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style5:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/element-5.png);
  right: 20px;
  top: 105px;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 57, sass/page/_story-architecture.scss */
    .page-story-architecture .story-block .element-style5:before {
      right: -140px;
      top: 280px;
      transform: unset; } }
/* line 68, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style6:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/beach-2.png);
  right: -130px;
  top: -120px; }
  @media (min-width: 48em) {
    /* line 68, sass/page/_story-architecture.scss */
    .page-story-architecture .story-block .element-style6:before {
      left: -130px;
      top: -120px; } }
/* line 77, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style7:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/architecture-element-7.png);
  left: 50px;
  top: -120px; }
/* line 82, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style8:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/architecture-element-8.png);
  left: -367px;
  top: -260px;
  transform: scale(0.7); }
  @media (min-width: 48em) {
    /* line 82, sass/page/_story-architecture.scss */
    .page-story-architecture .story-block .element-style8:before {
      left: -435px;
      top: -260px;
      transform: unset; } }
/* line 93, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style9:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/architecture-element-9.png);
  left: 75px;
  top: -30px; }
/* line 98, sass/page/_story-architecture.scss */
.page-story-architecture .story-block .element-style10:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-7.png);
  display: block;
  transform: scale(0.7);
  left: -355px;
  top: -207px; }
  @media (min-width: 48em) {
    /* line 98, sass/page/_story-architecture.scss */
    .page-story-architecture .story-block .element-style10:before {
      display: none; } }

/* line 1, sass/page/_story-plastic.scss */
.page-story-plastic .jumbotron {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-plastic-header.jpg); }
  @media (min-width: 48em) {
    /* line 1, sass/page/_story-plastic.scss */
    .page-story-plastic .jumbotron {
      background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/stories-plastic-header.jpg); } }
/* line 10, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .title2 {
  margin-top: 18%; }
  @media (min-width: 48em) {
    /* line 10, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-plastic-art .title2 {
      margin-top: 10%;
      text-align: right;
      float: right; } }
@media (min-width: 48em) {
  /* line 18, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-plastic-art .body1 {
    text-align: right;
    float: right; } }
/* line 24, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .stage-name {
  line-height: 1.3; }
/* line 27, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .stage-builder {
  margin-top: 10px;
  line-height: 1.2; }
/* line 31, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .content-column1 {
  /*
  	    margin-top: 144px;
  	    text-align: right;		
  		margin-right: -45px;	    		
  */ }
/* line 39, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .attach-element1:before {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element5.png);
  right: -105px;
  top: -180px;
  display: block;
  position: absolute;
  z-index: -1;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 39, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-plastic-art .attach-element1:before {
      transform: scale(1);
      right: -100px;
      top: -150px; } }
/* line 53, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .attach-element1:after {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element6.png);
  left: -200px;
  bottom: -180px;
  display: block;
  position: absolute;
  z-index: -1;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 53, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-plastic-art .attach-element1:after {
      transform: scale(1);
      left: -100px;
      bottom: -225px; } }
/* line 69, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art:after {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element7.png);
  right: -525px;
  bottom: -150px;
  display: block;
  position: absolute;
  z-index: -1;
  transform: scale(0.5); }
  @media (min-width: 48em) {
    /* line 69, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-plastic-art:after {
      transform: scale(1);
      right: -410px;
      bottom: -175px; } }
/* line 83, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .content-column2-txt,
.page-story-plastic .story-block.story-block-plastic-art .content-column2 {
  margin-left: -75px;
  margin-top: 0px; }
/* line 88, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .content-column3 {
  margin-top: 120px;
  width: 100%;
  margin-left: -145px; }
/* line 93, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .content-column3-txt {
  margin-top: 60px;
  margin-left: -145px; }
/* line 98, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .story-image:after {
  content: "";
  display: block; }
/* line 102, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .block-image3 {
  z-index: -1; }
@media (min-width: 48em) {
  /* line 105, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-plastic-art .text-container-column {
    margin-top: 3%; } }
/* line 111, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .mobile-sidescroll .image-container {
  width: 270%; }
  /* line 113, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-plastic-art .mobile-sidescroll .image-container .mobile-slider-img {
    position: relative;
    max-width: 32%;
    width: 32%;
    display: inline-block;
    padding-bottom: 22%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%; }
/* line 125, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .stage-container {
  position: absolute;
  top: 45%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: white;
  text-transform: uppercase;
  width: 63%; }
/* line 135, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-plastic-art .stage-container.offsetpos {
  margin-left: 50px;
  margin-top: 50px; }
@media (min-width: 48em) {
  /* line 9, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-plastic-art {
    margin-bottom: 180px; } }
/* line 144, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-pandemic {
  text-align: center;
  padding: 120px 0px 45px; }
  @media (min-width: 48em) {
    /* line 144, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-pandemic {
      padding: 120px 0px 100px; } }
  /* line 150, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-pandemic .text-container {
    margin-top: 15%; }
    @media (min-width: 48em) {
      /* line 150, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-pandemic .text-container {
        margin-top: 15%; } }
  /* line 156, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-pandemic .image-container {
    padding-bottom: 50px; }
    @media (min-width: 48em) {
      /* line 156, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-pandemic .image-container {
        padding-bottom: 0px; } }
  /* line 162, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-pandemic .stacked-image {
    width: 30%;
    position: absolute;
    right: 50px;
    bottom: 0px; }
    @media (min-width: 48em) {
      /* line 162, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-pandemic .stacked-image {
        width: 30%;
        position: absolute;
        right: 85px;
        bottom: -95px; } }
  /* line 175, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-pandemic .image-caption {
    display: none; }
    @media (min-width: 48em) {
      /* line 175, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-pandemic .image-caption {
        display: block; } }
  /* line 181, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-pandemic .image-container {
    padding-left: 40%;
    padding-bottom: 0%; }
    @media (min-width: 48em) {
      /* line 181, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-pandemic .image-container {
        padding-left: 0px;
        padding-bottom: 0px; } }
/* line 190, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-communal {
  padding-bottom: 0px;
  margin-bottom: -60px; }
  /* line 191, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-communal .image-container {
    padding-right: 0%;
    padding-bottom: 0%; }
    @media (min-width: 48em) {
      /* line 191, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-communal .image-container {
        padding-right: 0px;
        padding-bottom: 0px; } }
  @media (min-width: 48em) {
    /* line 199, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-communal .base-image {
      margin-bottom: 150px; } }
  /* line 204, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-communal .stacked-image {
    position: absolute;
    bottom: 0%;
    right: 9%;
    width: 60%; }
    @media (min-width: 48em) {
      /* line 204, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-communal .stacked-image {
        bottom: 58px;
        left: -220px;
        width: 100%; } }
  /* line 217, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-communal .title2 {
    margin-top: 7%;
    text-align: left; }
    @media (min-width: 48em) {
      /* line 217, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-communal .title2 {
        margin-top: 6%;
        text-align: right; } }
  /* line 226, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-communal .body1 {
    width: 100%;
    text-align: left; }
    @media (min-width: 48em) {
      /* line 226, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-communal .body1 {
        width: 100%;
        text-align: right;
        float: right; } }
  /* line 235, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-communal .subsection {
    padding-left: 50%;
    margin-top: 15%;
    margin-bottom: 45%;
    display: block; }
    @media (min-width: 48em) {
      /* line 235, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-communal .subsection {
        width: 50%;
        padding-left: 0%;
        margin-top: 66%;
        margin-bottom: 0%; } }
    /* line 247, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-communal .subsection .body1 {
      display: none; }
      @media (min-width: 48em) {
        /* line 247, sass/page/_story-plastic.scss */
        .page-story-plastic .story-block.story-block-communal .subsection .body1 {
          float: right;
          text-align: right;
          width: 70%;
          margin-top: 10%;
          display: block; } }
  @media (min-width: 48em) {
    /* line 258, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-communal .col-md-5 {
      margin-top: 4%; } }
  @media (min-width: 48em) {
    /* line 190, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-communal {
      padding-bottom: unset;
      margin-bottom: unset; } }
/* line 272, sass/page/_story-plastic.scss */
.page-story-plastic .story-block.story-block-single-use {
  text-align: center;
  padding: 120px 0px 45px; }
  @media (min-width: 48em) {
    /* line 272, sass/page/_story-plastic.scss */
    .page-story-plastic .story-block.story-block-single-use {
      padding: 120px 0px 210px; } }
  /* line 278, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-single-use .col-md-5 {
    margin-top: 4%; }
  /* line 281, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-single-use .image-container {
    padding-bottom: 50px; }
    @media (min-width: 48em) {
      /* line 281, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-single-use .image-container {
        padding-bottom: 0px; } }
  /* line 287, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-single-use .stacked-image {
    width: 30%;
    position: absolute;
    right: 50px;
    bottom: 0px; }
    @media (min-width: 48em) {
      /* line 287, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-single-use .stacked-image {
        width: 30%;
        position: absolute;
        right: 85px;
        bottom: -95px; } }
  /* line 300, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.story-block-single-use .image-caption {
    display: none; }
    @media (min-width: 48em) {
      /* line 300, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.story-block-single-use .image-caption {
        display: block; } }
/* line 309, sass/page/_story-plastic.scss */
.page-story-plastic .story-block {
  /*
  	.element-style6:before	{
  	    content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-6.png);
  	    right: 50px;
  	    top: 80px;
  	}
  */ }
  /* line 310, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style1:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element-1.png);
    left: 35px;
    top: -50px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 310, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style1:before {
        transform: unset;
        left: -120px;
        top: -90px; } }
  /* line 321, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style2:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-2.png);
    right: -80px;
    bottom: -225px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 321, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style2:before {
        transform: unset;
        right: -60px;
        bottom: -100px; } }
  /* line 332, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style3:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-3.png);
    left: -205px;
    top: -20px; }
    @media (min-width: 48em) {
      /* line 332, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style3:before {
        right: -120px;
        top: -20px; } }
  /* line 341, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style4:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-4.png);
    right: -60px;
    top: -380px;
    display: block;
    position: absolute;
    z-index: -1;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 341, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style4:before {
        transform: scale(0.8);
        right: 150px;
        top: -30px; } }
  /* line 358, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style5:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-5.png);
    right: -530px;
    top: -470px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 358, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style5:before {
        transform: unset;
        right: -600px;
        top: -300px; } }
  /* line 378, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block.element-style7:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element4.png);
    left: -220px;
    top: -15px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 378, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block.element-style7:before {
        left: 0px;
        top: 0px;
        transform: scale(1); } }
  /* line 389, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style8:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/land-element-8.png);
    right: -90px;
    top: -25px;
    transform: scale(0.65); }
    @media (min-width: 48em) {
      /* line 389, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style8:before {
        transform: unset;
        left: -135px;
        top: 50px; } }
  /* line 400, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style9:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element1.png);
    right: 25px;
    top: -125px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 400, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style9:before {
        transform: scale(1);
        left: -525px;
        top: -100px; } }
  /* line 411, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style10:after {
    display: none;
    position: absolute;
    z-index: -1;
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element3.jpg);
    right: -170px;
    bottom: 125px;
    transform: rotate(170deg) scale(0.35); }
    @media (min-width: 48em) {
      /* line 411, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style10:after {
        display: block;
        left: -15px;
        bottom: -40px;
        transform: scale(1); } }
  /* line 427, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style11:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element2.jpg);
    right: -190px;
    top: -240px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 427, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style11:before {
        transform: scale(1);
        left: 250px;
        top: -235px; } }
  /* line 438, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style12:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/ethos-element-7.png);
    display: block;
    transform: scale(0.7);
    left: -355px;
    top: -207px; }
    @media (min-width: 48em) {
      /* line 438, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style12:before {
        display: none; } }
  /* line 449, sass/page/_story-plastic.scss */
  .page-story-plastic .story-block .element-style13:before {
    content: url(/wp-content/themes/wonderfruit-2018/images/2018/plastic-element8.png);
    left: -200px;
    bottom: -130px;
    transform: scale(0.5); }
    @media (min-width: 48em) {
      /* line 449, sass/page/_story-plastic.scss */
      .page-story-plastic .story-block .element-style13:before {
        left: -150px;
        bottom: -150px;
        transform: scale(1); } }

/* line 2, sass/page/_ticket_registration.scss */
#festival-registration-form {
  background-image: url(/assets/bg2019.jpg);
  background-attachment: fixed;
  background-size: cover;
  min-height: 100vh;
  padding: 15px; }
/* line 11, sass/page/_ticket_registration.scss */
#festival-registration-form .registration-page {
  display: none; }
  /* line 13, sass/page/_ticket_registration.scss */
  #festival-registration-form .registration-page.active {
    display: block; }
/* line 17, sass/page/_ticket_registration.scss */
#festival-registration-form .registration-header {
  text-align: center; }
  /* line 19, sass/page/_ticket_registration.scss */
  #festival-registration-form .registration-header img {
    width: 70%;
    margin: 50px;
    margin-bottom: 25px; }
    @media (min-width: 48em) {
      /* line 19, sass/page/_ticket_registration.scss */
      #festival-registration-form .registration-header img {
        width: 33%;
        margin-bottom: 75px; } }
  /* line 28, sass/page/_ticket_registration.scss */
  #festival-registration-form .registration-header .header1 {
    margin: 30px 0px; }
/* line 33, sass/page/_ticket_registration.scss */
#festival-registration-form .body2,
#festival-registration-form .cart-user-text {
  color: white;
  text-align: left; }
/* line 39, sass/page/_ticket_registration.scss */
#festival-registration-form .cart-user-text {
  margin: 30px 0px; }
/* line 43, sass/page/_ticket_registration.scss */
#festival-registration-form .cart-user-text a:hover {
  color: rgba(255, 255, 255, 0.7); }
/* line 47, sass/page/_ticket_registration.scss */
#festival-registration-form .error-box .menu4 {
  letter-spacing: 1px;
  text-transform: none;
  color: #FF6464; }
/* line 56, sass/page/_ticket_registration.scss */
#festival-registration-form #festival-registration-form-ticket .body2 {
  margin-top: 25px;
  margin-bottom: 25px; }
/* line 60, sass/page/_ticket_registration.scss */
#festival-registration-form #festival-registration-form-ticket .signup-inputs {
  margin-top: 25px;
  margin-bottom: 25px; }
/* line 64, sass/page/_ticket_registration.scss */
#festival-registration-form #festival-registration-form-ticket button {
  margin-top: 40px; }
/* line 69, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs input {
  background: transparent;
  border: 0px;
  border-bottom: solid 0.5px white;
  outline: 0;
  border-radius: 0;
  outline-color: transparent;
  outline-style: none; }
@media (min-width: 30em) {
  /* line 79, sass/page/_ticket_registration.scss */
  #festival-registration-form header {
    padding: 22px;
    font-size: 1.2em; } }
/* line 84, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs input:focus,
#festival-registration-form .signup-inputs input:active {
  outline: 0;
  outline-style: none;
  outline-color: transparent;
  outline-width: 0px;
  box-shadow: none; }
/* line 92, sass/page/_ticket_registration.scss */
#festival-registration-form .header2 {
  color: white; }
/* line 95, sass/page/_ticket_registration.scss */
#festival-registration-form .body {
  width: 95%;
  min-width: 300px;
  padding: 15px !important;
  text-align: center;
  margin: auto;
  background-color: #346666; }
  @media (min-width: 48em) {
    /* line 95, sass/page/_ticket_registration.scss */
    #festival-registration-form .body {
      width: 600px;
      padding: 45px !important; } }
/* line 108, sass/page/_ticket_registration.scss */
#festival-registration-form .or-divider,
#festival-registration-form .signup-inputs,
#festival-registration-form .body {
  overflow: visible; }
/* line 115, sass/page/_ticket_registration.scss */
#festival-registration-form #cart-login-email .signup-inputs {
  margin-top: 110px; }
/* line 118, sass/page/_ticket_registration.scss */
#festival-registration-form .header2 {
  margin: 45px 0px 37px; }
/* line 121, sass/page/_ticket_registration.scss */
#festival-registration-form .field {
  margin: 30px 0px; }
/* line 125, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-standard {
  margin: 20px 0px 7px; }
/* line 130, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-standard {
  display: block;
  width: 100%;
  border: 1px;
  background-color: #F6916A;
  margin: 7px 0px;
  text-transform: uppercase;
  color: white;
  height: 44px;
  outline: transparent; }
/* line 141, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-standard:hover {
  background-color: #F18465; }
/* line 144, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-standard:active {
  background-color: #F18465; }
/* line 147, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon {
  display: block;
  width: 100%;
  background-color: transparent;
  margin: 7px 0px;
  text-transform: uppercase;
  color: white;
  height: 44px;
  border: 1px solid white;
  padding: 0px;
  outline: transparent; }
/* line 159, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon:hover {
  background-color: white; }
/* line 162, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon:active {
  background-color: rgba(255, 255, 255, 0.7); }
/* line 165, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon:hover .header-small {
  color: #1E2D50; }
/* line 168, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon:active .header-small {
  color: #1E2D50; }
/* line 171, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon .icon-container {
  height: 100%;
  width: 44px;
  display: inline-block;
  text-align: center;
  background-color: transparent;
  border: 0px;
  line-height: 44px;
  border-right: 1px solid white; }
/* line 181, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon .header-small {
  width: calc(100% - 48px);
  display: inline-block;
  line-height: 44px; }
/* line 186, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon.user-button-fb .icon-container {
  background-color: #3C5FA0; }
/* line 189, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon.user-button-google .icon-container {
  background-color: #C94444; }
/* line 192, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs button.user-button-icon.user-button-email .icon-container {
  background-color: #78C8C3; }
/* line 196, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .form-control {
  padding: 6px 0px; }
/* line 199, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field {
  position: relative;
  text-align: left; }
/* line 203, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field label {
  display: block;
  top: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  left: 0px;
  position: absolute; }
/* line 212, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field select {
  margin: 0px;
  width: 100%;
  color: rgba(255, 255, 255, 0.7) !important;
  opacity: .7;
  padding: 5px 0px 5px 0px;
  border: 0px;
  border-bottom: .5px solid white;
  text-align: left;
  text-align-last: left;
  height: 33px;
  border-radius: 0px;
  bottom: 10%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down) 100%/12px no-repeat transparent;
  outline-color: transparent;
  outline-style: none; }
/* line 232, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field.notempty select {
  color: white !important; }
/* line 235, sass/page/_ticket_registration.scss */
#festival-registration-form .field-container-2 {
  display: inline-block; }
  /* line 237, sass/page/_ticket_registration.scss */
  #festival-registration-form .field-container-2 > div:first-child {
    width: 45%;
    float: left; }
  /* line 241, sass/page/_ticket_registration.scss */
  #festival-registration-form .field-container-2 > div:last-child {
    width: 45%;
    float: right; }
/* line 247, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field.notempty label {
  opacity: .3;
  color: #FFFFFF; }
/* line 251, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field.haserror select,
#festival-registration-form .signup-inputs .field.haserror input {
  border-bottom-color: #FF6464; }
/* line 254, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field .msg {
  position: absolute;
  right: 0px;
  width: 100%;
  bottom: -15px; }
/* line 258, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field.haserror .msg {
  opacity: 1;
  color: #FF6464; }
/* line 262, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field.focused.notempty label {
  opacity: 1;
  color: #78C8C3; }
/* line 266, sass/page/_ticket_registration.scss */
#festival-registration-form .signup-inputs .field.focused.notempty input {
  border-bottom-color: #78C8C3; }
/* line 269, sass/page/_ticket_registration.scss */
#festival-registration-form .cd-cart-container .loading {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/user-loading-bg.jpg);
  background-size: cover;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none; }
/* line 280, sass/page/_ticket_registration.scss */
#festival-registration-form body.cart-loading .cd-cart-container .loading {
  display: block; }
/* line 283, sass/page/_ticket_registration.scss */
#festival-registration-form .cd-cart-container .loading-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 272px; }
/* line 291, sass/page/_ticket_registration.scss */
#festival-registration-form .cd-cart-container .loading .menu4 {
  color: white;
  text-transform: none;
  font-weight: normal;
  margin: 14px 0px;
  line-height: 1.38;
  letter-spacing: 0.8px; }
/* line 299, sass/page/_ticket_registration.scss */
#festival-registration-form .cd-cart-container .loading img {
  animation: fadeinandout 3s infinite alternate; }
@keyframes fadeinandout {
  0% {
    opacity: 0.25; }
  100% {
    opacity: 1; } }
/* line 312, sass/page/_ticket_registration.scss */
#festival-registration-form .cart-open .checkout-footer {
  display: flex;
  margin-bottom: 15px;
  position: fixed;
  bottom: 0px;
  width: 100%; }
  @media (min-width: 48em) {
    /* line 312, sass/page/_ticket_registration.scss */
    #festival-registration-form .cart-open .checkout-footer {
      position: relative; } }
/* line 323, sass/page/_ticket_registration.scss */
#festival-registration-form .ui-datepicker {
  border: 1px solid #c5c5c5;
  background-color: white;
  z-index: 10000 !important;
  width: 15em;
  padding: .2em .2em 0; }
  /* line 329, sass/page/_ticket_registration.scss */
  #festival-registration-form .ui-datepicker table {
    width: 100%; }
  /* line 332, sass/page/_ticket_registration.scss */
  #festival-registration-form .ui-datepicker .ui-datepicker-title {
    text-align: center; }
  /* line 335, sass/page/_ticket_registration.scss */
  #festival-registration-form .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    left: 0; }
    /* line 338, sass/page/_ticket_registration.scss */
    #festival-registration-form .ui-datepicker .ui-datepicker-prev span {
      display: none; }
    /* line 341, sass/page/_ticket_registration.scss */
    #festival-registration-form .ui-datepicker .ui-datepicker-prev:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f104";
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-weight: 900; }
  /* line 350, sass/page/_ticket_registration.scss */
  #festival-registration-form .ui-datepicker .ui-datepicker-next {
    position: absolute;
    right: 0; }
    /* line 353, sass/page/_ticket_registration.scss */
    #festival-registration-form .ui-datepicker .ui-datepicker-next span {
      display: none; }
    /* line 356, sass/page/_ticket_registration.scss */
    #festival-registration-form .ui-datepicker .ui-datepicker-next:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f105";
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-weight: 900; }
/* line 366, sass/page/_ticket_registration.scss */
#festival-registration-form .intl-tel-input {
  display: block; }
  /* line 369, sass/page/_ticket_registration.scss */
  #festival-registration-form .intl-tel-input.separate-dial-code .selected-dial-code {
    color: white;
    font-family: Value;
    font-weight: normal;
    font-size: 14px;
    color: #888888;
    line-height: 1.5;
    letter-spacing: 0.7px; }
  /* line 382, sass/page/_ticket_registration.scss */
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
  #festival-registration-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 105px; }
  /* line 389, sass/page/_ticket_registration.scss */
  #festival-registration-form .intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 0px;
    width: 25px;
    height: 10px;
    border-left: none;
    border-right: none;
    border-top: none;
    background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down) 100%/12px no-repeat; }
    /* line 400, sass/page/_ticket_registration.scss */
    #festival-registration-form .intl-tel-input .selected-flag .iti-arrow.up {
      border-top: none;
      border-bottom: none; }
  /* line 405, sass/page/_ticket_registration.scss */
  #festival-registration-form .intl-tel-input .country-list {
    white-space: normal;
    max-height: 200px;
    overflow-y: scroll;
    width: 290px; }
    /* line 410, sass/page/_ticket_registration.scss */
    #festival-registration-form .intl-tel-input .country-list .country {
      color: white;
      font-family: Value;
      font-weight: normal;
      font-size: 14px;
      color: #171717;
      line-height: 1.5;
      letter-spacing: 0.7px; }
/* line 422, sass/page/_ticket_registration.scss */
#festival-registration-form .captcha-wrapper {
  text-align: center;
  width: 320px;
  margin: auto;
  margin-top: 20px; }
/* line 428, sass/page/_ticket_registration.scss */
#festival-registration-form .error-box {
  margin-top: 15px;
  margin-bottom: 15px; }
  /* line 431, sass/page/_ticket_registration.scss */
  #festival-registration-form .error-box .menu4 {
    line-height: 18px; }
/* line 435, sass/page/_ticket_registration.scss */
#festival-registration-form #registration_ticket_details,
#festival-registration-form #purchaser_ticket_details {
  text-align: left; }
  /* line 438, sass/page/_ticket_registration.scss */
  #festival-registration-form #registration_ticket_details .event-image,
  #festival-registration-form #purchaser_ticket_details .event-image {
    background-image: url(/assets/poster2019.jpg);
    background-size: cover;
    height: 200px;
    width: 100%;
    padding-bottom: 130%;
    margin-bottom: 25px;
    display: inline-block; }
    @media (min-width: 48em) {
      /* line 438, sass/page/_ticket_registration.scss */
      #festival-registration-form #registration_ticket_details .event-image,
      #festival-registration-form #purchaser_ticket_details .event-image {
        width: 150px;
        padding-bottom: inherit; } }
  /* line 451, sass/page/_ticket_registration.scss */
  #festival-registration-form #registration_ticket_details .ticket_details,
  #festival-registration-form #purchaser_ticket_details .ticket_details {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 335px; }
    /* line 456, sass/page/_ticket_registration.scss */
    #festival-registration-form #registration_ticket_details .ticket_details > div,
    #festival-registration-form #purchaser_ticket_details .ticket_details > div {
      margin-top: 5px;
      margin-bottom: 5px; }
    @media (min-width: 48em) {
      /* line 451, sass/page/_ticket_registration.scss */
      #festival-registration-form #registration_ticket_details .ticket_details,
      #festival-registration-form #purchaser_ticket_details .ticket_details {
        margin-left: 15px; } }
/* line 469, sass/page/_ticket_registration.scss */
#festival-registration-form .refresh_link {
  color: white;
  margin: 30px;
  display: block; }
/* line 474, sass/page/_ticket_registration.scss */
#festival-registration-form .image-popup-link {
  font-weight: bold;
  color: #78c8c3; }
/* line 478, sass/page/_ticket_registration.scss */
#festival-registration-form .popup-image-container .popup-image-content {
  width: 95%; }
  @media (min-width: 48em) {
    /* line 478, sass/page/_ticket_registration.scss */
    #festival-registration-form .popup-image-container .popup-image-content {
      width: 50%; } }
/* line 484, sass/page/_ticket_registration.scss */
#festival-registration-form #registration_ticket_details {
  margin-top: 50px; }

/* line 1, sass/_footer.scss */
#footer {
  background-color: #F4F4F4;
  padding: 36px 0px 28px; }
  /* line 4, sass/_footer.scss */
  #footer .footer-container {
    margin: auto;
    width: 302px; }
    @media (min-width: 48em) {
      /* line 4, sass/_footer.scss */
      #footer .footer-container {
        width: 1230px;
        padding: 0px; } }
  /* line 15, sass/_footer.scss */
  #footer .footer1 {
    text-transform: uppercase;
    line-height: 1.42;
    letter-spacing: 4.8px;
    color: #888888;
    margin-bottom: 20px;
    display: block; }
    @media (min-width: 48em) {
      /* line 15, sass/_footer.scss */
      #footer .footer1 {
        pointer-events: none; } }
  /* line 26, sass/_footer.scss */
  #footer .headline-small2 {
    color: #1e2d50;
    margin-bottom: 14px;
    margin-top: 20px; }
    @media (min-width: 48em) {
      /* line 26, sass/_footer.scss */
      #footer .headline-small2 {
        margin-top: 0px; } }
  /* line 35, sass/_footer.scss */
  #footer .menu3.medium {
    color: #b0b0b0; }
  /* line 38, sass/_footer.scss */
  #footer a.menu3.medium {
    text-decoration: underline; }
    @media (min-width: 48em) {
      /* line 38, sass/_footer.scss */
      #footer a.menu3.medium {
        margin-left: 12px; } }
    /* line 43, sass/_footer.scss */
    #footer a.menu3.medium:hover {
      color: #888888; }
    /* line 46, sass/_footer.scss */
    #footer a.menu3.medium:active {
      color: #555555; }
  /* line 50, sass/_footer.scss */
  #footer a {
    color: #c0c0c0; }
  /* line 53, sass/_footer.scss */
  #footer a.footer3 {
    font-weight: 500;
    line-height: 2; }
  /* line 57, sass/_footer.scss */
  #footer .footer-column {
    display: block;
    margin-bottom: 32px;
    vertical-align: top;
    margin-right: 36px; }
    @media (min-width: 48em) {
      /* line 57, sass/_footer.scss */
      #footer .footer-column {
        display: inline-block;
        margin-bottom: 0px; } }
    /* line 66, sass/_footer.scss */
    #footer .footer-column.align-right {
      text-align: left;
      margin-right: 0px;
      display: inline-block; }
      @media (min-width: 48em) {
        /* line 66, sass/_footer.scss */
        #footer .footer-column.align-right {
          float: right;
          text-align: right; } }
  /* line 76, sass/_footer.scss */
  #footer .first-row {
    margin-bottom: 0px; }
    @media (min-width: 48em) {
      /* line 76, sass/_footer.scss */
      #footer .first-row {
        margin-bottom: 100px; } }
    /* line 83, sass/_footer.scss */
    #footer .first-row ul.social li {
      display: inline-block;
      padding-left: 0px;
      padding-right: 20px; }
      @media (min-width: 48em) {
        /* line 83, sass/_footer.scss */
        #footer .first-row ul.social li {
          padding-left: 20px;
          padding-right: 0px;
          width: 45px;
          position: relative; } }
      /* line 94, sass/_footer.scss */
      #footer .first-row ul.social li i {
        font-size: 1.6em; }
        @media (min-width: 48em) {
          /* line 94, sass/_footer.scss */
          #footer .first-row ul.social li i {
            position: absolute;
            right: 0px;
            text-align: center; }
            /* line 101, sass/_footer.scss */
            #footer .first-row ul.social li i:hover {
              color: #888888;
              transform: scale(1.1); } }
    /* line 110, sass/_footer.scss */
    #footer .first-row #footer-subscribe-form {
      display: inline-block; }
      /* line 112, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form input {
        border: solid 2px #c0c0c0;
        background-color: transparent;
        padding: 10px 20px;
        border-radius: 0px;
        float: left;
        width: 240px;
        letter-spacing: 2.8px;
        color: #555555; }
        @media (min-width: 48em) {
          /* line 112, sass/_footer.scss */
          #footer .first-row #footer-subscribe-form input {
            width: 280px; } }
      /* line 125, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form ::-webkit-input-placeholder {
        color: #b0b0b0; }
      /* line 128, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form ::-moz-placeholder {
        color: #b0b0b0; }
      /* line 131, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form :-ms-input-placeholder {
        color: #b0b0b0; }
      /* line 134, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form :-moz-placeholder {
        color: #b0b0b0; }
      /* line 137, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form button {
        border: solid 2px #c0c0c0;
        background-color: transparent;
        border-left: 0px;
        float: left;
        padding: 12px 18px; }
        /* line 143, sass/_footer.scss */
        #footer .first-row #footer-subscribe-form button i {
          color: #c0c0c0; }
        /* line 146, sass/_footer.scss */
        #footer .first-row #footer-subscribe-form button:active {
          border: solid 2px #555555 !important;
          background-color: #555555 !important;
          border-left: 0px; }
      /* line 155, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form:focus-within input, #footer .first-row #footer-subscribe-form:focus input, #footer .first-row #footer-subscribe-form:hover input {
        outline: none;
        border: solid 2px #888888; }
      /* line 159, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form:focus-within button, #footer .first-row #footer-subscribe-form:focus button, #footer .first-row #footer-subscribe-form:hover button {
        border: solid 2px #888888;
        outline: none;
        border-left: 0px; }
        /* line 163, sass/_footer.scss */
        #footer .first-row #footer-subscribe-form:focus-within button i, #footer .first-row #footer-subscribe-form:focus button i, #footer .first-row #footer-subscribe-form:hover button i {
          color: #888888; }
      /* line 169, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form.typing input {
        border: solid 2px #888888;
        outline: none; }
      /* line 173, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form.typing button {
        outline: none;
        border: solid 2px #888888;
        background-color: #888888;
        color: #D5D5D5;
        border-left: 0px; }
        /* line 179, sass/_footer.scss */
        #footer .first-row #footer-subscribe-form.typing button i {
          color: #D5D5D5; }
    /* line 186, sass/_footer.scss */
    #footer .first-row .footer-column.align-right li {
      margin-bottom: 20px; }
      @media (min-width: 48em) {
        /* line 186, sass/_footer.scss */
        #footer .first-row .footer-column.align-right li {
          margin-bottom: 40px; } }
  /* line 196, sass/_footer.scss */
  #footer .second-row .footer-fineprint li {
    display: inline-block;
    padding-right: 20px;
    padding: 5px 0px; }
    /* line 199, sass/_footer.scss */
    #footer .second-row .footer-fineprint li:first-child {
      display: block; }
      @media (min-width: 48em) {
        /* line 199, sass/_footer.scss */
        #footer .second-row .footer-fineprint li:first-child {
          display: inline-block; } }
    @media (min-width: 48em) {
      /* line 196, sass/_footer.scss */
      #footer .second-row .footer-fineprint li {
        padding: 0px; } }
  /* line 211, sass/_footer.scss */
  #footer .second-row .footer-column.align-right {
    position: relative; }
    /* line 213, sass/_footer.scss */
    #footer .second-row .footer-column.align-right .scratchfirst-logo {
      width: 97px;
      position: absolute;
      bottom: -12px;
      right: 0px; }
  /* line 220, sass/_footer.scss */
  #footer .second-row .scratchfirst-logo.mobile-only {
    width: 90px;
    padding: 10px 0px; }
  /* line 225, sass/_footer.scss */
  #footer .dropdown-menu {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: none;
    min-width: 60px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    @media (min-width: 48em) {
      /* line 225, sass/_footer.scss */
      #footer .dropdown-menu {
        padding: 0px;
        margin: 0px;
        display: block; }
        /* line 249, sass/_footer.scss */
        #footer .dropdown-menu > li > a {
          padding: 0px;
          font-weight: 500; } }
    /* line 255, sass/_footer.scss */
    #footer .dropdown-menu .dropdown-menu > li > a:after {
      border-bottom: 1px solid #171717; }
  /* line 261, sass/_footer.scss */
  #footer .dropdown .dropdown-toggle::after {
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 3px;
    text-decoration: none;
    font-size: medium;
    transition: transform .3s; }
    @media (min-width: 48em) {
      /* line 261, sass/_footer.scss */
      #footer .dropdown .dropdown-toggle::after {
        display: none; } }
  /* line 274, sass/_footer.scss */
  #footer .dropdown.open > .dropdown-toggle::after {
    content: '\f106'; }
  /* line 278, sass/_footer.scss */
  #footer .dropdown-menu > li > a:active,
  #footer .dropdown-menu > li > a:focus,
  #footer .dropdown-menu > li > a:hover {
    background-image: none !important;
    background-color: transparent;
    color: #888888; }
  /* line 285, sass/_footer.scss */
  #footer .dropdown-menu > li > a:after {
    border-bottom: 2px solid #171717;
    display: none; }

/* line 292, sass/_footer.scss */
.cd-cart-container .add-to-cart {
  color: #FFFFFF;
  line-height: 32px;
  text-align: center;
  width: 262px;
  background-color: #6aada9;
  padding: 5px 50px;
  display: inline-block;
  text-transform: uppercase; }
  @media (min-width: 48em) {
    /* line 292, sass/_footer.scss */
    .cd-cart-container .add-to-cart {
      padding: 5px 5px;
      width: 172px; } }
  /* line 305, sass/_footer.scss */
  .cd-cart-container .add-to-cart:hover {
    background-color: #619d99;
    color: white; }
  /* line 309, sass/_footer.scss */
  .cd-cart-container .add-to-cart:active {
    background-color: #598e8b;
    color: white; }

/* --------------------------------

Main Components

-------------------------------- */
/* line 7, sass/_cart.scss */
.cd-cart-container::before {
  /* dark bg layer visible when the cart is open */
  content: '';
  position: fixed;
  z-index: 1040;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s; }

/* line 23, sass/_cart.scss */
.cd-cart-container.cart-open::before {
  opacity: 1;
  visibility: visible; }

/* line 28, sass/_cart.scss */
.cd-cart-trigger,
.cd-cart {
  position: fixed;
  bottom: 10px;
  right: 10px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: transform;
  backface-visibility: hidden; }

/* line 45, sass/_cart.scss */
.cart-open .cd-cart-trigger,
.cart-open .cd-cart {
  bottom: 0px;
  right: 0px; }

@media (min-width: 34em) {
  /* line 52, sass/_cart.scss */
  .cart-open .cd-cart-trigger,
  .cart-open .cd-cart,
  .cd-cart-trigger,
  .cd-cart {
    bottom: 0px;
    right: 0px; } }
/* line 63, sass/_cart.scss */
.empty .cd-cart-trigger, .empty
.cd-cart {
  /* hide cart */
  /*
      -webkit-transform: translateY(150px);
      -ms-transform: translateY(150px);
      transform: translateY(150px);
  */ }

@media only screen and (min-width: 1170px) {
  /*
      .cd-cart-trigger,
      .cd-cart {
          bottom: 30px;
      }
  */ }
/* line 82, sass/_cart.scss */
.cd-cart-trigger {
  /* button that triggers the cart content */
  z-index: 3;
  height: 72px;
  width: 72px;
  /* replace text with image */
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  border-radius: 6px;
  background-image: url(/wp-content/themes/wonderfruit/images/2017/icon_cart.png);
  background-size: contain;
  background-color: transparent; }

/* line 97, sass/_cart.scss */
.cart-open .cd-cart-trigger {
  background-image: none; }

/* line 100, sass/_cart.scss */
.cd-cart-trigger.hyphen {
  position: absolute;
  text-indent: unset;
  width: auto;
  height: 40px;
  font-size: 16px;
  line-height: 1em;
  right: 19.6px;
  top: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  background: none;
  z-index: 999999999;
  color: #1E2D50;
  cursor: pointer; }

@media (min-width: 48em) {
  /* line 119, sass/_cart.scss */
  .cd-cart-trigger.hyphen {
    top: 70px; } }
/* line 123, sass/_cart.scss */
.cd-cart-trigger::after, .cd-cart-trigger::before {
  /* used to create the cart/'X' icon */
  /*   content: ''; */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 100%;
  width: 100%;
  background: url(/wp-content/themes/wonderfruit/images/cd-icons-cart-close-mob.svg) no-repeat 0 0;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  transition: opacity .2s, transform .2s, -webkit-transform .2s; }

@media (min-width: 34em) {
  /* line 143, sass/_cart.scss */
  .cd-cart-trigger::after, .cd-cart-trigger::before {
    background: url(/wp-content/themes/wonderfruit/images/cd-icons-cart-close.svg) no-repeat 0 0; } }
/* line 147, sass/_cart.scss */
.cd-cart-trigger::after {
  /* 'X' icon */
  background-position: -72px 0;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transform: translateX(-50%) translateY(-50%) rotate(90deg); }

/* line 155, sass/_cart.scss */
.cart-open .cd-cart-trigger::before {
  opacity: 0; }

/* line 158, sass/_cart.scss */
.cart-open .cd-cart-trigger::after {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

/* line 164, sass/_cart.scss */
.cd-cart-trigger .count {
  /* number of items indicator */
  position: absolute;
  right: 0px;
  height: 25px;
  width: 25px;
  background: #e94b35;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 50%;
  text-indent: 0;
  -webkit-transition: -webkit-transform .2s .5s;
  transition: -webkit-transform .2s .5s;
  transition: transform .2s .5s;
  transition: transform .2s .5s, -webkit-transform .2s .5s; }

/* line 181, sass/_cart.scss */
.cd-cart-trigger .count li {
  /* this is the number of items in the cart */
  position: absolute;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

/* line 194, sass/_cart.scss */
.cd-cart-trigger .count li:last-of-type {
  visibility: hidden; }

/* line 197, sass/_cart.scss */
.cd-cart-trigger .count.update-count li:last-of-type {
  -webkit-animation: cd-qty-enter .15s;
  animation: cd-qty-enter .15s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards; }

/* line 203, sass/_cart.scss */
.cd-cart-trigger .count.update-count li:first-of-type {
  -webkit-animation: cd-qty-leave .15s;
  animation: cd-qty-leave .15s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards; }

/* line 209, sass/_cart.scss */
.cart-open .cd-cart-trigger .count {
  -webkit-transition: -webkit-transform .2s 0s;
  transition: -webkit-transform .2s 0s;
  transition: transform .2s 0s;
  transition: transform .2s 0s, -webkit-transform .2s 0s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

/* line 218, sass/_cart.scss */
.empty .cd-cart-trigger .count {
  /* fix bug - when cart is empty, do not animate count */
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

/* line 224, sass/_cart.scss */
.cd-cart-trigger:hover + div .wrapper {
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3); }

/* line 227, sass/_cart.scss */
.cart-open .cd-cart-trigger:hover + div .wrapper {
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17); }

/* line 231, sass/_cart.scss */
.cd-cart {
  z-index: 2;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none; }

@media (min-width: 34em) {
  /* line 240, sass/_cart.scss */
  .cd-cart {
    /* cart content */
    width: 90%;
    max-width: 543px;
    height: 100%;
    max-height: 100%; } }
/* line 248, sass/_cart.scss */
.cd-cart .wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
  height: 0px;
  /*   Commented out to remove expanding animation (it was breaking width calculating code for slides               */
  /*                 width: 0px; */
  -webkit-transition: height 0s 0s, width  .4s .1s, box-shadow 0s;
  transition: height 0s 0s, width  .4s .1s, box-shadow 0s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
  transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
  pointer-events: auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: column; }

/* line 268, sass/_cart.scss */
.cd-cart header, .cd-cart .body {
  opacity: 0; }

/* line 271, sass/_cart.scss */
.cd-cart header {
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  -webkit-transition: opacity .2s 0s;
  transition: opacity .2s 0s;
  color: #1E2D50; }

/* line 279, sass/_cart.scss */
.cd-cart header::after {
  clear: both;
  content: "";
  display: block; }

/* line 284, sass/_cart.scss */
.cd-cart footer {
  background: brown;
  padding: 0 5px 5px; }

/* line 288, sass/_cart.scss */
.cd-cart h2 {
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .1em; }

/* line 295, sass/_cart.scss */
.cd-cart .undo {
  float: right;
  /*                 font-size: 1.2rem; */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s, visibility .2s;
  transition: opacity .2s, visibility .2s;
  color: #b0b0b0;
  padding-top: 12px;
  padding-right: 15px; }

/* line 306, sass/_cart.scss */
.cd-cart .undo a {
  text-decoration: underline;
  color: #b0b0b0; }

/* line 310, sass/_cart.scss */
.cd-cart .undo a:hover {
  color: #b0b0b0; }

/* line 313, sass/_cart.scss */
.cd-cart .undo.visible {
  opacity: 1;
  visibility: visible; }

/* line 318, sass/_cart.scss */
.cd-cart .wrapper {
  background-color: transparent; }

/* line 322, sass/_cart.scss */
.cd-cart .body {
  position: relative;
  /*
      flex-grow: 1;
      -webkit-flex-grow: 1;
  */
  margin-bottom: 80px;
  z-index: 1;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

/* line 335, sass/_cart.scss */
.cd-cart .body .table-body {
  overflow: hidden;
  margin: 0;
  padding: 0 1.4em;
  position: relative; }

/*

.cd-cart .body .product {
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
    -webkit-transition: opacity 0s .2s, -webkit-transform 0s .2s;
    transition: opacity 0s .2s, -webkit-transform 0s .2s;
    transition: opacity 0s .2s, transform 0s .2s;
    transition: opacity 0s .2s, transform 0s .2s, -webkit-transform 0s .2s;
}
*/
/* line 356, sass/_cart.scss */
.cd-cart .body .product::after {
  clear: both;
  content: "";
  display: block; }

/* line 361, sass/_cart.scss */
.cd-cart .body .product:not(:last-of-type) {
  margin-bottom: 20px; }

/* line 365, sass/_cart.scss */
.cd-cart .body .product.deleted {
  /* this class is added to an item when it is removed form the cart */
  position: absolute;
  left: 1.4em;
  width: calc(100% - 2.8em);
  opacity: 0;
  -webkit-animation: cd-item-slide-out .3s forwards;
  animation: cd-item-slide-out .3s forwards; }

/* used to reinsert an item deleted from the cart when user clicks 'Undo' */
/* line 376, sass/_cart.scss */
.cd-cart .body .product.deleted.undo-deleted {
  -webkit-animation: cd-item-slide-in .3s forwards;
  animation: cd-item-slide-in .3s forwards; }

/* line 380, sass/_cart.scss */
.cd-cart .body .product.deleted + .product {
  -webkit-animation: cd-item-move-up-mobile .3s;
  animation: cd-item-move-up-mobile .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

/* line 386, sass/_cart.scss */
.cd-cart .body .product.undo-deleted + .product {
  -webkit-animation: cd-item-move-down-mobile .3s;
  animation: cd-item-move-down-mobile .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

/* line 392, sass/_cart.scss */
.cd-cart .product-image {
  display: inline-block;
  float: left;
  /* the image height determines the height of the list item - in this case height = width */
  width: 50px; }

/* line 398, sass/_cart.scss */
.cd-cart .product-image img {
  display: block; }

/* line 401, sass/_cart.scss */
.cd-cart .product-details {
  position: relative;
  display: flex;
  display: -webkit-flex;
  padding: 0; }

/* line 408, sass/_cart.scss */
.cd-cart .product-details::after {
  clear: both;
  content: "";
  display: block; }

/* line 413, sass/_cart.scss */
.cd-cart .price {
  text-align: right;
  padding-top: 4px;
  color: #171717;
  line-height: 18px; }

/* line 419, sass/_cart.scss */
.cd-cart .actions {
  height: 1.6em;
  line-height: 1.6em; }

/* line 423, sass/_cart.scss */
.cd-cart .actions::after {
  clear: both;
  content: "";
  display: block; }

/* line 428, sass/_cart.scss */
.cd-cart .delete-item, .cd-cart .quantity {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 432, sass/_cart.scss */
.cd-cart .delete-item {
  margin-right: 1em; }

/* line 435, sass/_cart.scss */
.cd-cart .delete-item:hover {
  color: #b0b0b0; }

/* line 438, sass/_cart.scss */
.cd-cart .quantity label {
  display: none; }

/* line 441, sass/_cart.scss */
.cart-open .cd-cart .wrapper {
  height: 100%;
  width: 100%;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  background-color: white; }

@media (min-width: 48em) {
  /* line 450, sass/_cart.scss */
  .cart-open .cd-cart .wrapper {
    padding-top: 70px; } }
/* line 455, sass/_cart.scss */
.cart-open .cd-cart header, .cart-open .cd-cart .body {
  opacity: 1; }

/* line 458, sass/_cart.scss */
.cart-open .cd-cart header,
.cart-open .cd-cart .body,
.cart-open .cd-cart .recommendations,
.cart-open .cd-cart .checkout-footer {
  padding: 5px 21px 10px; }

/* line 464, sass/_cart.scss */
.cart-open .cd-cart .body {
  -webkit-transition: opacity .2s .2s;
  transition: opacity .2s .2s; }

/* line 468, sass/_cart.scss */
.cart-open .cd-cart .body .product {
  -webkit-transition: opacity .3s .2s, -webkit-transform .3s .2s;
  transition: opacity .3s .2s, -webkit-transform .3s .2s;
  transition: transform .3s .2s, opacity .3s .2s;
  transition: transform .3s .2s, opacity .3s .2s, -webkit-transform .3s .2s;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

/* line 478, sass/_cart.scss */
.cart-open .cd-cart .body .product:nth-of-type(2) {
  -webkit-transition-duration: .4s;
  transition-duration: .4s; }

/* line 482, sass/_cart.scss */
.cart-open .cd-cart .body .product:nth-of-type(3) {
  -webkit-transition-duration: .5s;
  transition-duration: .5s; }

/* line 486, sass/_cart.scss */
.cart-open .cd-cart .body .product:nth-of-type(4), .cart-open .cd-cart .body li:nth-of-type(5) {
  -webkit-transition-duration: .55s;
  transition-duration: .55s; }

@media only screen and (min-width: 768px) {
  /* line 493, sass/_cart.scss */
  .cd-cart .body .product:not(:last-of-type) {
    margin-bottom: 14px; }

  /* line 496, sass/_cart.scss */
  .cd-cart .body .product.deleted + .product {
    -webkit-animation: cd-item-move-up .3s;
    animation: cd-item-move-up .3s; }

  /* line 500, sass/_cart.scss */
  .cd-cart .body .product.undo-deleted + .product {
    -webkit-animation: cd-item-move-down .3s;
    animation: cd-item-move-down .3s; }

  /* line 504, sass/_cart.scss */
  .cd-cart .product-image {
    width: 90px; }

  /* line 507, sass/_cart.scss */
  .cd-cart .product-details {
    padding: 0px;
    width: calc( 100%); } }
@-webkit-keyframes cd-qty-enter {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); } }
@keyframes cd-qty-enter {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); } }
@-webkit-keyframes cd-qty-leave {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%); } }
@keyframes cd-qty-leave {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%); } }
@-webkit-keyframes cd-item-move-up-mobile {
  0% {
    padding-top: 70px; }
  100% {
    padding-top: 0px; } }
@keyframes cd-item-move-up-mobile {
  0% {
    padding-top: 70px; }
  100% {
    padding-top: 0px; } }
@-webkit-keyframes cd-item-move-up {
  0% {
    padding-top: 104px; }
  100% {
    padding-top: 0px; } }
@keyframes cd-item-move-up {
  0% {
    padding-top: 104px; }
  100% {
    padding-top: 0px; } }
@-webkit-keyframes cd-item-move-down-mobile {
  0% {
    padding-top: 0px; }
  100% {
    padding-top: 70px; } }
@keyframes cd-item-move-down-mobile {
  0% {
    padding-top: 0px; }
  100% {
    padding-top: 70px; } }
@-webkit-keyframes cd-item-move-down {
  0% {
    padding-top: 0px; }
  100% {
    padding-top: 104px; } }
@keyframes cd-item-move-down {
  0% {
    padding-top: 0px; }
  100% {
    padding-top: 104px; } }
@-webkit-keyframes cd-item-slide-out {
  0% {
    /*
            -webkit-transform: translateX(0);
            transform: translateX(0);
    */
    opacity: 1; }
  100% {
    /*
            -webkit-transform: translateX(80px);
            transform: translateX(80px);
    */
    opacity: 0; } }
@keyframes cd-item-slide-out {
  0% {
    /*
            -webkit-transform: translateX(0);
            transform: translateX(0);
    */
    opacity: 1; }
  100% {
    /*
            -webkit-transform: translateX(80px);
            transform: translateX(80px);
    */
    opacity: 0; } }
@-webkit-keyframes cd-item-slide-in {
  100% {
    /*
            -webkit-transform: translateX(0);
            transform: translateX(0);
    */
    opacity: 1; }
  0% {
    /*
            -webkit-transform: translateX(80px);
            transform: translateX(80px);
    */
    opacity: 0; } }
@keyframes cd-item-slide-in {
  100% {
    /*
            -webkit-transform: translateX(0);
            transform: translateX(0);
    */
    opacity: 1; }
  0% {
    /*
            -webkit-transform: translateX(80px);
            transform: translateX(80px);
    */
    opacity: 0; } }
/* Customizations */
/*
.cd-cart .cart-data-wrapper ul > *:last-child {
    display: none;
}
*/
/* line 705, sass/_cart.scss */
.cd-cart-container {
  z-index: 1040; }

/* line 708, sass/_cart.scss */
.cd-cart-trigger .count {
  list-style: none;
  padding: 0px; }

/* line 713, sass/_cart.scss */
.cd-cart {
  z-index: 1041; }

/* line 717, sass/_cart.scss */
.cd-cart-trigger {
  z-index: 1042;
  /* Hide Floating Button  */
  display: none; }

/* line 723, sass/_cart.scss */
.subtotal {
  color: #171717;
  line-height: 22px;
  text-align: right;
  display: inline-block;
  border-bottom: 2px solid #171717;
  float: right;
  margin-top: 10px; }

/* line 732, sass/_cart.scss */
.subtotal span {
  margin-left: 30px; }

/* line 736, sass/_cart.scss */
.cd-cart .product-details .name {
  color: #171717;
  line-height: 18px;
  pointer-events: none;
  cursor: default;
  flex-grow: 1;
  -webkit-flex-grow: 1; }

/* line 745, sass/_cart.scss */
.cd-cart .body ul {
  list-style: none; }

/* line 748, sass/_cart.scss */
.cd-cart .name,
.cd-cart .actions {
  padding-right: 15px; }

/* line 753, sass/_cart.scss */
.divider {
  height: 1px;
  margin: 0 1.4em;
  background-color: #f4f4f4; }

/* line 759, sass/_cart.scss */
.divider.fill {
  margin: 0; }

/* line 763, sass/_cart.scss */
.cd-cart select {
  color: inherit; }

/*  New Generic Styles	 */
/* line 769, sass/_cart.scss */
.text-price2 {
  font-size: 20px;
  font-family: grotesk-medium;
  letter-spacing: 1.1px; }

/* line 774, sass/_cart.scss */
.text-price3 {
  font-family: bebas;
  font-size: 25px; }

/* line 778, sass/_cart.scss */
body.lang-th .text-price3 {
  font-family: cloud-semibold;
  font-size: 22px; }

/* line 782, sass/_cart.scss */
.cd-cart-trigger .count {
  background-position: 0 0;
  background-size: 100% 100%;
  background-color: white;
  color: black; }

/* line 788, sass/_cart.scss */
.cd-cart .product-details {
  padding: 20px 0;
  vertical-align: middle; }

/* line 792, sass/_cart.scss */
.cart-title {
  color: #171717;
  line-height: 26px;
  vertical-align: middle; }

/* line 798, sass/_cart.scss */
.recommendations-title {
  color: #171717;
  line-height: 14px;
  padding: 18px 0px 0px;
  position: relative; }

/* line 804, sass/_cart.scss */
.recommendation-price {
  color: #171717;
  line-height: 12px; }

/* line 809, sass/_cart.scss */
.recommendation-title {
  color: #171717;
  line-height: 16px; }

/* line 813, sass/_cart.scss */
.cart-nav-buttons {
  position: absolute;
  top: 20px;
  right: 0px;
  width: 60px; }

/* line 819, sass/_cart.scss */
.cart-nav-buttons #reco-prev {
  display: inline;
  padding-left: 0px; }

/* line 823, sass/_cart.scss */
.cart-nav-buttons #reco-next {
  display: inline;
  padding-left: 20px; }

@media (min-width: 380px) {
  /* line 828, sass/_cart.scss */
  .recommendation-price {
    line-height: 16px; } }
@media (min-width: 30em) {
  /* line 833, sass/_cart.scss */
  .recommendations-title {
    line-height: 20px; } }
@media (min-width: 48em) {
  /* line 838, sass/_cart.scss */
  .subtotal {
    color: #171717;
    line-height: 22px;
    text-align: right; }

  /* line 843, sass/_cart.scss */
  .recommendations-title {
    line-height: 26px; }

  /* line 846, sass/_cart.scss */
  .recommendation-container {
    margin-right: 10px;
    position: relative; }

  /* line 850, sass/_cart.scss */
  .recommendation-title {
    line-height: 18px; }

  /* line 853, sass/_cart.scss */
  .recommendation-price {
    line-height: 18px; } }
/* line 860, sass/_cart.scss */
.cd-cart .body li:not(:last-of-type) {
  margin-bottom: 0px; }

/* line 864, sass/_cart.scss */
.cd-cart .delete-item {
  opacity: 0;
  color: #b0b0b0;
  /*
      margin-right: 0;
      position: absolute;
      right: 0;
      top: 5px;
  */ }

/* line 874, sass/_cart.scss */
.cd-cart .product:active .delete-item,
.cd-cart .product:hover .delete-item {
  opacity: 1; }

/* line 879, sass/_cart.scss */
.cd-cart .delete-item:active,
.cd-cart .delete-item:hover {
  opacity: 1; }

/* line 884, sass/_cart.scss */
.cd-cart .delete-item:active i,
.cd-cart .delete-item:hover i {
  color: #ff6464; }

/* line 889, sass/_cart.scss */
.wrapper-discount .discount-header-title::after {
  content: "(+)";
  float: right; }

/* line 894, sass/_cart.scss */
.wrapper-discount .discount-header-title.active::after {
  content: "(-)"; }

/* line 898, sass/_cart.scss */
.wrapper-discount .discount-codes {
  padding-bottom: 15px;
  margin-bottom: 15px; }

/* line 903, sass/_cart.scss */
.wrapper-discount .discount-codes .discount .discount-value {
  float: right; }

/* line 907, sass/_cart.scss */
.promo-code-toggle {
  line-height: 32px;
  top: 0px;
  position: absolute;
  left: -20px; }

/* line 914, sass/_cart.scss */
.promo-code-toggle i.fa-minus-circle {
  color: #e0e0e0; }

/* line 917, sass/_cart.scss */
.promo-code-toggle i.fa-plus-circle {
  color: #c0c0c0; }

/* line 920, sass/_cart.scss */
.promo-code-text {
  color: #c0c0c0;
  height: 30px;
  line-height: 30px; }

/* line 925, sass/_cart.scss */
.promo-code-text:hover,
.promo-code-toggle i.fa-plus-circle:hover,
.promo-code-toggle i.fa-minus-circle:hover {
  font-weight: bold;
  color: #b0b0b0; }

/* line 932, sass/_cart.scss */
.promo-code-text:active,
.promo-code-toggle i.fa-plus-circle:active,
.promo-code-toggle i.fa-minus-circle:active {
  font-weight: bold;
  color: #888888; }

/* line 938, sass/_cart.scss */
.promo-code-toggle i.fa-minus-circle:hover {
  color: #e0e0e0; }

/* line 941, sass/_cart.scss */
.promo-code-toggle i.fa-minus-circle:active {
  color: #d5d5d5; }

/* line 946, sass/_cart.scss */
.promo-code-input-container.closed-container .promo-code-text,
.promo-code-input-container.open-container .promo-code-input {
  display: none; }

/* line 950, sass/_cart.scss */
.promo-code-input-container.open-container .promo-code-text,
.promo-code-input-container.closed-container .promo-code-input {
  display: block; }

/* line 955, sass/_cart.scss */
.promo-code-input-container {
  display: inline-block;
  -webkit-transition: width .5s;
  /* Safari */
  transition: width .5s;
  position: relative; }

/* line 962, sass/_cart.scss */
.promo-code-input-container.open-container {
  width: 100px; }

/* line 965, sass/_cart.scss */
.promo-code-input-container.closed-container {
  width: 95%; }

@media (min-width: 30em) {
  /* line 969, sass/_cart.scss */
  .promo-code-input-container.closed-container {
    width: 350px; } }
/* line 974, sass/_cart.scss */
#discount-input {
  float: left;
  border: 1px solid #888888;
  border-radius: 0px;
  height: 30px;
  background-color: transparent;
  color: #888888;
  display: inline-block;
  width: calc(100% - 75px);
  line-height: 30px;
  vertical-align: top;
  letter-spacing: 1.3px; }

/* line 987, sass/_cart.scss */
.typing #discount-input {
  border-color: #171717;
  color: #171717; }

/* line 991, sass/_cart.scss */
#discount-input::placeholder,
#discount-input:-ms-input-placeholder,
#discount-input::-ms-input-placeholder {
  color: #b0b0b0; }

/* line 997, sass/_cart.scss */
.wrapper-discount .discount-input-group {
  text-align: right; }

/* line 1001, sass/_cart.scss */
.wrapper-discount .discount-input-group .discount-button {
  color: #1E2D50;
  text-shadow: none;
  border-color: #1E2D50;
  border-radius: 0px;
  background-color: transparent;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 1px;
  height: 30px;
  width: 70px;
  pointer-events: none;
  outline: none; }

/* line 1015, sass/_cart.scss */
.typing .wrapper-discount .discount-input-group .discount-button {
  color: white;
  background-color: #1E2D50;
  pointer-events: auto; }

/* line 1020, sass/_cart.scss */
.typing .wrapper-discount .discount-input-group .discount-button:hover {
  opacity: .8; }

/* line 1024, sass/_cart.scss */
.typing .wrapper-discount .discount-input-group .discount-button:active {
  opacity: .9; }

/* line 1027, sass/_cart.scss */
.before-discount {
  position: relative;
  color: #B0B0B0; }

/* line 1031, sass/_cart.scss */
.before-discount:after {
  border-bottom: 0.17em solid #B0B0B0;
  content: "";
  left: 0;
  margin: 0px -7px;
  margin-top: calc(0.17em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%; }

/* line 1041, sass/_cart.scss */
.discount-error {
  text-align: left;
  margin: 7px 7px;
  color: #6AADA9; }

/* line 1046, sass/_cart.scss */
.cd-cart-container.show-error-state .discount-error {
  color: #ff6464; }

/* line 1049, sass/_cart.scss */
.cd-cart-container.show-error-state #discount-input {
  border-color: #ff6464; }

/* line 1052, sass/_cart.scss */
.cart-missing .body {
  margin: 0 1.4em; }

/* line 1055, sass/_cart.scss */
.cart-missing .body .title {
  margin-bottom: 20px; }

/* line 1058, sass/_cart.scss */
.cart-missing .body .desctiption {
  margin-bottom: 30px; }

/* line 1061, sass/_cart.scss */
.cart-missing .body .btn-checkout {
  height: 40px;
  line-height: 1em;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 0 10px;
  border-radius: 0; }

/* line 1074, sass/_cart.scss */
.cd-cart .body .table {
  margin-bottom: 10px; }

/* line 1078, sass/_cart.scss */
.cd-cart .body .table-header {
  color: #171717;
  line-height: 16px; }

/* line 1082, sass/_cart.scss */
.cd-cart .body .table-body {
  color: #171717;
  line-height: 18px; }

/* line 1087, sass/_cart.scss */
.cd-cart .wrapper-discount,
.cd-cart .body .table-row .table-cell {
  padding: 7px 0px 10px;
  /*                 border-bottom: 2px solid rgba(30,45,80,0.2); */
  border-bottom: 1px solid #f5f5f5; }

/* line 1093, sass/_cart.scss */
.cd-cart .wrapper-discount {
  padding-top: 0px; }

/* line 1096, sass/_cart.scss */
.cd-cart .body .table-row .table-cell:nth-child(2) {
  width: 25%; }

/* line 1099, sass/_cart.scss */
.cd-cart .body .table-row .table-cell:nth-child(3) {
  width: 28%; }

/* line 1102, sass/_cart.scss */
.continue-shopping {
  flex: 1;
  line-height: 16px;
  color: #b0b0b0;
  text-transform: uppercase;
  padding-top: 28px; }

/* line 1110, sass/_cart.scss */
.cd-cart .checkout {
  height: 40px;
  line-height: 40px;
  padding: 0px 40px;
  width: initial;
  cursor: pointer; }

/* line 1117, sass/_cart.scss */
.checkout-footer {
  display: flex;
  margin-bottom: 15px; }

/* line 1124, sass/_cart.scss */
.recommendations {
  background-color: #F3F2F1; }

/* line 1127, sass/_cart.scss */
.recommendations .button-container {
  text-align: center; }

/* line 1131, sass/_cart.scss */
.recommendations .add-to-cart {
  line-height: 14px;
  padding: 5px 5px;
  width: initial; }

/* line 1136, sass/_cart.scss */
.recommendations .button-container .add-to-cart {
  line-height: 11px;
  padding: 7px 15px;
  background-color: transparent;
  border: 2px solid #171717;
  color: #171717;
  margin: 0px; }

/* line 1146, sass/_cart.scss */
#accomodation-recommendations .recommendations-title > div {
  display: none; }

/* line 1149, sass/_cart.scss */
.recommendations-title i {
  padding: 0px 4%; }

/* line 1155, sass/_cart.scss */
.recommendations #accommodation-recommendations .recommendation-add-to-cart,
.recommendations #ticket-recommendations .recommendation-add-to-cart {
  display: block;
  width: 100%;
  text-align: left;
  margin: 8px 0px;
  position: relative;
  top: inherit;
  left: inherit;
  transform: none; }

/* line 1167, sass/_cart.scss */
.recommendations #ticket-recommendations .recommendation-container,
.recommendations #accomodation-recommendations .recommendation-container {
  margin: 0px 0px;
  padding: 0px; }

@media (min-width: 380px) {
  /* line 1173, sass/_cart.scss */
  .recommendations .add-to-cart {
    line-height: 16px; }

  /* line 1176, sass/_cart.scss */
  .recommendations-title > div {
    display: inline;
    float: right;
    width: 50px; }

  /* line 1181, sass/_cart.scss */
  .recommendations #ticket-recommendations .recommendation-container,
  .recommendations #accomodation-recommendations .recommendation-container {
    margin: 8px 0px;
    padding: 5px; } }
@media (min-width: 30em) {
  /* line 1189, sass/_cart.scss */
  .checkout-footer {
    display: flex;
    /*
            height: 77px;
    		margin-bottom: 15px;                   
    */
    height: 40px;
    margin-bottom: 15px; }

  /* line 1200, sass/_cart.scss */
  .cart-open .cd-cart header,
  .cart-open .cd-cart .body,
  .cart-open .cd-cart .recommendations,
  .cart-open .cd-cart .checkout-footer {
    padding: 0px 21px; }

  /* line 1207, sass/_cart.scss */
  .recommendations .button-container .add-to-cart {
    line-height: 16px;
    padding: 12px 15px;
    margin: 0px; }

  /* line 1212, sass/_cart.scss */
  .cd-cart .body .table-row .table-cell:nth-child(3) {
    width: 15%; } }
/* line 1225, sass/_cart.scss */
.recommendations #ticket-recommendations .recommendation-container .rec-title {
  min-height: 40px;
  border-bottom: solid 1px #e0e0e0;
  margin-bottom: 10px; }

/* line 1231, sass/_cart.scss */
.recommendations #accomodation-recommendations .recommendation-container .rec-title {
  min-height: 44px; }

@media (min-width: 48em) {
  /* line 1236, sass/_cart.scss */
  .cd-cart .checkout {
    height: 40px;
    line-height: 40px; }

  /* line 1240, sass/_cart.scss */
  .recommendations #accomodation-recommendations .recommendation-add-to-cart {
    /*
    		position: absolute;
    	    top: 50%;
    	    left: 50%;
    	    transform: translate(-50%,-50%);
    	    width: 100%;	            
    */
    text-align: left; }

  /*
      .recommendations #accomodation-recommendations .recommendation-container:hover .recommendation-add-to-cart {
          display: block;
      }                
  */ }
/* line 1258, sass/_cart.scss */
#ticket-recommendations .slick-arrow {
  color: #171717;
  position: relative;
  display: inline-block;
  transform: none;
  top: 0%;
  float: left;
  cursor: pointer; }

/* line 1268, sass/_cart.scss */
#accomodation-recommendations .slick-arrow {
  color: #171717;
  position: relative;
  display: inline-block;
  transform: none;
  top: 0%;
  float: left;
  cursor: pointer; }

/* line 1277, sass/_cart.scss */
#ticket-recommendations .slick-arrow:hover,
#accomodation-recommendations .slick-arrow:hover {
  color: #888888; }

/* line 1281, sass/_cart.scss */
.cd-cart .product .table-cell {
  color: #171717; }

/* line 1284, sass/_cart.scss */
.cd-cart .footer2 {
  color: #b0b0b0; }

/* line 1287, sass/_cart.scss */
.cd-cart a.checkout {
  text-transform: uppercase;
  letter-spacing: 3.5px; }

/* line 1291, sass/_cart.scss */
.recommendations .button-container .add-to-cart {
  border: none;
  padding: 20px 0px 5px;
  float: right;
  color: #b0b0b0; }

/* line 1297, sass/_cart.scss */
.continue-shopping:hover,
.recommendations .button-container .add-to-cart:hover {
  color: #171717; }

/* line 1301, sass/_cart.scss */
.continue-shopping:active,
.recommendations .button-container .add-to-cart:active {
  color: #171717;
  opacity: .8; }

/* line 1307, sass/_cart.scss */
.cart-open .cd-cart .cart-user-registration header,
.cart-open .cd-cart .wrapper.cart-user-registration {
  background-color: #1e2d50; }

/* line 1311, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration:after {
  content: url(/wp-content/themes/wonderfruit-2018/images/2018/cart-user-bg.png);
  right: 0px;
  bottom: 0px;
  display: block;
  position: absolute;
  transform: scale(0.5) translate(50%, 50%); }

/* line 1319, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration header .btn-back {
  color: white; }

/* line 1322, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration header .btn-back:hover {
  opacity: .7; }

/* line 1325, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration header .btn-back:active {
  opacity: 1; }

/* line 1328, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .header2 {
  color: #78c8c3;
  margin: 45px 0px 90px; }

/* line 1332, sass/_cart.scss */
.cart-open .cd-cart #cart-signup-continued.wrapper.cart-user-registration .header2 {
  margin: 45px 0px; }

/* line 1335, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .body2,
.cart-open .cd-cart .wrapper.cart-user-registration .cart-user-text {
  color: white; }

/* line 1339, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .cart-user-text {
  margin: 30px 0px; }

/* line 1343, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .cart-user-text a:hover {
  color: rgba(255, 255, 255, 0.7); }

/* line 1347, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .signup-inputs input {
  background: transparent;
  border: 0px;
  border-bottom: solid 0.5px white;
  outline: 0;
  border-radius: 0;
  outline-color: transparent;
  outline-style: none; }

@media (min-width: 30em) {
  /* line 1357, sass/_cart.scss */
  .cart-open .cd-cart .wrapper.cart-user-registration header {
    padding: 22px;
    font-size: 1.2em; } }
/* line 1362, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .signup-inputs input:focus,
.cart-open .cd-cart .wrapper.cart-user-registration .signup-inputs input:active {
  outline: 0;
  outline-style: none;
  outline-color: transparent;
  outline-width: 0px;
  box-shadow: none; }

/* line 1370, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .body {
  width: 294px;
  padding: 0px !important;
  text-align: center;
  margin: auto; }

/* line 1376, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-divider,
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .signup-inputs,
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .body,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .or-divider,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .signup-inputs,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .body {
  overflow: visible; }

/* line 1384, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-divider {
  padding: 24px 0px;
  display: block;
  position: relative; }

/* line 1389, sass/_cart.scss */
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .or-divider {
  padding: 45px 0px;
  display: block;
  position: relative; }

/* line 1395, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-divider-inner,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .or-divider-inner {
  width: 200%;
  /*     border-bottom: 1px solid white; */
  margin: auto;
  text-align: center;
  position: absolute;
  /* margin: 10px 0px; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

/* line 1407, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-text,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .or-text {
  display: inline-block;
  color: white; }

/* line 1412, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-divider .line2,
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-divider .line1,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .or-divider .line2,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .or-divider .line1 {
  background-color: white;
  height: 1px;
  display: inline-block;
  width: 45%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%; }

/* line 1424, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-divider .line2,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .or-divider .line2 {
  left: 55%; }

/* line 1428, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-divider .line1,
.cart-open .cd-cart #cart-login.wrapper.cart-user-registration .or-divider .line1 {
  right: 55%; }

/* line 1433, sass/_cart.scss */
.cart-open .cd-cart #cart-login-email .signup-inputs {
  margin-top: 110px; }

/* line 1436, sass/_cart.scss */
.cart-open .cd-cart #cart-login-email .signup-inputs .forgot-link-container {
  margin: -5px 0px 30px;
  text-align: right; }

/* line 1440, sass/_cart.scss */
.cart-open .cd-cart #cart-forgot.wrapper.cart-user-registration .header2 {
  margin: 45px 0px 30px; }

/* line 1443, sass/_cart.scss */
.cart-open .cd-cart #cart-forgot.wrapper.cart-user-registration .signup-inputs .field {
  margin: 75px 0px 17px; }

/* line 1446, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .header2 {
  margin: 45px 0px 37px; }

/* line 1449, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .field {
  margin: 10px 0px; }

/* line 1453, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .signup-inputs button.user-button-standard {
  margin: 20px 0px 7px; }

/* line 1458, sass/_cart.scss */
.signup-inputs button.user-button-standard {
  display: block;
  width: 100%;
  border: 1px;
  background-color: #78c8c3;
  margin: 7px 0px;
  text-transform: uppercase;
  color: #1e2d50;
  height: 44px;
  outline: transparent; }

/* line 1469, sass/_cart.scss */
.signup-inputs button.user-button-standard:hover {
  background-color: #6AADA9; }

/* line 1472, sass/_cart.scss */
.signup-inputs button.user-button-standard:active {
  background-color: #55A29D; }

/* line 1475, sass/_cart.scss */
.signup-inputs button.user-button-icon {
  display: block;
  width: 100%;
  background-color: transparent;
  margin: 7px 0px;
  text-transform: uppercase;
  color: white;
  height: 44px;
  border: 1px solid white;
  padding: 0px;
  outline: transparent; }

/* line 1487, sass/_cart.scss */
.signup-inputs button.user-button-icon:hover {
  background-color: white; }

/* line 1490, sass/_cart.scss */
.signup-inputs button.user-button-icon:active {
  background-color: rgba(255, 255, 255, 0.7); }

/* line 1493, sass/_cart.scss */
.signup-inputs button.user-button-icon:hover .header-small {
  color: #1E2D50; }

/* line 1496, sass/_cart.scss */
.signup-inputs button.user-button-icon:active .header-small {
  color: #1E2D50; }

/* line 1499, sass/_cart.scss */
.signup-inputs button.user-button-icon .icon-container {
  height: 100%;
  width: 44px;
  display: inline-block;
  text-align: center;
  background-color: transparent;
  border: 0px;
  line-height: 44px;
  border-right: 1px solid white; }

/* line 1509, sass/_cart.scss */
.signup-inputs button.user-button-icon .header-small {
  width: calc(100% - 48px);
  display: inline-block;
  line-height: 44px; }

/* line 1514, sass/_cart.scss */
.signup-inputs button.user-button-icon.user-button-fb .icon-container {
  background-color: #3C5FA0; }

/* line 1517, sass/_cart.scss */
.signup-inputs button.user-button-icon.user-button-google .icon-container {
  background-color: #C94444; }

/* line 1520, sass/_cart.scss */
.signup-inputs button.user-button-icon.user-button-email .icon-container {
  background-color: #78C8C3; }

/* line 1524, sass/_cart.scss */
.signup-inputs .form-control {
  padding: 6px 0px; }

/* line 1527, sass/_cart.scss */
.signup-inputs .field {
  position: relative;
  text-align: left; }

/* line 1531, sass/_cart.scss */
.signup-inputs .field label {
  display: block;
  top: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  left: 0px;
  position: absolute; }

/* line 1540, sass/_cart.scss */
.signup-inputs .field select {
  margin: 0px;
  width: 100%;
  color: rgba(255, 255, 255, 0.7) !important;
  opacity: .7;
  padding: 5px 0px 5px 0px;
  border: 0px;
  border-bottom: .5px solid white;
  text-align: left;
  text-align-last: left;
  height: 33px;
  border-radius: 0px;
  bottom: 10%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down) 100%/12px no-repeat transparent;
  outline-color: transparent;
  outline-style: none; }

/* line 1560, sass/_cart.scss */
.signup-inputs .field.notempty select {
  color: white !important; }

/* line 1563, sass/_cart.scss */
.field-container-2 {
  display: inline-block; }
  /* line 1565, sass/_cart.scss */
  .field-container-2 > div:first-child {
    width: 45%;
    float: left; }
  /* line 1569, sass/_cart.scss */
  .field-container-2 > div:last-child {
    width: 45%;
    float: right; }

/* line 1575, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .signup-inputs .field.notempty label {
  opacity: .3;
  color: #FFFFFF; }

/* line 1579, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .signup-inputs .field.haserror input {
  border-bottom-color: #FF6464; }

/* line 1582, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .signup-inputs .field.haserror .msg {
  opacity: 1;
  color: #FF6464; }

/* line 1586, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .signup-inputs .field.focused.notempty label {
  opacity: 1;
  color: #78C8C3; }

/* line 1590, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .signup-inputs .field.focused.notempty input {
  border-bottom-color: #78C8C3; }

/* line 1593, sass/_cart.scss */
.cd-cart-container .loading {
  background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/user-loading-bg.jpg);
  background-size: cover;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none; }

/* line 1604, sass/_cart.scss */
body.cart-loading .cd-cart-container .loading {
  display: block; }

/* line 1607, sass/_cart.scss */
.cd-cart-container .loading-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 272px; }

/* line 1615, sass/_cart.scss */
.cd-cart-container .loading .menu4 {
  color: white;
  text-transform: none;
  font-weight: normal;
  margin: 14px 0px;
  line-height: 1.38;
  letter-spacing: 0.8px; }

/* line 1623, sass/_cart.scss */
.cd-cart-container .loading img {
  animation: fadeinandout 3s infinite alternate; }

@keyframes fadeinandout {
  0% {
    opacity: 0.25; }
  100% {
    opacity: 1; } }
/* line 1636, sass/_cart.scss */
.cart-open .checkout-footer {
  display: flex;
  margin-bottom: 15px;
  position: fixed;
  bottom: 0px;
  width: 100%; }
  @media (min-width: 48em) {
    /* line 1636, sass/_cart.scss */
    .cart-open .checkout-footer {
      position: relative; } }

/* line 1647, sass/_cart.scss */
.ui-datepicker {
  border: 1px solid #c5c5c5;
  background-color: white;
  z-index: 10000 !important;
  width: 15em;
  padding: .2em .2em 0; }
  /* line 1653, sass/_cart.scss */
  .ui-datepicker table {
    width: 100%; }
  /* line 1656, sass/_cart.scss */
  .ui-datepicker .ui-datepicker-title {
    text-align: center; }
  /* line 1659, sass/_cart.scss */
  .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    left: 0; }
    /* line 1662, sass/_cart.scss */
    .ui-datepicker .ui-datepicker-prev span {
      display: none; }
    /* line 1665, sass/_cart.scss */
    .ui-datepicker .ui-datepicker-prev:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f104";
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-weight: 900; }
  /* line 1674, sass/_cart.scss */
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    right: 0; }
    /* line 1677, sass/_cart.scss */
    .ui-datepicker .ui-datepicker-next span {
      display: none; }
    /* line 1680, sass/_cart.scss */
    .ui-datepicker .ui-datepicker-next:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f105";
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-weight: 900; }

/* line 1690, sass/_cart.scss */
.cd-cart-container .intl-tel-input {
  display: block; }
  /* line 1693, sass/_cart.scss */
  .cd-cart-container .intl-tel-input.separate-dial-code .selected-dial-code {
    color: white;
    font-family: Value;
    font-weight: normal;
    font-size: 14px;
    color: #888888;
    line-height: 1.5;
    letter-spacing: 0.7px; }
  /* line 1703, sass/_cart.scss */
  .cd-cart-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
  .cd-cart-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
  .cd-cart-container .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 105px; }
  /* line 1710, sass/_cart.scss */
  .cd-cart-container .intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 0px;
    width: 25px;
    height: 10px;
    border-left: none;
    border-right: none;
    border-top: none;
    background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down) 100%/12px no-repeat; }
    /* line 1721, sass/_cart.scss */
    .cd-cart-container .intl-tel-input .selected-flag .iti-arrow.up {
      border-top: none;
      border-bottom: none; }
  /* line 1726, sass/_cart.scss */
  .cd-cart-container .intl-tel-input .country-list {
    white-space: normal;
    max-height: 200px;
    overflow-y: scroll;
    width: 290px; }
    /* line 1731, sass/_cart.scss */
    .cd-cart-container .intl-tel-input .country-list .country {
      color: white;
      font-family: Value;
      font-weight: normal;
      font-size: 14px;
      color: #171717;
      line-height: 1.5;
      letter-spacing: 0.7px; }