/* 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 */
.header0 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 48px; }
  @media (min-width: 48em) {
    /* line 1, sass/_fonts.scss */
    .header0 {
      font-size: 80px; } }

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

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

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

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

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

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

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

/* line 67, sass/_fonts.scss */
body.lang-th .header4b {
  font-family: cloud;
  font-weight: normal;
  font-size: 26px; }
  @media (min-width: 48em) {
    /* line 67, sass/_fonts.scss */
    body.lang-th .header4b {
      font-size: 32px; } }

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

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

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

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

/* line 109, sass/_fonts.scss */
body.lang-th .header8 {
  font-family: cloud;
  font-weight: normal;
  font-size: 22px; }
  @media (min-width: 48em) {
    /* line 109, sass/_fonts.scss */
    body.lang-th .header8 {
      font-size: 32px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 258, sass/_fonts.scss */
.menu1 {
  font-family: Value;
  font-weight: bold;
  font-size: 14px; }
  @media (min-width: 48em) {
    /* line 258, sass/_fonts.scss */
    .menu1 {
      font-size: 14px; } }
  /* line 265, sass/_fonts.scss */
  .menu1.medium {
    font-weight: 500; }
  /* line 268, sass/_fonts.scss */
  .menu1.regular {
    font-weight: normal; }

/*
body.lang-th .menu1 {
	font-family: cloud-semibold;
	font-size: 18px;
	@include breakpoint(md) {
		font-size: 18px;
	}		
	&.medium {
		font-weight: 500;		
		font-family: cloud-semibold;
	}		
}
*/
/* line 286, sass/_fonts.scss */
.menu2 {
  font-family: Value;
  font-weight: bold;
  font-size: 14px; }
  @media (min-width: 48em) {
    /* line 286, sass/_fonts.scss */
    .menu2 {
      font-size: 12px; } }

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

/* line 309, 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 309, sass/_fonts.scss */
    .menu4 {
      font-size: 16px; } }

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

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

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

/* line 356, sass/_fonts.scss */
body.lang-th .body0 {
  font-family: Value;
  font-weight: bold;
  font-size: 22px; }
  @media (min-width: 48em) {
    /* line 356, sass/_fonts.scss */
    body.lang-th .body0 {
      font-size: 22px; } }
  /* line 363, sass/_fonts.scss */
  body.lang-th .body0.regular {
    font-weight: normal; }

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

/* line 381, sass/_fonts.scss */
body.lang-th .body1 {
  font-family: cloud-bold;
  font-size: 17px; }
  @media (min-width: 48em) {
    /* line 381, sass/_fonts.scss */
    body.lang-th .body1 {
      font-size: 18px; } }
  /* line 387, sass/_fonts.scss */
  body.lang-th .body1.medium {
    font-family: cloud-semibold; }
  /* line 390, sass/_fonts.scss */
  body.lang-th .body1.regular {
    font-family: cloud; }

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

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

/* line 428, sass/_fonts.scss */
.body2b {
  font-family: Value;
  font-weight: regular;
  font-size: 14px; }
  @media (min-width: 48em) {
    /* line 428, sass/_fonts.scss */
    .body2b {
      font-size: 14px; } }
  /* line 435, sass/_fonts.scss */
  .body2b.medium {
    font-weight: 500; }
  /* line 438, sass/_fonts.scss */
  .body2b.bold {
    font-weight: bold; }

/* line 443, sass/_fonts.scss */
body.lang-th .body2b {
  font-family: cloud;
  font-size: 15px; }
  @media (min-width: 48em) {
    /* line 443, sass/_fonts.scss */
    body.lang-th .body2b {
      font-size: 15px; } }
  /* line 449, sass/_fonts.scss */
  body.lang-th .body2b.medium {
    font-family: cloud-semibold; }
  /* line 452, sass/_fonts.scss */
  body.lang-th .body2b.bold {
    font-family: cloud-semibold; }

/* line 456, 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 456, sass/_fonts.scss */
    .body3 {
      font-size: 18px; } }
  /* line 466, sass/_fonts.scss */
  .body3.medium {
    font-weight: 500; }

/* line 470, sass/_fonts.scss */
body.lang-th .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 470, sass/_fonts.scss */
    body.lang-th .body3 {
      font-size: 18px; } }
  /* line 480, sass/_fonts.scss */
  body.lang-th .body3.medium {
    font-weight: 500; }

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

/* line 495, sass/_fonts.scss */
body.lang-th .body4 {
  font-family: cloud-semibold;
  font-size: 14px; }
  @media (min-width: 48em) {
    /* line 495, sass/_fonts.scss */
    body.lang-th .body4 {
      font-size: 14px; } }
  /* line 501, sass/_fonts.scss */
  body.lang-th .body4.regular {
    font-family: cloud; }

/* line 505, sass/_fonts.scss */
.body5 {
  font-family: Value;
  font-weight: bold;
  font-size: 10px; }
  @media (min-width: 48em) {
    /* line 505, sass/_fonts.scss */
    .body5 {
      font-size: 10px; } }
  /* line 512, sass/_fonts.scss */
  .body5.regular {
    font-weight: normal; }
  /* line 515, sass/_fonts.scss */
  .body5.medium {
    font-weight: 500; }

/* line 519, sass/_fonts.scss */
body.lang-th .body5 {
  font-family: cloud-semibold;
  font-size: 11px; }
  @media (min-width: 48em) {
    /* line 519, sass/_fonts.scss */
    body.lang-th .body5 {
      font-size: 11px; } }
  /* line 525, sass/_fonts.scss */
  body.lang-th .body5.regular {
    font-family: cloud; }
  /* line 528, sass/_fonts.scss */
  body.lang-th .body5.medium {
    font-weight: cloud-semibold; }

/* line 533, sass/_fonts.scss */
.price {
  font-family: Value;
  font-weight: normal;
  font-size: 20px; }
  @media (min-width: 48em) {
    /* line 533, sass/_fonts.scss */
    .price {
      font-size: 20px; } }
  /* line 540, sass/_fonts.scss */
  .price.bold {
    font-weight: 700; }

/* line 544, sass/_fonts.scss */
body.lang-th .price {
  font-family: cloud;
  font-size: 20px; }
  @media (min-width: 48em) {
    /* line 544, sass/_fonts.scss */
    body.lang-th .price {
      font-size: 20px; } }
  /* line 550, sass/_fonts.scss */
  body.lang-th .price.bold {
    font-weight: cloud-semibold; }

/* line 555, sass/_fonts.scss */
.price2 {
  font-family: Value;
  font-weight: bold;
  font-size: 20px; }
  @media (min-width: 48em) {
    /* line 555, sass/_fonts.scss */
    .price2 {
      font-size: 24px; } }
  /* line 562, sass/_fonts.scss */
  .price2.regular {
    font-weight: normal; }

/* line 566, sass/_fonts.scss */
body.lang-th .price2 {
  font-family: cloud-semibold;
  font-size: 20px; }
  @media (min-width: 48em) {
    /* line 566, sass/_fonts.scss */
    body.lang-th .price2 {
      font-size: 24px; } }
  /* line 572, sass/_fonts.scss */
  body.lang-th .price2.regular {
    font-family: cloud; }

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

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

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

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

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

/*
body.lang-th .hamburger2 {
	font-family: cloud;
	font-size: 22px;
}
*/
/* line 630, 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 638, sass/_fonts.scss */
.display1 {
  font-family: Value;
  font-weight: bold;
  font-size: 80px; }
  @media (min-width: 48em) {
    /* line 638, sass/_fonts.scss */
    .display1 {
      font-size: 110px; } }

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

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

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

/* line 670, sass/_fonts.scss */
.display5 {
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 40px; }
  @media (min-width: 48em) {
    /* line 670, sass/_fonts.scss */
    .display5 {
      font-size: 56px; } }

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

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

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

/* line 702, 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 708, 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 708, 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 724, 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 724, sass/_fonts.scss */
      .page-story-land .body1,
      .page-story-ethos .body1,
      .page-story-plastic .body1,
      .page-story-architecture .body1 {
        font-size: 14px; } }
  /* line 739, 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 739, 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 762, 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 762, 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 782, 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 782, 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 799, 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 799, 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 817, 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 817, 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 848, 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 848, 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 866, 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 866, 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 883, 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 896, 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 896, 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 914, 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 914, 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 931, 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 943, 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 955, 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 966, 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 966, 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 983, 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 1003, 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 1006, 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 983, 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;
      */
      padding-right: 0px;
      padding-left: 0px;
      width: 302px; } }
  @media (min-width: 48em) {
    /* line 71, sass/_base.scss */
    body .container-fluid {
      padding-right: 0px;
      padding-left: 0px;
      width: unset; } }

/* line 95, sass/_base.scss */
.content-area {
  overflow: hidden;
  background-color: #fffcf8; }

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

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

/* line 114, sass/_base.scss */
section {
  position: relative;
  min-height: 0px; }
  /* line 117, sass/_base.scss */
  section .container.centered-container {
    position: relative;
    z-index: 1; }
    @media (min-width: 48em) {
      /* line 117, 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 132, sass/_base.scss */
.story-divider.container {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #f4f4f4;
  margin: 0px 36px; }
  @media (min-width: 48em) {
    /* line 132, sass/_base.scss */
    .story-divider.container {
      margin: 20px auto 50px; } }

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

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

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

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

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

/* line 168, sass/_base.scss */
.content-header {
  background-size: 100% auto;
  background-position-y: 50%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  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 168, sass/_base.scss */
    .content-header {
      min-height: 160px; } }
  /* line 181, sass/_base.scss */
  .content-header .container {
    position: relative;
    min-height: 120px; }
    @media (min-width: 48em) {
      /* line 181, sass/_base.scss */
      .content-header .container {
        min-height: 160px; } }
    /* line 189, 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 189, sass/_base.scss */
        .content-header .container .page-title {
          text-align: left;
          top: 50%;
          left: -150px;
          transform: translateY(-60%); } }

/* line 209, sass/_base.scss */
.content-submenu {
  background-color: transparent;
  height: 44px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; }
  /* line 216, sass/_base.scss */
  .content-submenu .container-fluid {
    height: 100%;
    position: relative;
    width: unset; }
    /* line 220, sass/_base.scss */
    .content-submenu .container-fluid ul {
      top: 47%;
      padding-left: 30px;
      transform: translateY(-50%);
      position: absolute; }
      @media (min-width: 48em) {
        /* line 220, sass/_base.scss */
        .content-submenu .container-fluid ul {
          text-align: left;
          top: 50%;
          padding-left: 327px;
          transform: translateY(-50%); } }
      /* line 233, sass/_base.scss */
      .content-submenu .container-fluid ul li {
        display: inline-block; }
    /* line 238, sass/_base.scss */
    .content-submenu .container-fluid .submenu-link {
      text-transform: uppercase;
      font-style: normal;
      font-stretch: normal;
      line-height: 17px;
      letter-spacing: .15em;
      text-align: left;
      color: #000000;
      padding-bottom: 7px;
      margin: 15px 10px;
      font-weight: bold;
      /*
      			&:active {
      				font-weight: bold;
      			}
      			&:hover {
      				font-weight: bold;
      			}
      */ }
      /* line 249, sass/_base.scss */
      .content-submenu .container-fluid .submenu-link.active {
        color: #336565; }
      /* line 252, sass/_base.scss */
      .content-submenu .container-fluid .submenu-link.active-menu {
        color: #336565; }
  /* line 266, sass/_base.scss */
  .content-submenu.fixed-submenu.fixed-submenu-sticky-mob {
    background-color: #FFFFFF;
    position: fixed;
    top: 0px;
    bottom: inherit;
    z-index: 10;
    width: 100%; }
  @media (min-width: 48em) {
    /* line 276, sass/_base.scss */
    .content-submenu.fixed-submenu.fixed-submenu-sticky {
      background-color: #FFFFFF;
      position: fixed;
      top: 59px;
      bottom: inherit;
      z-index: 10;
      width: 100%; } }

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

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

/* line 311, sass/_base.scss */
a {
  color: inherit;
  cursor: pointer; }
  /* line 314, sass/_base.scss */
  a .hover-overlay {
    position: relative; }
  /* line 317, sass/_base.scss */
  a:hover {
    outline: none;
    color: inherit; }
    /* line 320, sass/_base.scss */
    a:hover i.fa-play-circle {
      font-weight: 600;
      transform: translate(-50%, -50%) scale(1.1);
      z-index: 2; }
      /* line 325, sass/_base.scss */
      a:hover i.fa-play-circle.image-overlay {
        transform: translate(-50%, -50%) scale(1.1); }
    /* line 329, sass/_base.scss */
    a:hover.hover-overlay,
    a:hover .hover-overlay {
      position: relative; }
      /* line 332, 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 343, sass/_base.scss */
    a:hover .hover-scale {
      transition: .2s ease;
      transform: scale(1.1); }
  /* line 348, sass/_base.scss */
  a:active {
    text-decoration: none;
    outline: none; }
    /* line 351, sass/_base.scss */
    a:active i.fa-play-circle {
      font-weight: 600;
      z-index: 2;
      opacity: .8; }
      /* line 354, sass/_base.scss */
      a:active i.fa-play-circle.image-overlay {
        transform: translate(-50%, -50%) scale(1.1); }
    /* line 361, sass/_base.scss */
    a:active.hover-overlay:after,
    a:active .hover-overlay:after {
      background-color: rgba(23, 23, 23, 0.1); }
    /* line 365, sass/_base.scss */
    a:active .hover-scale {
      opacity: .7; }
  /* line 369, sass/_base.scss */
  a:focus {
    text-decoration: none;
    outline: none; }

/* line 376, 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 386, sass/_base.scss */
.table {
  display: table; }

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

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

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

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

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

/* line 396, 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 414, 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 424, 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 430, sass/_base.scss */
  select {
    background: none\9;
    padding: 5px\9; } }
/*  Refactor me - select options */
/* line 437, sass/_base.scss */
.pic {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-color: #D1CCCA;
  margin-top: 8px; }

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

/* line 450, 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 460, 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 460, sass/_base.scss */
      .popup-image-container .close,
      .popup-container .close {
        top: 7.5%;
        right: 3.5%; } }
    /* line 470, sass/_base.scss */
    .popup-image-container .close i,
    .popup-container .close i {
      font-size: 30px; }
      /* line 472, sass/_base.scss */
      .popup-image-container .close i:hover,
      .popup-container .close i:hover {
        font-weight: 600; }
      /* line 475, sass/_base.scss */
      .popup-image-container .close i:active,
      .popup-container .close i:active {
        opacity: .8; }
  /* line 480, sass/_base.scss */
  .popup-image-container .popup-content,
  .popup-container .popup-content {
    width: 100%; }
    /* line 482, 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 482, sass/_base.scss */
        .popup-image-container .popup-content iframe,
        .popup-container .popup-content iframe {
          width: 85%;
          height: 85%; } }
  /* line 496, 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 507, sass/_base.scss */
    .popup-image-container .popup-image-content .close,
    .popup-container .popup-image-content .close {
      color: white;
      opacity: 1;
      padding: 0; }

/* line 515, sass/_base.scss */
.popup-gallery-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 524, sass/_base.scss */
  .popup-gallery-container .close {
    color: white;
    opacity: 1;
    position: absolute;
    top: 13px;
    right: 13px; }
    @media (min-width: 48em) {
      /* line 524, sass/_base.scss */
      .popup-gallery-container .close {
        top: 0%;
        right: -40px; } }
    /* line 534, sass/_base.scss */
    .popup-gallery-container .close i {
      font-size: 30px; }
      /* line 536, sass/_base.scss */
      .popup-gallery-container .close i:hover {
        font-weight: 600; }
      /* line 539, sass/_base.scss */
      .popup-gallery-container .close i:active {
        opacity: .8; }
  /* line 545, sass/_base.scss */
  .popup-gallery-container .popup-gallery-content {
    background-size: contain;
    background-position: center center;
    /*
    	    width: 80%;
    	    height: 80%;
    */
    background-repeat: no-repeat;
    /* padding: 5%; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
    /* line 559, sass/_base.scss */
    .popup-gallery-container .popup-gallery-content .close {
      color: white;
      opacity: 1;
      padding: 0; }
    /* line 565, sass/_base.scss */
    .popup-gallery-container .popup-gallery-content.gallery-image-portrait {
      height: auto;
      width: 90%; }
      /* line 568, sass/_base.scss */
      .popup-gallery-container .popup-gallery-content.gallery-image-portrait img {
        height: auto;
        width: 100%; }
      @media (min-width: 48em) {
        /* line 565, sass/_base.scss */
        .popup-gallery-container .popup-gallery-content.gallery-image-portrait {
          width: auto;
          height: 80%; }
          /* line 575, sass/_base.scss */
          .popup-gallery-container .popup-gallery-content.gallery-image-portrait img {
            width: auto;
            height: 100%; } }
    /* line 581, sass/_base.scss */
    .popup-gallery-container .popup-gallery-content.gallery-image-landscape {
      width: 90%;
      height: auto; }
      /* line 584, sass/_base.scss */
      .popup-gallery-container .popup-gallery-content.gallery-image-landscape img {
        width: 100%;
        height: auto; }
      @media (min-width: 48em) {
        /* line 581, sass/_base.scss */
        .popup-gallery-container .popup-gallery-content.gallery-image-landscape {
          width: 68%;
          height: auto; }
          /* line 591, sass/_base.scss */
          .popup-gallery-container .popup-gallery-content.gallery-image-landscape img {
            width: 100%;
            height: auto; } }

/* line 602, sass/_base.scss */
.story-block {
  padding: 60px 0px; }
  @media (min-width: 48em) {
    /* line 602, sass/_base.scss */
    .story-block {
      padding: 120px 0px; } }
  /* line 607, sass/_base.scss */
  .story-block .story-image {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%; }
    /* line 612, sass/_base.scss */
    .story-block .story-image.shadow-image {
      box-shadow: 0 3px 6px 0 #00000029; }
  /* line 616, sass/_base.scss */
  .story-block .video-placeholder-btn {
    display: block;
    position: relative;
    cursor: pointer; }
    /* line 620, 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 620, sass/_base.scss */
        .story-block .video-placeholder-btn i {
          font-size: 2.4em; } }
    /* line 632, sass/_base.scss */
    .story-block .video-placeholder-btn:hover .story-image {
      transform: scale(1.1); }
    /* line 636, sass/_base.scss */
    .story-block .video-placeholder-btn:active {
      background-color: black; }
      /* line 638, sass/_base.scss */
      .story-block .video-placeholder-btn:active .story-image {
        opacity: .8; }
    /* line 642, sass/_base.scss */
    .story-block .video-placeholder-btn .story-image {
      transition: all .2s ease-in-out; }

/* line 651, sass/_base.scss */
.story-block .title1, .story-block .title2 {
  margin-bottom: 18px; }
/* line 654, 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 661, sass/_base.scss */
.story-block .mobile-sidescroll {
  overflow-y: hidden;
  overflow-x: scroll;
  margin-right: -40px; }
  @media (min-width: 48em) {
    /* line 661, sass/_base.scss */
    .story-block .mobile-sidescroll {
      overflow-y: hidden;
      overflow-x: hidden; } }

/* line 674, 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 685, sass/_base.scss */
  .jumbotron:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    /* background: black; */ }
  @media (min-width: 20em) {
    /* line 674, sass/_base.scss */
    .jumbotron {
      margin-bottom: 0px; } }
  @media (min-width: 62em) {
    /* line 674, sass/_base.scss */
    .jumbotron {
      min-height: 80.7vh; } }
  /* line 702, sass/_base.scss */
  .jumbotron .background {
    display: none; }
    @media (min-width: 48em) {
      /* line 702, 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 714, 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 723, sass/_base.scss */
      .jumbotron .background #background_video {
        height: 100%; } }
  /* line 728, sass/_base.scss */
  .jumbotron .triangles {
    width: 60%;
    margin-top: 60px; }
    @media (min-width: 48em) {
      /* line 728, sass/_base.scss */
      .jumbotron .triangles {
        margin-top: 100px; } }
    @media (min-width: 48em) {
      /* line 728, sass/_base.scss */
      .jumbotron .triangles {
        width: 30%;
        margin-top: 65px; } }
  /* line 739, 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 739, 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 757, 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 770, 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 783, 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 796, sass/_base.scss */
    .jumbotron .container .story-header1 {
      margin: 10px auto 40px auto;
      width: 84%; }
      @media (min-width: 48em) {
        /* line 796, sass/_base.scss */
        .jumbotron .container .story-header1 {
          margin: 10px auto 64px auto; } }
    /* line 805, sass/_base.scss */
    .jumbotron .container .story-header-button span {
      display: none; }
      @media (min-width: 48em) {
        /* line 805, sass/_base.scss */
        .jumbotron .container .story-header-button span {
          display: inline-block;
          height: 30px;
          vertical-align: middle;
          padding: 0px 10px; } }
    /* line 815, sass/_base.scss */
    .jumbotron .container .story-header-button:hover i {
      transform: scale(1.1); }
    /* line 819, sass/_base.scss */
    .jumbotron .container .story-header-button:active {
      opacity: .7; }
      /* line 820, sass/_base.scss */
      .jumbotron .container .story-header-button:active i {
        transform: scale(1.1); }

/* line 831, 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 831, sass/_base.scss */
    .screen-width-mobile {
      width: unset;
      position: unset;
      left: unset;
      right: unset;
      margin: unset; } }

/*
.sim-button {
	line-height: 50px;
	height: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 125px;
	width: 60%;
	cursor: pointer;
}
*/
/* line 860, sass/_base.scss */
.button-effect1 {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  overflow: hidden; }

/* line 870, sass/_base.scss */
.button-effect1 a {
  text-decoration: none;
  display: block; }

/* line 875, sass/_base.scss */
.button-effect1 > .button-effect1-content,
.button-effect1 span {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

/* line 885, sass/_base.scss */
.button-effect1:hover .button-effect1-content,
.button-effect1:hover > span {
  opacity: 0;
  /*
  	-webkit-transform: translate(0px,40px);
  	transform: translate(0px,40px);
  */ }

/* line 893, sass/_base.scss */
.button-effect1 .button-effect1-shadow,
.button-effect1::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

/* line 909, sass/_base.scss */
.button-effect1:hover .button-effect1-shadow,
.button-effect1:hover::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  pointer-events: none; }

/* line 916, sass/_base.scss */
.fa-rotate-45 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(45deg); }

/* line 1, sass/_header.scss */
header .topnav .first-row .navbar-btn.buy-button-header {
  object-fit: contain;
  font-family: Value;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 2.2px;
  text-indent: 2.2px;
  text-align: left;
  color: #ffffff;
  background-color: #329595;
  margin: 0px;
  padding: 18px 26px;
  text-transform: uppercase;
  height: 59px;
  vertical-align: bottom;
  width: 180px;
  position: relative;
  text-align: center; }
  /* line 23, sass/_header.scss */
  header .topnav .first-row .navbar-btn.buy-button-header span {
    position: absolute;
    top: 50%;
    left: 50%;
    /* font-size: 50px; */
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 3;
    width: 109px;
    letter-spacing: 2.2px; }

/* line 37, sass/_header.scss */
header .topnav .first-row .navbar-btn.buy-button-header {
  position: relative; }
  /* line 39, sass/_header.scss */
  header .topnav .first-row .navbar-btn.buy-button-header::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    background-image: url(/wp-content/themes/wonderfruit-2019/images/header-buy-btn-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 75% 50%;
    opacity: 0;
    transition: 0.6s; }

/* line 55, sass/_header.scss */
header .topnav .first-row .navbar-btn.buy-button-header:hover {
  position: relative; }
  /* line 57, sass/_header.scss */
  header .topnav .first-row .navbar-btn.buy-button-header:hover::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    background-image: url(/wp-content/themes/wonderfruit-2019/images/header-buy-btn-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 75% 50%;
    opacity: 1; }

/* line 73, sass/_header.scss */
header .topnav .first-row .navbar-btn.buy-button-header:active {
  position: relative; }
  /* line 75, sass/_header.scss */
  header .topnav .first-row .navbar-btn.buy-button-header:active::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    background-image: url(/wp-content/themes/wonderfruit-2019/images/header-buy-btn-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 75% 50%; }
  /* line 88, sass/_header.scss */
  header .topnav .first-row .navbar-btn.buy-button-header:active::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.2); }

/* line 100, sass/_header.scss */
.navbar-festival-info {
  margin: 13px 0px;
  display: block; }

@media (min-width: 62em) {
  /* line 105, sass/_header.scss */
  .navbar-festival-info {
    display: block; } }
/* line 109, sass/_header.scss */
.navbar-festival-info > div {
  font-style: normal;
  font-stretch: normal;
  line-height: 15px;
  letter-spacing: .1em;
  text-align: left;
  color: black;
  margin-right: 5px; }

/* line 122, sass/_header.scss */
.navbar-festival-info > div:first-child {
  font-weight: bold; }

/* line 126, sass/_header.scss */
.navbar-festival-info:first-child {
  font-weight: bold; }

/* line 130, sass/_header.scss */
.navbar-brand {
  padding: 12px 0px 12px 0px;
  margin: 0px 15px 0px 17px; }
  @media (min-width: 48em) {
    /* line 130, sass/_header.scss */
    .navbar-brand {
      margin: 0px 12px 0px 24px; } }
  /* line 137, sass/_header.scss */
  .navbar-brand img {
    height: 34px; }

/* line 144, sass/_header.scss */
.icon-bar.icon-bar2 {
  margin-left: auto;
  width: 17px; }

/* line 148, sass/_header.scss */
.icon-bar.icon-bar3 {
  margin-left: auto;
  width: 9px; }

/* line 152, sass/_header.scss */
.navbar-toggle.active .icon-bar.icon-bar3 {
  width: 22px; }

/* line 155, sass/_header.scss */
.navbar-toggle.active {
  float: left;
  padding-left: 25px; }

/* line 159, sass/_header.scss */
header.header-top .topnav .first-row {
  background-color: rgba(255, 255, 255, 0.3); }

/* line 162, sass/_header.scss */
.sidebar-on header.header-top .topnav .first-row {
  background-color: #1E2D50; }

/* line 166, sass/_header.scss */
.topnav,
.topnav .container-fluid {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 8px rgba(0, 0, 0, 0.175);
  margin: 0 0 0px;
  padding: 0;
  width: 100%;
  position: relative;
  background-color: #fff;
  min-height: 58px; }

/* Hide second row */
/* line 177, sass/_header.scss */
.topnav .second-row {
  display: none; }

/* line 182, sass/_header.scss */
.topnav {
  top: 0px; }
  /* line 184, sass/_header.scss */
  .topnav li {
    float: left;
    padding: 5px 0px; }
  /* line 188, sass/_header.scss */
  .topnav .dropdown-menu > li {
    float: none; }
  /* line 191, sass/_header.scss */
  .topnav .dropdown-menu > li > a:after {
    -webkit-transition: width .2s;
    transition: width .2s;
    content: " ";
    border-bottom: 2px solid #171717;
    width: 0px;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0px; }

/* line 205, sass/_header.scss */
.sidebar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  z-index: 20;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  overflow: auto;
  background: #FFFCF8;
  padding: 0px 40px; }
  /* line 220, sass/_header.scss */
  .sidebar .dropdown-backdrop {
    display: none; }
  /* line 223, sass/_header.scss */
  .sidebar .nav > li > a,
  .sidebar .dropdown-menu > li > a,
  .sidebar .nav > li,
  .sidebar .dropdown-menu > li {
    color: #830018;
    background-image: none;
    background-color: transparent; }
  /* line 231, sass/_header.scss */
  .sidebar .dropdown-menu > li > a:focus,
  .sidebar .dropdown-menu > li > a:hover {
    color: #830018;
    background-image: none;
    background-color: transparent; }
  /* line 237, sass/_header.scss */
  .sidebar .nav > li > a:active,
  .sidebar .dropdown-menu > li > a:active {
    color: #830018;
    background-image: none;
    background-color: transparent;
    opacity: .6; }
  /* line 244, sass/_header.scss */
  .sidebar .nav.navbar-center {
    margin-top: 30px;
    width: 85%;
    min-height: calc(100vh - 210px); }
  /* line 250, sass/_header.scss */
  .sidebar li a {
    color: #830018;
    background: none;
    padding: 0px 0px; }
  /* line 256, sass/_header.scss */
  .sidebar .close-hamburger {
    color: #830018;
    position: absolute;
    right: 28px;
    top: 28.8px; }
  /* line 262, sass/_header.scss */
  .sidebar .close-hamburger:hover,
  .sidebar .close-hamburger:active,
  .sidebar .close-hamburger:focus {
    color: #830018;
    opacity: .7; }
  /* line 269, sass/_header.scss */
  .sidebar .sidebar-bottom {
    position: relative;
    /*
    		bottom: 0px;
    		width: calc(100% - 80px);
    */ }
    /* line 275, sass/_header.scss */
    .sidebar .sidebar-bottom .social-container {
      text-align: justify;
      width: 100%;
      text-align-last: justify; }
      /* line 281, sass/_header.scss */
      .sidebar .sidebar-bottom .social-container .social {
        padding-left: 0px;
        text-align: center; }
        /* line 284, sass/_header.scss */
        .sidebar .sidebar-bottom .social-container .social li {
          display: inline-block;
          width: 18.5%; }
          /* line 288, sass/_header.scss */
          .sidebar .sidebar-bottom .social-container .social li a {
            text-align: center;
            margin: auto;
            width: 100%;
            display: block; }
            /* line 293, sass/_header.scss */
            .sidebar .sidebar-bottom .social-container .social li a:hover i {
              opacity: .7; }
    /* line 300, sass/_header.scss */
    .sidebar .sidebar-bottom .hamburger-cta-container {
      display: block;
      margin: 10px -22px 16px;
      position: relative; }
      /* line 306, sass/_header.scss */
      .sidebar .sidebar-bottom .hamburger-cta-container .hamburger-cta {
        background-color: #329595;
        display: block;
        padding: 21px 22px;
        text-align: center;
        color: white;
        margin: 10px 0px;
        background-image: url(/wp-content/themes/wonderfruit-2019/images/header-buy-btn-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        height: 80px; }
        /* line 319, sass/_header.scss */
        .sidebar .sidebar-bottom .hamburger-cta-container .hamburger-cta span {
          position: absolute;
          top: 0px;
          left: 0px;
          top: 50%;
          left: 50%;
          /* font-size: 50px; */
          color: white;
          transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          z-index: 3; }
        /* line 333, sass/_header.scss */
        .sidebar .sidebar-bottom .hamburger-cta-container .hamburger-cta:active::after {
          content: "";
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          right: 0px;
          background: rgba(0, 0, 0, 0.2); }

/* line 352, sass/_header.scss */
.sidebar .sidebar-bottom .hamburger-cta-container.hamburger-logout .hamburger-cta,
.sidebar .sidebar-bottom .hamburger-cta-container.hamburger-login .hamburger-cta {
  border: 2px	solid #830018;
  background-image: none;
  background-color: transparent; }
  /* line 356, sass/_header.scss */
  .sidebar .sidebar-bottom .hamburger-cta-container.hamburger-logout .hamburger-cta span,
  .sidebar .sidebar-bottom .hamburger-cta-container.hamburger-login .hamburger-cta span {
    color: #830018; }
  /* line 359, sass/_header.scss */
  .sidebar .sidebar-bottom .hamburger-cta-container.hamburger-logout .hamburger-cta:hover,
  .sidebar .sidebar-bottom .hamburger-cta-container.hamburger-login .hamburger-cta:hover {
    background-color: #830018; }
    /* line 361, sass/_header.scss */
    .sidebar .sidebar-bottom .hamburger-cta-container.hamburger-logout .hamburger-cta:hover span,
    .sidebar .sidebar-bottom .hamburger-cta-container.hamburger-login .hamburger-cta:hover span {
      color: white; }

/* line 370, sass/_header.scss */
body:not(.user-logged-in-body-class) .hamburger-cta-container.hamburger-logout {
  display: none; }

/* line 376, sass/_header.scss */
body.user-logged-in-body-class .hamburger-cta-container.hamburger-login {
  display: none; }

/* line 381, sass/_header.scss */
body.sidebar-on {
  overflow: hidden; }
  /* line 383, sass/_header.scss */
  body.sidebar-on .sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10001; }

/* line 391, sass/_header.scss */
.content-area,
#bottom-nav,
#footer-section {
  -webkit-transform: none;
  transform: none;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

/* line 399, sass/_header.scss */
.sidebar-on .content-area,
.sidebar-on #bottom-nav,
.sidebar-on #footer-section {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

/* line 405, sass/_header.scss */
.sidebar > ul {
  min-height: calc(100% - 550px); }

/* line 408, sass/_header.scss */
.sidebar .navbar-link i {
  color: #fff;
  vertical-align: middle;
  margin-right: 16px; }

/* line 413, sass/_header.scss */
.sidebar .navbar-form {
  padding: 0 15px;
  margin: 24px -15px; }

/* line 417, sass/_header.scss */
.sidebar #newsletter-title {
  float: none;
  display: block;
  padding: 0; }

/* line 420, sass/_header.scss */
.sidebar #newsletter-button {
  float: right; }

/* line 423, sass/_header.scss */
.sidebar #newsletter-textinput {
  float: none; }

/* line 427, sass/_header.scss */
.sidebar :not(.dropdown-menu) > li a:hover {
  background: none; }

/* line 432, sass/_header.scss */
.sidebar .dropdown-menu > li > a {
  font-weight: bold;
  line-height: 38px; }

/* line 437, sass/_header.scss */
.sidebar li.dropdown .dropdown-menu:hover,
.sidebar li.dropdown:hover .dropdown-menu {
  box-shadow: none;
  padding-top: 0px; }

/* line 442, sass/_header.scss */
.sidebar .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;
  /*
          position: absolute;
          right: 15px;
          top: 15px;
  */
  transition: transform .3s; }

/* line 458, sass/_header.scss */
.sidebar .dropdown.open > .dropdown-toggle::after {
  content: '\f106'; }

/* line 461, sass/_header.scss */
.sidebar .nav .open > a,
.sidebar .nav .open > a:focus,
.sidebar .nav .open > a:hover {
  background-color: transparent;
  border-color: transparent; }

/* line 467, sass/_header.scss */
.sidebar li.dropdown.open .dropdown-toggle::after {
  transform: rotate3d(0, 0, 1, 90deg); }

/* line 470, sass/_header.scss */
.sidebar li.dropdown .dropdown-menu {
  position: static;
  float: none;
  border-radius: 0;
  border: 0;
  background: none;
  display: none;
  box-shadow: none; }

/* line 479, sass/_header.scss */
.sidebar li.dropdown.open .dropdown-menu {
  display: block; }

@media (min-width: 62em) {
  /* line 489, sass/_header.scss */
  .content-area {
    padding-top: 59px; } }
@media (min-width: 992px) {
  /* line 495, sass/_header.scss */
  .navbar-brand {
    width: 116px;
    content: url("/wp-content/themes/wonderfruit-2019/images/logo-wf-green.svg"); } }
/* line 501, sass/_header.scss */
#navcol-2 {
  display: none; }

/* line 504, sass/_header.scss */
.nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent; }

/* line 508, sass/_header.scss */
.language-switcher {
  color: black; }
  /* line 514, sass/_header.scss */
  .language-switcher .language-switcher-th img {
    width: 28px; }
    @media (min-width: 48em) {
      /* line 514, sass/_header.scss */
      .language-switcher .language-switcher-th img {
        width: 21px; } }
  /* line 522, sass/_header.scss */
  .language-switcher .language-switcher-en img {
    width: 20px; }
    @media (min-width: 48em) {
      /* line 522, sass/_header.scss */
      .language-switcher .language-switcher-en img {
        width: 15px; } }
  /* line 529, sass/_header.scss */
  .language-switcher .inactive-lang {
    opacity: 0.25;
    color: #000; }
    /* line 532, sass/_header.scss */
    .language-switcher .inactive-lang:hover {
      opacity: 0.4; }
    /* line 535, sass/_header.scss */
    .language-switcher .inactive-lang:active {
      opacity: 0.5; }
  /* line 539, sass/_header.scss */
  .language-switcher .lang-divider {
    opacity: 0.25;
    padding-left: 4px; }

/* line 544, sass/_header.scss */
.language-switcher .active-lang {
  color: #1E2D50; }

/* line 548, sass/_header.scss */
.header-top .language-switcher .active-lang {
  color: white; }

/* line 552, sass/_header.scss */
.sidebar .language-switcher .active-lang {
  color: white; }

@media (max-width: 992px) {
  /* line 556, sass/_header.scss */
  .navbar-left {
    display: none; } }
/* line 560, sass/_header.scss */
.navbar-default .navbar-nav > li > a,
header .navbar-center > li > a,
header .dropdown-menu > li > a {
  text-transform: uppercase;
  font-style: normal;
  font-stretch: normal;
  line-height: 17px;
  letter-spacing: .15em;
  text-align: left;
  color: #000000;
  padding: 0;
  padding-bottom: 7px;
  margin: 15px 10px;
  position: relative;
  font-weight: bold; }

/* line 577, sass/_header.scss */
header .dropdown-menu > li > a {
  margin: 0px 12px; }

/* line 580, sass/_header.scss */
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: #fff;
  background-image: none; }

/* line 585, sass/_header.scss */
div.user-container .dropdown-menu,
.topnav li.dropdown .dropdown-menu {
  border-radius: 0;
  margin-top: -22px;
  background-color: #fff;
  z-index: -2;
  border: none; }

/* line 594, sass/_header.scss */
header .navbar-center > li > a:before {
  -webkit-transition: width .2s;
  transition: width .2s;
  content: " ";
  border-bottom: 1px solid #000000;
  width: 0px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: 0px; }

/* line 605, sass/_header.scss */
header .navbar-center > li > a:hover::before {
  width: 22px; }

/*
.navbar-default .navbar-nav>li>a:hover, 
header .navbar-center>li>a:hover {
	border-bottom: 2px solid black;	  
}
*/
/* 	  header .navbar-center>li>a:hover { */
@-webkit-keyframes fadeout {
  from {
    top: -50px;
    opacity: 1; }
  to {
    top: -28px;
    opacity: 0; } }
@keyframes fadeout {
  from {
    top: 50px;
    opacity: 1; }
  to {
    top: -28px;
    opacity: 0; } }
@-webkit-keyframes fadein {
  from {
    top: -28px;
    opacity: 0; }
  to {
    top: 50px;
    opacity: 1; } }
@keyframes fadein {
  from {
    top: -28px;
    opacity: 0; }
  to {
    top: 50px;
    opacity: 1; } }
/* line 637, sass/_header.scss */
.notification-bar {
  background-color: #E8D6C3;
  text-align: center;
  color: #1E2D50;
  padding: 5px !important;
  font-family: value-serif-bold;
  font-size: 18px;
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 8px rgba(0, 0, 0, 0.175);
  height: 78px;
  visibility: hidden; }
  /* line 651, sass/_header.scss */
  .notification-bar.show {
    visibility: visible;
    /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s; }
  /* line 658, sass/_header.scss */
  .notification-bar .fa-bell {
    display: inline-block; }
  /* line 661, sass/_header.scss */
  .notification-bar .fa-exclamation-square {
    display: none; }
  /* line 665, sass/_header.scss */
  .notification-bar.error-notification i, .notification-bar.error-notification span {
    color: #780017; }
  /* line 668, sass/_header.scss */
  .notification-bar.error-notification .fa-bell {
    display: none; }
  /* line 671, sass/_header.scss */
  .notification-bar.error-notification .fa-exclamation-square {
    display: inline-block; }
  /* line 675, sass/_header.scss */
  .notification-bar div {
    color: #329595;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    /* line 681, sass/_header.scss */
    .notification-bar div i {
      margin-right: 10px; }

/* line 689, sass/_header.scss */
html {
  -webkit-tap-highlight-color: none; }

/* line 693, sass/_header.scss */
#cart-toggle-counter-shadow,
#cart-toggle-counter {
  position: absolute;
  top: 24%;
  left: 44%;
  font-size: 16px;
  font-family: value-bold;
  transform: translateX(-20%); }

/* line 703, sass/_header.scss */
#cart-toggle img {
  width: 30px;
  vertical-align: middle;
  padding-top: 17px;
  margin-left: 3px; }
/* line 709, sass/_header.scss */
#cart-toggle .button-effect1-shadow {
  padding: 4px 10px 10px; }

/* line 713, sass/_header.scss */
#user-toggle,
#cart-toggle {
  float: right;
  color: black;
  font-size: 2em;
  padding: 4px 10px 10px;
  display: none;
  position: relative; }

/* line 723, sass/_header.scss */
body.cart-has-item-body-class #cart-toggle {
  display: block;
  position: absolute;
  right: 11px;
  top: 69px;
  background-color: #3b7575;
  width: 60px;
  height: 60px;
  color: white;
  border: 1px solid white;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index: 2;
  text-align: center; }
  /* line 736, sass/_header.scss */
  body.cart-has-item-body-class #cart-toggle:active {
    background-color: #336565; }

@media (min-width: 48em) {
  /* line 741, sass/_header.scss */
  body.cart-has-item-body-class #cart-toggle {
    display: block;
    z-index: -1;
    top: 70px; } }
/* line 747, sass/_header.scss */
body.cart-open-body-class #cart-toggle,
body:not(.cart-has-item-body-class) #cart-toggle {
  display: none; }

/* 	body.user-logged-in-body-class #user-toggle { */
/* line 752, sass/_header.scss */
#user-toggle {
  display: block;
  color: black;
  font-size: 2.4em;
  padding: 4px 0px 10px 0px; }

/* line 759, sass/_header.scss */
#user-toggle img {
  width: 28px;
  -webkit-transition: transform .3s;
  transition: transform .3s; }

/* line 765, sass/_header.scss */
#user-toggle:hover img {
  transform: scale(1.07); }

/* line 769, sass/_header.scss */
#user-toggle:active img {
  opacity: .9; }

/* line 772, sass/_header.scss */
body.user-logged-in-body-class #user-toggle img {
  content: url(/wp-content/themes/wonderfruit-2019/images/user2.svg); }

@media (min-width: 48em) {
  /* line 777, sass/_header.scss */
  #user-toggle {
    padding: 12px 10px 24px 0px;
    position: absolute; } }
/* line 785, sass/_header.scss */
nav .mobile-back-button {
  display: none; }

/* line 790, sass/_header.scss */
body.show-back-mobile nav .mobile-back-button {
  display: block;
  float: left;
  height: 57px;
  padding: 4px 10px;
  vertical-align: middle; }
/* line 797, sass/_header.scss */
body.show-back-mobile nav .navbar-brand {
  display: none; }
/* line 800, sass/_header.scss */
body.show-back-mobile nav .navbar-festival-info {
  display: none; }
@media (min-width: 48em) {
  /* line 804, sass/_header.scss */
  body.show-back-mobile nav .mobile-back-button {
    display: none; }
  /* line 807, sass/_header.scss */
  body.show-back-mobile nav .navbar-brand {
    display: block; }
  /* line 810, sass/_header.scss */
  body.show-back-mobile nav .navbar-festival-info {
    display: block; } }

/* line 827, sass/_header.scss */
header.moobaan-header .topnav .first-row .navbar-btn.buy-button-header {
  background-color: transparent;
  width: 215px; }
  /* line 830, sass/_header.scss */
  header.moobaan-header .topnav .first-row .navbar-btn.buy-button-header span {
    color: #EB008B;
    font-family: "Nova Cut";
    width: 215px;
    font-size: 26px;
    padding: 0px 15px; }
  /* line 844, sass/_header.scss */
  header.moobaan-header .topnav .first-row .navbar-btn.buy-button-header:active::after {
    background: none; }
  /* line 847, sass/_header.scss */
  header.moobaan-header .topnav .first-row .navbar-btn.buy-button-header:hover::before, header.moobaan-header .topnav .first-row .navbar-btn.buy-button-header:before {
    background-image: none; }
@media (min-width: 992px) {
  /* line 826, sass/_header.scss */
  header.moobaan-header {
    /*
        .navbar-brand {
            width: 116px;
            content: url(/wp-content/themes/wonderfruit-2019/images/logo-wf.svg);
        }
        .navbar-default .navbar-nav>li>a, 
        .navbar-center>li>a, 
        .dropdown-menu>li>a {
          color: #000581;
        }
    */ } }
/* line 867, sass/_header.scss */
header.moobaan-header .navbar-center > li > a:hover::before {
  width: 100%; }
/* line 870, sass/_header.scss */
header.moobaan-header .navbar-center > li > a:before {
  border-bottom: 1px solid black;
  background-color: black;
  -webkit-transition: width .4s;
  transition: width .4s; }
@media (min-width: 62em) {
  /* line 878, sass/_header.scss */
  header.moobaan-header .navbar-center {
    display: flex;
    justify-content: start; } }
/* line 883, sass/_header.scss */
header.moobaan-header .topnav .language-switcher {
  float: right !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px;
  margin: 0px 20px; }

/* line 890, sass/_header.scss */
.sidebar.moobaan-sidebar {
  background-color: #00034D; }
  /* line 892, sass/_header.scss */
  .sidebar.moobaan-sidebar .moobaan_logo {
    margin: 35px 0px 0px; }
  /* line 895, sass/_header.scss */
  .sidebar.moobaan-sidebar .close-hamburger {
    color: white; }
  /* line 898, sass/_header.scss */
  .sidebar.moobaan-sidebar .nav > li > a,
  .sidebar.moobaan-sidebar .dropdown-menu > li > a,
  .sidebar.moobaan-sidebar .nav > li,
  .sidebar.moobaan-sidebar .dropdown-menu > li {
    color: white; }
  /* line 904, sass/_header.scss */
  .sidebar.moobaan-sidebar .sidebar-bottom {
    position: initial;
    margin: 70px -40px 0px;
    padding: 0px 0px; }
    /* line 908, sass/_header.scss */
    .sidebar.moobaan-sidebar .sidebar-bottom .hamburger-cta-container {
      position: absolute;
      width: 100%;
      bottom: 0px;
      left: 0px;
      margin: 0px; }
      /* line 914, sass/_header.scss */
      .sidebar.moobaan-sidebar .sidebar-bottom .hamburger-cta-container .hamburger-cta {
        background-color: #EB008B;
        margin: 0px;
        background-image: none;
        font-family: 'Nova Cut';
        font-size: 26px;
        letter-spacing: 1.2px; }
    /* line 924, sass/_header.scss */
    .sidebar.moobaan-sidebar .sidebar-bottom .social-container {
      padding: 20px 40px;
      border-top: 1px solid #EB008B;
      border-bottom: 1px solid #EB008B;
      text-align: left;
      text-align-last: auto; }
      /* line 930, sass/_header.scss */
      .sidebar.moobaan-sidebar .sidebar-bottom .social-container > span {
        color: #EB008B;
        font-family: 'Value';
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 2.5px;
        text-transform: uppercase; }
      /* line 939, sass/_header.scss */
      .sidebar.moobaan-sidebar .sidebar-bottom .social-container .social {
        text-align: left;
        width: fit-content;
        float: right; }
        /* line 943, sass/_header.scss */
        .sidebar.moobaan-sidebar .sidebar-bottom .social-container .social li {
          width: auto; }
        /* line 946, sass/_header.scss */
        .sidebar.moobaan-sidebar .sidebar-bottom .social-container .social i {
          font-size: 2em;
          line-height: 18px;
          margin-left: 15px; }
    /* line 953, sass/_header.scss */
    .sidebar.moobaan-sidebar .sidebar-bottom .language-switcher {
      border-top: 0px solid #EB008B;
      border-bottom: 1px solid #EB008B;
      margin: 0px;
      padding: 20px 40px; }
      /* line 958, sass/_header.scss */
      .sidebar.moobaan-sidebar .sidebar-bottom .language-switcher > span {
        color: #EB008B;
        font-family: 'Value';
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 2.5px;
        text-transform: uppercase; }
      /* line 967, sass/_header.scss */
      .sidebar.moobaan-sidebar .sidebar-bottom .language-switcher .navbar-link, .sidebar.moobaan-sidebar .sidebar-bottom .language-switcher .lang-divider {
        float: right; }
      /* line 970, sass/_header.scss */
      .sidebar.moobaan-sidebar .sidebar-bottom .language-switcher .lang-divider {
        color: white;
        font-size: 16px;
        letter-spacing: 2.5px;
        opacity: 1;
        padding: 0px 10px; }
      /* line 977, sass/_header.scss */
      .sidebar.moobaan-sidebar .sidebar-bottom .language-switcher .inactive-lang {
        opacity: 0.5; }
  /* line 982, sass/_header.scss */
  .sidebar.moobaan-sidebar .nav.navbar-center {
    min-height: initial; }
  /* line 985, sass/_header.scss */
  .sidebar.moobaan-sidebar li a {
    color: white; }

/* line 989, sass/_header.scss */
body.lang-th .sidebar.moobaan-sidebar .sidebar-bottom .hamburger-cta-container .hamburger-cta {
  font-family: naresuan;
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 1.52px; }

/* line 1, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      background-attachment: fixed; } }
  /* line 13, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    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 {
        bottom: 18.5%; } }
    /* line 27, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
      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 {
          text-align: left;
          line-height: 1.19; } }
    /* line 40, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
        color: white; }
      /* line 48, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
        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 {
        display: none; }
    /* line 64, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
        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 {
        content: "";
        display: inline-block;
        width: 100%; }
    /* line 80, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
        color: white; }
      /* line 86, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
        font-size: 1.8em;
        padding-left: 18px; }
    /* line 94, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
        text-align: center;
        line-height: .8; }
      /* line 104, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
        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 {
        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 {
        letter-spacing: 3.8px; }
        /* line 118, sass/page/_home.scss */
        .page-template-page-home-phase3-2018 .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 {
          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 {
        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 {
        padding: 17px 18px;
        border: 2px solid white;
        display: block; }
/* line 142, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      padding: 76px 0px 42px; } }
  /* line 162, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 174, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-slides .body2 {
        margin-bottom: 45px; } }
  /* line 180, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
    max-width: 110%;
    width: 110%; }
  /* line 195, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    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 {
        margin: 0%; } }
    /* line 204, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
          width: 40%; } }
      /* line 211, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
      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 {
          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 {
        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 {
            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 {
          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 {
              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 {
        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 {
            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 {
          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 {
              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 {
          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 {
              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 {
            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 {
                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 {
    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 {
      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 {
          width: 33px; } }
      /* line 309, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
        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 {
            font-size: 1.15em; } }
  /* line 324, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
    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 {
        width: 200px; } }
    /* line 350, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
      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 {
    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 {
      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 {
      background-color: #171717;
      color: white;
      opacity: .8; }
  /* line 377, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        margin: 35px 0px 0px 0px; } }
  /* line 385, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      color: #171717; }
    /* line 390, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-slides .slideshow-nav .slick-arrow {
      padding: 30px; }
/* line 395, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
    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 {
        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 {
    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 {
        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 {
    color: white; }
  /* line 431, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
    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 {
        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 {
    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 {
    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 {
    text-align: center; }
  /* line 462, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        margin: 0px;
        padding-right: 10px; } }
  /* line 470, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      outline: 0; }
  /* line 489, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-subscribe option {
    width: auto; }
  /* line 492, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      width: auto; }
  /* line 499, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
      color: white; }
    /* line 515, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
      color: white; }
  /* line 527, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        padding: 11px 16px 11px; } }
    /* line 546, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
    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 {
    opacity: 1;
    outline: none; }
  /* line 563, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    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 {
  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 {
      padding: 40px 0px; } }
  /* line 583, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-follow-us a {
    color: #6AADA9; }
  /* line 586, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        padding: 0px 18px; } }
  /* line 593, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    font-size: 2em; }
    @media (min-width: 48em) {
      /* line 600, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-follow-us i {
        font-size: 3em; } }
/* line 607, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      width: 100%; } }
  /* line 613, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    width: 156%; }
    @media (min-width: 48em) {
      /* line 616, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
    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) {
    display: inline-block; }
  /* line 631, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        height: 90px; } }
  @media (min-width: 48em) {
    /* line 607, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .home-block-instagram {
      margin-bottom: 30px; }
      /* line 646, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
    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 {
        width: 100%; } }
    /* line 660, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
    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 {
      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 {
      color: white; }
    /* line 683, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
      display: inline-block; }
    /* line 695, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
        margin-right: 0px; }
  /* line 702, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      display: block; }
    /* line 707, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
    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 {
        padding-bottom: 0px;
        margin-bottom: 118px; } }
  /* line 723, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
  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 {
      display: none; } }
/* line 748, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      width: 910px; } }
/* line 754, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
  margin-top: 11px;
  display: block; }
/* line 763, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      width: 30%; } }
  /* line 773, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    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 {
    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 {
    background-color: #171717;
    opacity: .15; }
/* line 790, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
  margin-bottom: 0px; }
/* line 796, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      width: 64%; } }
/* line 804, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      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 {
    background-color: white; }
/* line 819, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      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 {
  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 {
      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 {
    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 {
        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 {
    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 {
      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 {
      color: #171717; }
/* line 856, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
  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 {
  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 {
      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 {
  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 {
      text-align: left; } }
/* line 889, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      text-align: left; } }
/* line 898, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
    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 {
    color: #888888; }
/* line 915, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      right: -520px;
      bottom: -470px;
      transform: scale(0.5); } }
/* line 929, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .home-block-stories article {
  margin-bottom: 24px; }
/* line 932, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      margin: 21px 0px 16px; } }
/* line 938, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      text-align: left; } }
/* line 948, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
  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 {
      margin-right: 18px;
      width: 30%; } }
  /* line 964, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    width: 100%; }
    /* line 971, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
  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 {
      width: 65%; } }
/* line 983, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
  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 {
      text-align: left; } }
  /* line 994, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    color: #888888; }
/* line 1007, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      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 {
  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 {
      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 {
  width: 100%; }
/* line 1034, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      padding-bottom: 40px; } }
  /* line 1039, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    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 {
      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 {
          background-color: transparent;
          padding-top: 100%; } }
  /* line 1062, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    width: 200%; }
    @media (min-width: 48em) {
      /* line 1067, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-experiences .experience-container {
        width: 140%; } }
  /* line 1073, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
        display: block; } }
    /* line 1085, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
        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 {
        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 {
      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 {
      opacity: .7; }
    /* line 1127, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
        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 {
        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 {
        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 {
        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 {
      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 {
      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 {
      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 {
      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 {
      font-weight: 600; }
  /* line 1187, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        text-align: left; } }
  /* line 1196, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      color: #b0b0b0; }
  /* line 1204, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      color: #171717; }
      /* line 1209, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
      padding: 20px 15px; }
/* line 1219, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      padding: 0px 0px 120px; } }
  /* line 1224, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .home-block-partners .container-fluid {
    padding: 0px; }
  /* line 1227, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        width: 25%;
        padding: 50px; } }
  /* line 1236, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      -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 {
      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 {
          background-color: transparent;
          padding-top: 100%; } }
  /* line 1262, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    width: 200%; }
    @media (min-width: 48em) {
      /* line 1267, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .home-block-partners .experience-container {
        width: 140%; } }
  /* line 1273, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
        display: block; } }
    /* line 1285, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
        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 {
        color: white;
        padding: 10px; }
    /* line 1309, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
      opacity: .7; }
    /* line 1324, sass/page/_home.scss */
    .page-template-page-home-phase3-2018 .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 {
      font-weight: 600; }
  /* line 1335, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        text-align: left; } }
  /* line 1344, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      color: #b0b0b0; }
  /* line 1352, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
      color: #171717; }
      /* line 1357, sass/page/_home.scss */
      .page-template-page-home-phase3-2018 .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 {
      padding: 20px 15px; }
/* line 1366, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      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 {
      height: 524px; } }
  /* line 1375, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
      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 {
      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 {
      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 {
        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 {
        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 {
        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 {
    height: 100%; }
  /* line 1420, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    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 {
      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 {
    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 {
    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 {
  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 {
      padding-top: 0px; } }
  /* line 1473, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        width: 164px; } }
  /* line 1479, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        margin: 10px 0px; } }
  /* line 1488, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
        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 {
      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 {
          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 {
        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 {
        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 {
      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 {
        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 {
        color: white;
        background-color: #609a97; }
/* line 1538, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .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 {
      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 {
  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 {
      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 {
  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 {
    color: white;
    font-size: 2em; }
  /* line 1584, sass/page/_home.scss */
  .page-template-page-home-phase3-2018 .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 {
    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 {
  display: block; }
/* line 1600, sass/page/_home.scss */
.page-template-page-home-phase3-2018 .hover-overlay:active .image-link-hover > div {
  opacity: .7; }

/* line 16, sass/wonderfruit.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/_earlybird.scss */
.home-page .content-area,
.page-template-page-home-phase1 .content-area,
.page-template-page-home-phase1-2019 .content-area,
.page-template-page-home-earlybird-php .content-area {
  background-color: #FFFCF8; }
/* line 4, sass/page/_earlybird.scss */
.home-page .jumbotron,
.page-template-page-home-phase1 .jumbotron,
.page-template-page-home-phase1-2019 .jumbotron,
.page-template-page-home-earlybird-php .jumbotron {
  min-height: 82vh;
  background-image: url(/wp-content/themes/wonderfruit-2019/images/home-header-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/_earlybird.scss */
    .home-page .jumbotron,
    .page-template-page-home-phase1 .jumbotron,
    .page-template-page-home-phase1-2019 .jumbotron,
    .page-template-page-home-earlybird-php .jumbotron {
      background-attachment: fixed;
      background-image: url(/wp-content/themes/wonderfruit-2019/images/home-header.jpg); } }
  /* line 20, sass/page/_earlybird.scss */
  .home-page .jumbotron .container-fluid,
  .page-template-page-home-phase1 .jumbotron .container-fluid,
  .page-template-page-home-phase1-2019 .jumbotron .container-fluid,
  .page-template-page-home-earlybird-php .jumbotron .container-fluid {
    position: absolute;
    left: 0%;
    width: 100%;
    padding: 0px 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2; }
    @media (min-width: 48em) {
      /* line 20, sass/page/_earlybird.scss */
      .home-page .jumbotron .container-fluid,
      .page-template-page-home-phase1 .jumbotron .container-fluid,
      .page-template-page-home-phase1-2019 .jumbotron .container-fluid,
      .page-template-page-home-earlybird-php .jumbotron .container-fluid {
        top: 50%;
        transform: translateY(-50%);
        padding: 0px 56px; } }
    /* line 34, sass/page/_earlybird.scss */
    .home-page .jumbotron .container-fluid .header0,
    .page-template-page-home-phase1 .jumbotron .container-fluid .header0,
    .page-template-page-home-phase1-2019 .jumbotron .container-fluid .header0,
    .page-template-page-home-earlybird-php .jumbotron .container-fluid .header0 {
      text-align: center;
      line-height: 1;
      color: white;
      margin-bottom: 15px; }
      @media (min-width: 48em) {
        /* line 34, sass/page/_earlybird.scss */
        .home-page .jumbotron .container-fluid .header0,
        .page-template-page-home-phase1 .jumbotron .container-fluid .header0,
        .page-template-page-home-phase1-2019 .jumbotron .container-fluid .header0,
        .page-template-page-home-earlybird-php .jumbotron .container-fluid .header0 {
          text-align: center;
          line-height: 1;
          letter-spacing: 2.6px;
          margin-bottom: 15px; } }
    /* line 46, sass/page/_earlybird.scss */
    .home-page .jumbotron .container-fluid .price,
    .page-template-page-home-phase1 .jumbotron .container-fluid .price,
    .page-template-page-home-phase1-2019 .jumbotron .container-fluid .price,
    .page-template-page-home-earlybird-php .jumbotron .container-fluid .price {
      letter-spacing: 1.9px;
      text-align: center;
      color: white;
      margin-bottom: 54px; }
      /* line 51, sass/page/_earlybird.scss */
      .home-page .jumbotron .container-fluid .price a,
      .page-template-page-home-phase1 .jumbotron .container-fluid .price a,
      .page-template-page-home-phase1-2019 .jumbotron .container-fluid .price a,
      .page-template-page-home-earlybird-php .jumbotron .container-fluid .price a {
        color: white; }
      /* line 54, sass/page/_earlybird.scss */
      .home-page .jumbotron .container-fluid .price li,
      .page-template-page-home-phase1 .jumbotron .container-fluid .price li,
      .page-template-page-home-phase1-2019 .jumbotron .container-fluid .price li,
      .page-template-page-home-earlybird-php .jumbotron .container-fluid .price li {
        display: inline-block; }
      /* line 57, sass/page/_earlybird.scss */
      .home-page .jumbotron .container-fluid .price li:after,
      .page-template-page-home-phase1 .jumbotron .container-fluid .price li:after,
      .page-template-page-home-phase1-2019 .jumbotron .container-fluid .price li:after,
      .page-template-page-home-earlybird-php .jumbotron .container-fluid .price 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 66, sass/page/_earlybird.scss */
      .home-page .jumbotron .container-fluid .price li:last-child:after,
      .page-template-page-home-phase1 .jumbotron .container-fluid .price li:last-child:after,
      .page-template-page-home-phase1-2019 .jumbotron .container-fluid .price li:last-child:after,
      .page-template-page-home-earlybird-php .jumbotron .container-fluid .price li:last-child:after {
        display: none; }
    /* line 71, sass/page/_earlybird.scss */
    .home-page .jumbotron .container-fluid .jumbotron-cta,
    .page-template-page-home-phase1 .jumbotron .container-fluid .jumbotron-cta,
    .page-template-page-home-phase1-2019 .jumbotron .container-fluid .jumbotron-cta,
    .page-template-page-home-earlybird-php .jumbotron .container-fluid .jumbotron-cta {
      text-align: center; }
      /* line 73, sass/page/_earlybird.scss */
      .home-page .jumbotron .container-fluid .jumbotron-cta .menu1,
      .page-template-page-home-phase1 .jumbotron .container-fluid .jumbotron-cta .menu1,
      .page-template-page-home-phase1-2019 .jumbotron .container-fluid .jumbotron-cta .menu1,
      .page-template-page-home-earlybird-php .jumbotron .container-fluid .jumbotron-cta .menu1 {
        text-transform: uppercase;
        border: 2px solid white;
        color: white;
        padding: 16px 0px;
        display: inline-block;
        text-align: center;
        width: 146px;
        letter-spacing: 2.8px; }
        @media (min-width: 48em) {
          /* line 73, sass/page/_earlybird.scss */
          .home-page .jumbotron .container-fluid .jumbotron-cta .menu1,
          .page-template-page-home-phase1 .jumbotron .container-fluid .jumbotron-cta .menu1,
          .page-template-page-home-phase1-2019 .jumbotron .container-fluid .jumbotron-cta .menu1,
          .page-template-page-home-earlybird-php .jumbotron .container-fluid .jumbotron-cta .menu1 {
            width: 200px; } }
        /* line 85, sass/page/_earlybird.scss */
        .home-page .jumbotron .container-fluid .jumbotron-cta .menu1:hover,
        .page-template-page-home-phase1 .jumbotron .container-fluid .jumbotron-cta .menu1:hover,
        .page-template-page-home-phase1-2019 .jumbotron .container-fluid .jumbotron-cta .menu1:hover,
        .page-template-page-home-earlybird-php .jumbotron .container-fluid .jumbotron-cta .menu1:hover {
          background-color: rgba(255, 255, 255, 0.2);
          color: white; }
        /* line 89, sass/page/_earlybird.scss */
        .home-page .jumbotron .container-fluid .jumbotron-cta .menu1:active,
        .page-template-page-home-phase1 .jumbotron .container-fluid .jumbotron-cta .menu1:active,
        .page-template-page-home-phase1-2019 .jumbotron .container-fluid .jumbotron-cta .menu1:active,
        .page-template-page-home-earlybird-php .jumbotron .container-fluid .jumbotron-cta .menu1:active {
          background-color: rgba(255, 255, 255, 0.4);
          color: white; }
        /* line 93, sass/page/_earlybird.scss */
        .home-page .jumbotron .container-fluid .jumbotron-cta .menu1::after,
        .page-template-page-home-phase1 .jumbotron .container-fluid .jumbotron-cta .menu1::after,
        .page-template-page-home-phase1-2019 .jumbotron .container-fluid .jumbotron-cta .menu1::after,
        .page-template-page-home-earlybird-php .jumbotron .container-fluid .jumbotron-cta .menu1::after {
          padding: 16px 0px; }
/* line 101, sass/page/_earlybird.scss */
.home-page .home-block-slides,
.page-template-page-home-phase1 .home-block-slides,
.page-template-page-home-phase1-2019 .home-block-slides,
.page-template-page-home-earlybird-php .home-block-slides {
  /*
  	&: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: 0px; }
  @media (min-width: 48em) {
    /* line 101, sass/page/_earlybird.scss */
    .home-page .home-block-slides,
    .page-template-page-home-phase1 .home-block-slides,
    .page-template-page-home-phase1-2019 .home-block-slides,
    .page-template-page-home-earlybird-php .home-block-slides {
      padding: 76px 0px 42px; } }
  /* line 121, sass/page/_earlybird.scss */
  .home-page .home-block-slides .headline-small3,
  .page-template-page-home-phase1 .home-block-slides .headline-small3,
  .page-template-page-home-phase1-2019 .home-block-slides .headline-small3,
  .page-template-page-home-earlybird-php .home-block-slides .headline-small3 {
    color: #171717;
    text-align: center;
    margin-top: 18px;
    letter-spacing: 3.6px;
    font-family: Value; }
    @media (min-width: 48em) {
      /* line 121, sass/page/_earlybird.scss */
      .home-page .home-block-slides .headline-small3,
      .page-template-page-home-phase1 .home-block-slides .headline-small3,
      .page-template-page-home-phase1-2019 .home-block-slides .headline-small3,
      .page-template-page-home-earlybird-php .home-block-slides .headline-small3 {
        text-align: left;
        margin-top: 35px;
        line-height: 2.33;
        letter-spacing: 5.4px; } }
  /* line 134, sass/page/_earlybird.scss */
  .home-page .home-block-slides .body2,
  .page-template-page-home-phase1 .home-block-slides .body2,
  .page-template-page-home-phase1-2019 .home-block-slides .body2,
  .page-template-page-home-earlybird-php .home-block-slides .body2 {
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 134, sass/page/_earlybird.scss */
      .home-page .home-block-slides .body2,
      .page-template-page-home-phase1 .home-block-slides .body2,
      .page-template-page-home-phase1-2019 .home-block-slides .body2,
      .page-template-page-home-earlybird-php .home-block-slides .body2 {
        margin-bottom: 45px; } }
  /* line 140, sass/page/_earlybird.scss */
  .home-page .home-block-slides .header1,
  .page-template-page-home-phase1 .home-block-slides .header1,
  .page-template-page-home-phase1-2019 .home-block-slides .header1,
  .page-template-page-home-earlybird-php .home-block-slides .header1 {
    margin: 8px 0px 38px;
    letter-spacing: 1.3px;
    text-align: center;
    color: #000000; }
    @media (min-width: 48em) {
      /* line 140, sass/page/_earlybird.scss */
      .home-page .home-block-slides .header1,
      .page-template-page-home-phase1 .home-block-slides .header1,
      .page-template-page-home-phase1-2019 .home-block-slides .header1,
      .page-template-page-home-earlybird-php .home-block-slides .header1 {
        margin: 9px 0px 40px;
        line-height: 1.19;
        letter-spacing: 1.7px;
        text-align: left; } }
  /* line 154, sass/page/_earlybird.scss */
  .home-page .home-block-slides .video-link:hover img,
  .page-template-page-home-phase1 .home-block-slides .video-link:hover img,
  .page-template-page-home-phase1-2019 .home-block-slides .video-link:hover img,
  .page-template-page-home-earlybird-php .home-block-slides .video-link:hover img {
    max-width: 110%;
    width: 110%; }
  /* line 158, sass/page/_earlybird.scss */
  .home-page .home-block-slides .video-link:hover i.fa-play-circle,
  .page-template-page-home-phase1 .home-block-slides .video-link:hover i.fa-play-circle,
  .page-template-page-home-phase1-2019 .home-block-slides .video-link:hover i.fa-play-circle,
  .page-template-page-home-earlybird-php .home-block-slides .video-link:hover i.fa-play-circle {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9); }
  /* line 164, sass/page/_earlybird.scss */
  .home-page .home-block-slides .video-link:active i.fa-play-circle,
  .page-template-page-home-phase1 .home-block-slides .video-link:active i.fa-play-circle,
  .page-template-page-home-phase1-2019 .home-block-slides .video-link:active i.fa-play-circle,
  .page-template-page-home-earlybird-php .home-block-slides .video-link:active i.fa-play-circle {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8); }
  /* line 170, sass/page/_earlybird.scss */
  .home-page .home-block-slides .slide-container,
  .page-template-page-home-phase1 .home-block-slides .slide-container,
  .page-template-page-home-phase1-2019 .home-block-slides .slide-container,
  .page-template-page-home-earlybird-php .home-block-slides .slide-container {
    margin-right: 5px; }
  /* line 173, sass/page/_earlybird.scss */
  .home-page .home-block-slides .slide-image-container,
  .page-template-page-home-phase1 .home-block-slides .slide-image-container,
  .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container,
  .page-template-page-home-earlybird-php .home-block-slides .slide-image-container {
    position: relative;
    margin: 2% -5% 40px; }
    @media (min-width: 48em) {
      /* line 173, sass/page/_earlybird.scss */
      .home-page .home-block-slides .slide-image-container,
      .page-template-page-home-phase1 .home-block-slides .slide-image-container,
      .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container,
      .page-template-page-home-earlybird-php .home-block-slides .slide-image-container {
        margin: 0%; } }
    /* line 179, sass/page/_earlybird.scss */
    .home-page .home-block-slides .slide-image-container .stacked-image,
    .page-template-page-home-phase1 .home-block-slides .slide-image-container .stacked-image,
    .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container .stacked-image,
    .page-template-page-home-earlybird-php .home-block-slides .slide-image-container .stacked-image {
      position: absolute;
      z-index: 1;
      width: 35%; }
      @media (min-width: 48em) {
        /* line 179, sass/page/_earlybird.scss */
        .home-page .home-block-slides .slide-image-container .stacked-image,
        .page-template-page-home-phase1 .home-block-slides .slide-image-container .stacked-image,
        .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container .stacked-image,
        .page-template-page-home-earlybird-php .home-block-slides .slide-image-container .stacked-image {
          width: 40%; } }
      /* line 186, sass/page/_earlybird.scss */
      .home-page .home-block-slides .slide-image-container .stacked-image img,
      .page-template-page-home-phase1 .home-block-slides .slide-image-container .stacked-image img,
      .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container .stacked-image img,
      .page-template-page-home-earlybird-php .home-block-slides .slide-image-container .stacked-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: .5s ease; }
    /* line 194, sass/page/_earlybird.scss */
    .home-page .home-block-slides .slide-image-container .video-placeholder,
    .page-template-page-home-phase1 .home-block-slides .slide-image-container .video-placeholder,
    .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container .video-placeholder,
    .page-template-page-home-earlybird-php .home-block-slides .slide-image-container .video-placeholder {
      background-size: cover; }
      /* line 196, sass/page/_earlybird.scss */
      .home-page .home-block-slides .slide-image-container .video-placeholder:before,
      .page-template-page-home-phase1 .home-block-slides .slide-image-container .video-placeholder:before,
      .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container .video-placeholder:before,
      .page-template-page-home-earlybird-php .home-block-slides .slide-image-container .video-placeholder:before {
        padding-top: 62%;
        content: "";
        display: block; }
    /* line 202, sass/page/_earlybird.scss */
    .home-page .home-block-slides .slide-image-container.bl-position,
    .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position,
    .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position,
    .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position {
      padding-left: 30%;
      padding-bottom: 8%; }
      @media (min-width: 48em) {
        /* line 202, sass/page/_earlybird.scss */
        .home-page .home-block-slides .slide-image-container.bl-position,
        .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position,
        .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position,
        .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position {
          padding-left: 95px;
          padding-bottom: 35px;
          margin-right: -165px; } }
      /* line 210, sass/page/_earlybird.scss */
      .home-page .home-block-slides .slide-image-container.bl-position .stacked-image,
      .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position .stacked-image,
      .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position .stacked-image,
      .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position .stacked-image {
        position: absolute;
        left: 0%;
        top: 27%;
        width: 85%; }
        @media (min-width: 48em) {
          /* line 210, sass/page/_earlybird.scss */
          .home-page .home-block-slides .slide-image-container.bl-position .stacked-image,
          .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position .stacked-image,
          .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position .stacked-image,
          .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position .stacked-image {
            left: 64px;
            top: 100px;
            width: 445px;
            height: 280px;
            overflow: hidden; } }
        /* line 223, sass/page/_earlybird.scss */
        .home-page .home-block-slides .slide-image-container.bl-position .stacked-image.portrait,
        .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position .stacked-image.portrait,
        .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position .stacked-image.portrait,
        .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position .stacked-image.portrait {
          left: -1%;
          top: 45%;
          width: 70%; }
          @media (min-width: 48em) {
            /* line 223, sass/page/_earlybird.scss */
            .home-page .home-block-slides .slide-image-container.bl-position .stacked-image.portrait,
            .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position .stacked-image.portrait,
            .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position .stacked-image.portrait,
            .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position .stacked-image.portrait {
              left: 30px;
              top: 100px;
              width: 229px;
              height: 324px; } }
      /* line 236, sass/page/_earlybird.scss */
      .home-page .home-block-slides .slide-image-container.bl-position.slide-style2,
      .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position.slide-style2,
      .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position.slide-style2,
      .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position.slide-style2 {
        padding-left: 15%;
        padding-right: 0%;
        padding-bottom: 8%; }
        @media (min-width: 48em) {
          /* line 236, sass/page/_earlybird.scss */
          .home-page .home-block-slides .slide-image-container.bl-position.slide-style2,
          .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position.slide-style2,
          .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position.slide-style2,
          .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position.slide-style2 {
            position: absolute;
            padding-left: 30%;
            padding-right: 0%;
            padding-bottom: 8%; } }
        /* line 247, sass/page/_earlybird.scss */
        .home-page .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image,
        .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image,
        .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image,
        .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image {
          display: block; }
          @media (min-width: 48em) {
            /* line 247, sass/page/_earlybird.scss */
            .home-page .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image,
            .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image,
            .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image,
            .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position.slide-style2 .base-image {
              display: block; } }
        /* line 254, sass/page/_earlybird.scss */
        .home-page .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait,
        .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait,
        .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait,
        .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait {
          position: relative;
          width: 100%; }
          @media (min-width: 48em) {
            /* line 254, sass/page/_earlybird.scss */
            .home-page .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait,
            .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait,
            .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait,
            .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait {
              position: absolute;
              width: 229px; } }
          /* line 261, sass/page/_earlybird.scss */
          .home-page .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img,
          .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img,
          .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img,
          .page-template-page-home-earlybird-php .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 261, sass/page/_earlybird.scss */
              .home-page .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img,
              .page-template-page-home-phase1 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img,
              .page-template-page-home-phase1-2019 .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img,
              .page-template-page-home-earlybird-php .home-block-slides .slide-image-container.bl-position.slide-style2 .portrait img {
                top: 50%;
                left: 50%;
                position: absolute;
                transform: translate(-50%, -50%); } }
  /* line 278, sass/page/_earlybird.scss */
  .home-page .home-block-slides .slick-dots,
  .page-template-page-home-phase1 .home-block-slides .slick-dots,
  .page-template-page-home-phase1-2019 .home-block-slides .slick-dots,
  .page-template-page-home-earlybird-php .home-block-slides .slick-dots {
    display: none;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    color: #B0B0B0; }
    /* line 285, sass/page/_earlybird.scss */
    .home-page .home-block-slides .slick-dots li,
    .page-template-page-home-phase1 .home-block-slides .slick-dots li,
    .page-template-page-home-phase1-2019 .home-block-slides .slick-dots li,
    .page-template-page-home-earlybird-php .home-block-slides .slick-dots li {
      display: inline-block;
      visibility: hidden;
      width: 28px;
      opacity: .3; }
      @media (min-width: 48em) {
        /* line 285, sass/page/_earlybird.scss */
        .home-page .home-block-slides .slick-dots li,
        .page-template-page-home-phase1 .home-block-slides .slick-dots li,
        .page-template-page-home-phase1-2019 .home-block-slides .slick-dots li,
        .page-template-page-home-earlybird-php .home-block-slides .slick-dots li {
          width: 33px; } }
      /* line 293, sass/page/_earlybird.scss */
      .home-page .home-block-slides .slick-dots li.slick-active,
      .page-template-page-home-phase1 .home-block-slides .slick-dots li.slick-active,
      .page-template-page-home-phase1-2019 .home-block-slides .slick-dots li.slick-active,
      .page-template-page-home-earlybird-php .home-block-slides .slick-dots li.slick-active {
        opacity: 1; }
      /* line 296, sass/page/_earlybird.scss */
      .home-page .home-block-slides .slick-dots li:before,
      .page-template-page-home-phase1 .home-block-slides .slick-dots li:before,
      .page-template-page-home-phase1-2019 .home-block-slides .slick-dots li:before,
      .page-template-page-home-earlybird-php .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 296, sass/page/_earlybird.scss */
          .home-page .home-block-slides .slick-dots li:before,
          .page-template-page-home-phase1 .home-block-slides .slick-dots li:before,
          .page-template-page-home-phase1-2019 .home-block-slides .slick-dots li:before,
          .page-template-page-home-earlybird-php .home-block-slides .slick-dots li:before {
            font-size: 1.15em; } }
  /* line 308, sass/page/_earlybird.scss */
  .home-page .home-block-slides .button1,
  .page-template-page-home-phase1 .home-block-slides .button1,
  .page-template-page-home-phase1-2019 .home-block-slides .button1,
  .page-template-page-home-earlybird-php .home-block-slides .button1 {
    text-transform: uppercase;
    border: none;
    border-bottom: 2px solid #171717;
    color: #171717;
    padding: 5px 5px;
    display: inline-block;
    text-align: center;
    letter-spacing: 2.8px; }
    /* line 321, sass/page/_earlybird.scss */
    .home-page .home-block-slides .button1:hover,
    .page-template-page-home-phase1 .home-block-slides .button1:hover,
    .page-template-page-home-phase1-2019 .home-block-slides .button1:hover,
    .page-template-page-home-earlybird-php .home-block-slides .button1:hover {
      background-color: #333333;
      color: white; }
    /* line 325, sass/page/_earlybird.scss */
    .home-page .home-block-slides .button1:active,
    .page-template-page-home-phase1 .home-block-slides .button1:active,
    .page-template-page-home-phase1-2019 .home-block-slides .button1:active,
    .page-template-page-home-earlybird-php .home-block-slides .button1:active {
      background-color: #000000;
      color: white; }
  /* line 331, sass/page/_earlybird.scss */
  .home-page .home-block-slides .buttons,
  .page-template-page-home-phase1 .home-block-slides .buttons,
  .page-template-page-home-phase1-2019 .home-block-slides .buttons,
  .page-template-page-home-earlybird-php .home-block-slides .buttons {
    margin: 5px 0px 45px 0px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 331, sass/page/_earlybird.scss */
      .home-page .home-block-slides .buttons,
      .page-template-page-home-phase1 .home-block-slides .buttons,
      .page-template-page-home-phase1-2019 .home-block-slides .buttons,
      .page-template-page-home-earlybird-php .home-block-slides .buttons {
        text-align: left;
        margin: 35px 0px 0px 0px; } }
  /* line 341, sass/page/_earlybird.scss */
  .home-page .home-block-slides .slideshow-nav,
  .page-template-page-home-phase1 .home-block-slides .slideshow-nav,
  .page-template-page-home-phase1-2019 .home-block-slides .slideshow-nav,
  .page-template-page-home-earlybird-php .home-block-slides .slideshow-nav {
    text-align: center; }
    /* line 343, sass/page/_earlybird.scss */
    .home-page .home-block-slides .slideshow-nav a,
    .page-template-page-home-phase1 .home-block-slides .slideshow-nav a,
    .page-template-page-home-phase1-2019 .home-block-slides .slideshow-nav a,
    .page-template-page-home-earlybird-php .home-block-slides .slideshow-nav a {
      color: #171717; }
    /* line 346, sass/page/_earlybird.scss */
    .home-page .home-block-slides .slideshow-nav .slick-arrow,
    .page-template-page-home-phase1 .home-block-slides .slideshow-nav .slick-arrow,
    .page-template-page-home-phase1-2019 .home-block-slides .slideshow-nav .slick-arrow,
    .page-template-page-home-earlybird-php .home-block-slides .slideshow-nav .slick-arrow {
      padding: 30px; }
/* line 351, sass/page/_earlybird.scss */
.home-page .home-block-follow-subscribe,
.page-template-page-home-phase1 .home-block-follow-subscribe,
.page-template-page-home-phase1-2019 .home-block-follow-subscribe,
.page-template-page-home-earlybird-php .home-block-follow-subscribe {
  background-color: #8D2135;
  padding: 0px; }
  /* line 354, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe .subscribe-form-container,
  .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-form-container,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-form-container,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-form-container {
    padding: 50px 0px 10px; }
    @media (min-width: 48em) {
      /* line 354, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe .subscribe-form-container,
      .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-form-container,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-form-container,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-form-container {
        padding: 0px;
        height: 76px;
        margin: 0px 0px; } }
  /* line 364, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe .social-links-container,
  .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container {
    height: 76px; }
    /* line 367, sass/page/_earlybird.scss */
    .home-page .home-block-follow-subscribe .social-links-container .social-links,
    .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links,
    .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links,
    .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links {
      text-align: center; }
      @media (min-width: 48em) {
        /* line 367, sass/page/_earlybird.scss */
        .home-page .home-block-follow-subscribe .social-links-container .social-links,
        .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links,
        .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links,
        .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links {
          text-align: left;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          padding-left: 15px; } }
      /* line 377, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe .social-links-container .social-links a,
      .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links a,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links a,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links a {
        color: #FF9B74; }
      /* line 380, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe .social-links-container .social-links li,
      .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links li,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links li,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links li {
        display: inline-block;
        padding: 0px 12px; }
        @media (min-width: 48em) {
          /* line 380, sass/page/_earlybird.scss */
          .home-page .home-block-follow-subscribe .social-links-container .social-links li,
          .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links li,
          .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links li,
          .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links li {
            padding: 0px 15px; } }
      /* line 387, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe .social-links-container .social-links .hashtag1,
      .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links .hashtag1,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links .hashtag1,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links .hashtag1 {
        text-transform: uppercase;
        line-height: 2;
        letter-spacing: 4.2px;
        color: #171717;
        margin: 34px; }
      /* line 394, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe .social-links-container .social-links i,
      .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links i,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links i,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links i {
        font-size: 2em; }
        @media (min-width: 48em) {
          /* line 394, sass/page/_earlybird.scss */
          .home-page .home-block-follow-subscribe .social-links-container .social-links i,
          .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links i,
          .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links i,
          .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links i {
            font-size: 2em; } }
      /* line 400, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe .social-links-container .social-links a:hover .hover-scale,
      .page-template-page-home-phase1 .home-block-follow-subscribe .social-links-container .social-links a:hover .hover-scale,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe .social-links-container .social-links a:hover .hover-scale,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe .social-links-container .social-links a:hover .hover-scale {
        opacity: .8; }
  /* line 405, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe .body2,
  .page-template-page-home-phase1 .home-block-follow-subscribe .body2,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .body2,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .body2 {
    color: #FF9B74; }
  /* line 408, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe .subscribe-options,
  .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-options,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-options,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-options {
    padding: 10px 0px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.6px; }
    @media (min-width: 48em) {
      /* line 408, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe .subscribe-options,
      .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-options,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-options,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-options {
        text-align: right;
        padding: 0px 0px;
        padding-left: 20px;
        letter-spacing: 0.6px; } }
    /* line 420, sass/page/_earlybird.scss */
    .home-page .home-block-follow-subscribe .subscribe-options strong,
    .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-options strong,
    .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-options strong,
    .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-options strong {
      font-weight: bold; }
  /* line 424, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form .menu1,
  .page-template-page-home-phase1 .home-block-follow-subscribe form .menu1,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form .menu1,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form .menu1 {
    width: 85%;
    letter-spacing: 4.2px; }
    @media (min-width: 48em) {
      /* line 424, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe form .menu1,
      .page-template-page-home-phase1 .home-block-follow-subscribe form .menu1,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe form .menu1,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe form .menu1 {
        width: 87%;
        line-height: 2;
        letter-spacing: 4.2px; } }
  /* line 433, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe .subscribe-form-container .col-md-7,
  .home-page .home-block-follow-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-form-container .col-md-5 {
    top: 50%;
    transform: translateY(-50%); }
  /* line 439, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe .subscribe-form-container .col-md-6,
  .home-page .home-block-follow-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-form-container .col-md-6,
  .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-form-container .col-md-6,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-form-container .col-md-6,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-form-container .col-md-5 {
    text-align: center; }
  /* line 443, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-form-container .col-md-7 {
    padding: 0px;
    margin: 0px 20px; }
    @media (min-width: 48em) {
      /* line 443, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe .subscribe-form-container .col-md-7,
      .page-template-page-home-phase1 .home-block-follow-subscribe .subscribe-form-container .col-md-7,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe .subscribe-form-container .col-md-7,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe .subscribe-form-container .col-md-7 {
        margin: 0px;
        padding-right: 10px; } }
  /* line 454, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form input,
  .page-template-page-home-phase1 .home-block-follow-subscribe form input,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form input,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form input {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #FF9B74;
    /* outline: 0px; */
    float: left;
    color: #FF9B74;
    padding: 10px 15px;
    border-radius: 0px;
    opacity: .8;
    outline: 0; }
    @media (min-width: 48em) {
      /* line 454, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe form input,
      .page-template-page-home-phase1 .home-block-follow-subscribe form input,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe form input,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe form input {
        padding: 6px 0px 5px;
        padding-left: 10px; } }
    /* line 467, sass/page/_earlybird.scss */
    .home-page .home-block-follow-subscribe form input::placeholder,
    .page-template-page-home-phase1 .home-block-follow-subscribe form input::placeholder,
    .page-template-page-home-phase1-2019 .home-block-follow-subscribe form input::placeholder,
    .page-template-page-home-earlybird-php .home-block-follow-subscribe form input::placeholder {
      color: #FF9B74; }
    /* line 470, sass/page/_earlybird.scss */
    .home-page .home-block-follow-subscribe form input:-ms-input-placeholder,
    .page-template-page-home-phase1 .home-block-follow-subscribe form input:-ms-input-placeholder,
    .page-template-page-home-phase1-2019 .home-block-follow-subscribe form input:-ms-input-placeholder,
    .page-template-page-home-earlybird-php .home-block-follow-subscribe form input:-ms-input-placeholder {
      color: #FF9B74; }
    /* line 473, sass/page/_earlybird.scss */
    .home-page .home-block-follow-subscribe form input::-ms-input-placeholder,
    .page-template-page-home-phase1 .home-block-follow-subscribe form input::-ms-input-placeholder,
    .page-template-page-home-phase1-2019 .home-block-follow-subscribe form input::-ms-input-placeholder,
    .page-template-page-home-earlybird-php .home-block-follow-subscribe form input::-ms-input-placeholder {
      color: #FF9B74; }
  /* line 482, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form button,
  .page-template-page-home-phase1 .home-block-follow-subscribe form button,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form button,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form button {
    border: 1px solid #FF9B74;
    background-color: transparent;
    color: #FF9B74;
    margin: 0px;
    padding: 12px 18px 12px;
    border-left: 0px;
    opacity: .8;
    outline: 0;
    /*
    		    &:hover {
    			    background-color: white; 
    			    color: #6AADA9;
    		    }
    */ }
    @media (min-width: 48em) {
      /* line 482, sass/page/_earlybird.scss */
      .home-page .home-block-follow-subscribe form button,
      .page-template-page-home-phase1 .home-block-follow-subscribe form button,
      .page-template-page-home-phase1-2019 .home-block-follow-subscribe form button,
      .page-template-page-home-earlybird-php .home-block-follow-subscribe form button {
        padding: 11px 16px 11px; } }
    /* line 501, sass/page/_earlybird.scss */
    .home-page .home-block-follow-subscribe form button:active,
    .page-template-page-home-phase1 .home-block-follow-subscribe form button:active,
    .page-template-page-home-phase1-2019 .home-block-follow-subscribe form button:active,
    .page-template-page-home-earlybird-php .home-block-follow-subscribe form button:active {
      opacity: 1 !important; }
  /* line 508, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form:focus-within input, .home-page .home-block-follow-subscribe form:focus input, .home-page .home-block-follow-subscribe form:hover input,
  .page-template-page-home-phase1 .home-block-follow-subscribe form:focus-within input,
  .page-template-page-home-phase1 .home-block-follow-subscribe form:focus input,
  .page-template-page-home-phase1 .home-block-follow-subscribe form:hover input,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form:focus-within input,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form:focus input,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form:hover input,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form:focus-within input,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form:focus input,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form:hover input {
    outline: none;
    opacity: 1; }
  /* line 512, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form:focus-within button, .home-page .home-block-follow-subscribe form:focus button, .home-page .home-block-follow-subscribe form:hover button,
  .page-template-page-home-phase1 .home-block-follow-subscribe form:focus-within button,
  .page-template-page-home-phase1 .home-block-follow-subscribe form:focus button,
  .page-template-page-home-phase1 .home-block-follow-subscribe form:hover button,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form:focus-within button,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form:focus button,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form:hover button,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form:focus-within button,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form:focus button,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form:hover button {
    opacity: 1;
    outline: none; }
  /* line 518, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form.typing input,
  .page-template-page-home-phase1 .home-block-follow-subscribe form.typing input,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form.typing input,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form.typing input {
    outline: none;
    opacity: .7; }
  /* line 522, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form.typing button,
  .page-template-page-home-phase1 .home-block-follow-subscribe form.typing button,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form.typing button,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form.typing button {
    opacity: .7;
    outline: none;
    background-color: #FF9B74;
    color: #8D2135; }
  /* line 529, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form.typing:hover input,
  .page-template-page-home-phase1 .home-block-follow-subscribe form.typing:hover input,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form.typing:hover input,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form.typing:hover input {
    opacity: .85; }
  /* line 532, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form.typing:hover button,
  .page-template-page-home-phase1 .home-block-follow-subscribe form.typing:hover button,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form.typing:hover button,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form.typing:hover button {
    opacity: .85; }
  /* line 537, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form.typing:active input,
  .page-template-page-home-phase1 .home-block-follow-subscribe form.typing:active input,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form.typing:active input,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form.typing:active input {
    opacity: 1; }
  /* line 540, sass/page/_earlybird.scss */
  .home-page .home-block-follow-subscribe form.typing:active button,
  .page-template-page-home-phase1 .home-block-follow-subscribe form.typing:active button,
  .page-template-page-home-phase1-2019 .home-block-follow-subscribe form.typing:active button,
  .page-template-page-home-earlybird-php .home-block-follow-subscribe form.typing:active button {
    opacity: 1; }
/* line 550, sass/page/_earlybird.scss */
.home-page .home-block-subscribe,
.page-template-page-home-phase1 .home-block-subscribe,
.page-template-page-home-phase1-2019 .home-block-subscribe,
.page-template-page-home-earlybird-php .home-block-subscribe {
  background-color: rgba(233, 150, 26, 0.75);
  padding: 39px 0px 46px; }
  /* line 553, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe::before,
  .page-template-page-home-phase1 .home-block-subscribe::before,
  .page-template-page-home-phase1-2019 .home-block-subscribe::before,
  .page-template-page-home-earlybird-php .home-block-subscribe::before {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-size: cover;
    background-image: url(/wp-content/themes/wonderfruit-2019/images/subscribe-bg-mob.jpg); }
    @media (min-width: 48em) {
      /* line 553, sass/page/_earlybird.scss */
      .home-page .home-block-subscribe::before,
      .page-template-page-home-phase1 .home-block-subscribe::before,
      .page-template-page-home-phase1-2019 .home-block-subscribe::before,
      .page-template-page-home-earlybird-php .home-block-subscribe::before {
        background-image: url(/wp-content/themes/wonderfruit-2019/images/subscribe-bg.jpg); } }
  /* line 568, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .subscribe-form-container,
  .page-template-page-home-phase1 .home-block-subscribe .subscribe-form-container,
  .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-form-container,
  .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-form-container {
    background-color: rgba(240, 90, 54, 0.7);
    padding: 25px 0px 10px; }
    @media (min-width: 48em) {
      /* line 568, sass/page/_earlybird.scss */
      .home-page .home-block-subscribe .subscribe-form-container,
      .page-template-page-home-phase1 .home-block-subscribe .subscribe-form-container,
      .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-form-container,
      .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-form-container {
        padding: 0px;
        height: 76px;
        width: 600px;
        margin: 0px 55px; } }
  /* line 578, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .header2,
  .page-template-page-home-phase1 .home-block-subscribe .header2,
  .page-template-page-home-phase1-2019 .home-block-subscribe .header2,
  .page-template-page-home-earlybird-php .home-block-subscribe .header2 {
    text-align: center;
    line-height: 28px;
    margin-bottom: 22px; }
    @media (min-width: 48em) {
      /* line 578, sass/page/_earlybird.scss */
      .home-page .home-block-subscribe .header2,
      .page-template-page-home-phase1 .home-block-subscribe .header2,
      .page-template-page-home-phase1-2019 .home-block-subscribe .header2,
      .page-template-page-home-earlybird-php .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 598, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .header2, .home-page .home-block-subscribe .body2,
  .page-template-page-home-phase1 .home-block-subscribe .header2,
  .page-template-page-home-phase1 .home-block-subscribe .body2,
  .page-template-page-home-phase1-2019 .home-block-subscribe .header2,
  .page-template-page-home-phase1-2019 .home-block-subscribe .body2,
  .page-template-page-home-earlybird-php .home-block-subscribe .header2,
  .page-template-page-home-earlybird-php .home-block-subscribe .body2 {
    color: white; }
  /* line 601, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .subscribe-options,
  .page-template-page-home-phase1 .home-block-subscribe .subscribe-options,
  .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-options,
  .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-options {
    padding: 10px 0px; }
    @media (min-width: 48em) {
      /* line 601, sass/page/_earlybird.scss */
      .home-page .home-block-subscribe .subscribe-options,
      .page-template-page-home-phase1 .home-block-subscribe .subscribe-options,
      .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-options,
      .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-options {
        padding: 0px 0px;
        padding-left: 20px;
        line-height: 4.64;
        letter-spacing: 0.6px; } }
  /* line 610, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form .body2,
  .home-page .home-block-subscribe form .menu1,
  .page-template-page-home-phase1 .home-block-subscribe form .body2,
  .page-template-page-home-phase1 .home-block-subscribe form .menu1,
  .page-template-page-home-phase1-2019 .home-block-subscribe form .body2,
  .page-template-page-home-phase1-2019 .home-block-subscribe form .menu1,
  .page-template-page-home-earlybird-php .home-block-subscribe form .body2,
  .page-template-page-home-earlybird-php .home-block-subscribe form .menu1 {
    width: 85%;
    letter-spacing: 4.2px; }
    @media (min-width: 48em) {
      /* line 610, sass/page/_earlybird.scss */
      .home-page .home-block-subscribe form .body2,
      .home-page .home-block-subscribe form .menu1,
      .page-template-page-home-phase1 .home-block-subscribe form .body2,
      .page-template-page-home-phase1 .home-block-subscribe form .menu1,
      .page-template-page-home-phase1-2019 .home-block-subscribe form .body2,
      .page-template-page-home-phase1-2019 .home-block-subscribe form .menu1,
      .page-template-page-home-earlybird-php .home-block-subscribe form .body2,
      .page-template-page-home-earlybird-php .home-block-subscribe form .menu1 {
        width: 87%;
        line-height: 2;
        letter-spacing: 4.2px; } }
  /* line 620, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .col-md-4,
  .page-template-page-home-phase1 .home-block-subscribe .col-md-4,
  .page-template-page-home-phase1-2019 .home-block-subscribe .col-md-4,
  .page-template-page-home-earlybird-php .home-block-subscribe .col-md-4 {
    height: 74px; }
  /* line 623, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .subscribe-form-container .col-md-7,
  .home-page .home-block-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-phase1 .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase1 .home-block-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-form-container .col-md-5 {
    top: 50%;
    transform: translateY(-50%); }
  /* line 629, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .subscribe-form-container .col-md-6,
  .home-page .home-block-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-phase1 .home-block-subscribe .subscribe-form-container .col-md-6,
  .page-template-page-home-phase1 .home-block-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-form-container .col-md-6,
  .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-form-container .col-md-5,
  .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-form-container .col-md-6,
  .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-form-container .col-md-5 {
    text-align: center; }
  /* line 633, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase1 .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-form-container .col-md-7,
  .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-form-container .col-md-7 {
    padding: 0px;
    margin: 0px 20px; }
    @media (min-width: 48em) {
      /* line 633, sass/page/_earlybird.scss */
      .home-page .home-block-subscribe .subscribe-form-container .col-md-7,
      .page-template-page-home-phase1 .home-block-subscribe .subscribe-form-container .col-md-7,
      .page-template-page-home-phase1-2019 .home-block-subscribe .subscribe-form-container .col-md-7,
      .page-template-page-home-earlybird-php .home-block-subscribe .subscribe-form-container .col-md-7 {
        margin: 0px;
        padding-right: 10px; } }
  /* line 641, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe select,
  .page-template-page-home-phase1 .home-block-subscribe select,
  .page-template-page-home-phase1-2019 .home-block-subscribe select,
  .page-template-page-home-earlybird-php .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 656, sass/page/_earlybird.scss */
    .home-page .home-block-subscribe select:focus,
    .page-template-page-home-phase1 .home-block-subscribe select:focus,
    .page-template-page-home-phase1-2019 .home-block-subscribe select:focus,
    .page-template-page-home-earlybird-php .home-block-subscribe select:focus {
      outline: 0; }
  /* line 660, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe option,
  .page-template-page-home-phase1 .home-block-subscribe option,
  .page-template-page-home-phase1-2019 .home-block-subscribe option,
  .page-template-page-home-earlybird-php .home-block-subscribe option {
    width: auto; }
  /* line 663, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe .hidden_select,
  .page-template-page-home-phase1 .home-block-subscribe .hidden_select,
  .page-template-page-home-phase1-2019 .home-block-subscribe .hidden_select,
  .page-template-page-home-earlybird-php .home-block-subscribe .hidden_select {
    display: none; }
    /* line 665, sass/page/_earlybird.scss */
    .home-page .home-block-subscribe .hidden_select .hidden_option,
    .page-template-page-home-phase1 .home-block-subscribe .hidden_select .hidden_option,
    .page-template-page-home-phase1-2019 .home-block-subscribe .hidden_select .hidden_option,
    .page-template-page-home-earlybird-php .home-block-subscribe .hidden_select .hidden_option {
      width: auto; }
  /* line 670, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form input,
  .page-template-page-home-phase1 .home-block-subscribe form input,
  .page-template-page-home-phase1-2019 .home-block-subscribe form input,
  .page-template-page-home-earlybird-php .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: .6;
    outline: 0; }
    @media (min-width: 48em) {
      /* line 670, sass/page/_earlybird.scss */
      .home-page .home-block-subscribe form input,
      .page-template-page-home-phase1 .home-block-subscribe form input,
      .page-template-page-home-phase1-2019 .home-block-subscribe form input,
      .page-template-page-home-earlybird-php .home-block-subscribe form input {
        padding: 6px 0px 5px;
        padding-left: 10px; } }
    /* line 683, sass/page/_earlybird.scss */
    .home-page .home-block-subscribe form input::placeholder,
    .page-template-page-home-phase1 .home-block-subscribe form input::placeholder,
    .page-template-page-home-phase1-2019 .home-block-subscribe form input::placeholder,
    .page-template-page-home-earlybird-php .home-block-subscribe form input::placeholder {
      color: white; }
    /* line 686, sass/page/_earlybird.scss */
    .home-page .home-block-subscribe form input:-ms-input-placeholder,
    .page-template-page-home-phase1 .home-block-subscribe form input:-ms-input-placeholder,
    .page-template-page-home-phase1-2019 .home-block-subscribe form input:-ms-input-placeholder,
    .page-template-page-home-earlybird-php .home-block-subscribe form input:-ms-input-placeholder {
      color: white; }
    /* line 689, sass/page/_earlybird.scss */
    .home-page .home-block-subscribe form input::-ms-input-placeholder,
    .page-template-page-home-phase1 .home-block-subscribe form input::-ms-input-placeholder,
    .page-template-page-home-phase1-2019 .home-block-subscribe form input::-ms-input-placeholder,
    .page-template-page-home-earlybird-php .home-block-subscribe form input::-ms-input-placeholder {
      color: white; }
  /* line 698, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form button,
  .page-template-page-home-phase1 .home-block-subscribe form button,
  .page-template-page-home-phase1-2019 .home-block-subscribe form button,
  .page-template-page-home-earlybird-php .home-block-subscribe form button {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    margin: 0px;
    padding: 12px 18px 12px;
    border-left: 0px;
    opacity: .6;
    outline: 0;
    /*
    		    &:hover {
    			    background-color: white; 
    			    color: #6AADA9;
    		    }
    */ }
    @media (min-width: 48em) {
      /* line 698, sass/page/_earlybird.scss */
      .home-page .home-block-subscribe form button,
      .page-template-page-home-phase1 .home-block-subscribe form button,
      .page-template-page-home-phase1-2019 .home-block-subscribe form button,
      .page-template-page-home-earlybird-php .home-block-subscribe form button {
        padding: 11px 16px 11px; } }
    /* line 717, sass/page/_earlybird.scss */
    .home-page .home-block-subscribe form button:active,
    .page-template-page-home-phase1 .home-block-subscribe form button:active,
    .page-template-page-home-phase1-2019 .home-block-subscribe form button:active,
    .page-template-page-home-earlybird-php .home-block-subscribe form button:active {
      opacity: .8 !important; }
  /* line 724, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form:focus-within input, .home-page .home-block-subscribe form:focus input, .home-page .home-block-subscribe form:hover input,
  .page-template-page-home-phase1 .home-block-subscribe form:focus-within input,
  .page-template-page-home-phase1 .home-block-subscribe form:focus input,
  .page-template-page-home-phase1 .home-block-subscribe form:hover input,
  .page-template-page-home-phase1-2019 .home-block-subscribe form:focus-within input,
  .page-template-page-home-phase1-2019 .home-block-subscribe form:focus input,
  .page-template-page-home-phase1-2019 .home-block-subscribe form:hover input,
  .page-template-page-home-earlybird-php .home-block-subscribe form:focus-within input,
  .page-template-page-home-earlybird-php .home-block-subscribe form:focus input,
  .page-template-page-home-earlybird-php .home-block-subscribe form:hover input {
    outline: none;
    opacity: 1; }
  /* line 728, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form:focus-within button, .home-page .home-block-subscribe form:focus button, .home-page .home-block-subscribe form:hover button,
  .page-template-page-home-phase1 .home-block-subscribe form:focus-within button,
  .page-template-page-home-phase1 .home-block-subscribe form:focus button,
  .page-template-page-home-phase1 .home-block-subscribe form:hover button,
  .page-template-page-home-phase1-2019 .home-block-subscribe form:focus-within button,
  .page-template-page-home-phase1-2019 .home-block-subscribe form:focus button,
  .page-template-page-home-phase1-2019 .home-block-subscribe form:hover button,
  .page-template-page-home-earlybird-php .home-block-subscribe form:focus-within button,
  .page-template-page-home-earlybird-php .home-block-subscribe form:focus button,
  .page-template-page-home-earlybird-php .home-block-subscribe form:hover button {
    opacity: 1;
    outline: none; }
  /* line 734, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form.typing input,
  .page-template-page-home-phase1 .home-block-subscribe form.typing input,
  .page-template-page-home-phase1-2019 .home-block-subscribe form.typing input,
  .page-template-page-home-earlybird-php .home-block-subscribe form.typing input {
    outline: none;
    opacity: .7; }
  /* line 738, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form.typing button,
  .page-template-page-home-phase1 .home-block-subscribe form.typing button,
  .page-template-page-home-phase1-2019 .home-block-subscribe form.typing button,
  .page-template-page-home-earlybird-php .home-block-subscribe form.typing button {
    opacity: .7;
    outline: none;
    background-color: white;
    color: rgba(240, 90, 54, 0.7); }
  /* line 745, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form.typing:hover input,
  .page-template-page-home-phase1 .home-block-subscribe form.typing:hover input,
  .page-template-page-home-phase1-2019 .home-block-subscribe form.typing:hover input,
  .page-template-page-home-earlybird-php .home-block-subscribe form.typing:hover input {
    opacity: .85; }
  /* line 748, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form.typing:hover button,
  .page-template-page-home-phase1 .home-block-subscribe form.typing:hover button,
  .page-template-page-home-phase1-2019 .home-block-subscribe form.typing:hover button,
  .page-template-page-home-earlybird-php .home-block-subscribe form.typing:hover button {
    opacity: .85; }
  /* line 753, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form.typing:active input,
  .page-template-page-home-phase1 .home-block-subscribe form.typing:active input,
  .page-template-page-home-phase1-2019 .home-block-subscribe form.typing:active input,
  .page-template-page-home-earlybird-php .home-block-subscribe form.typing:active input {
    opacity: 1; }
  /* line 756, sass/page/_earlybird.scss */
  .home-page .home-block-subscribe form.typing:active button,
  .page-template-page-home-phase1 .home-block-subscribe form.typing:active button,
  .page-template-page-home-phase1-2019 .home-block-subscribe form.typing:active button,
  .page-template-page-home-earlybird-php .home-block-subscribe form.typing:active button {
    opacity: 1; }
/* line 765, sass/page/_earlybird.scss */
.home-page.lang-th .home-block-subscribe form #subscribe-input,
.page-template-page-home-phase1.lang-th .home-block-subscribe form #subscribe-input,
.page-template-page-home-phase1-2019.lang-th .home-block-subscribe form #subscribe-input,
.page-template-page-home-earlybird-php.lang-th .home-block-subscribe form #subscribe-input {
  letter-spacing: 2px;
  padding: 10px 10px 10px; }
  @media (min-width: 48em) {
    /* line 765, sass/page/_earlybird.scss */
    .home-page.lang-th .home-block-subscribe form #subscribe-input,
    .page-template-page-home-phase1.lang-th .home-block-subscribe form #subscribe-input,
    .page-template-page-home-phase1-2019.lang-th .home-block-subscribe form #subscribe-input,
    .page-template-page-home-earlybird-php.lang-th .home-block-subscribe form #subscribe-input {
      padding: 3px 10px 2px; } }
@media (min-width: 48em) {
  /* line 773, sass/page/_earlybird.scss */
  .home-page.lang-th .home-block-subscribe .subscribe-form-container,
  .page-template-page-home-phase1.lang-th .home-block-subscribe .subscribe-form-container,
  .page-template-page-home-phase1-2019.lang-th .home-block-subscribe .subscribe-form-container,
  .page-template-page-home-earlybird-php.lang-th .home-block-subscribe .subscribe-form-container {
    width: 680px; } }
/* line 778, sass/page/_earlybird.scss */
.home-page .home-block-follow-us,
.page-template-page-home-phase1 .home-block-follow-us,
.page-template-page-home-phase1-2019 .home-block-follow-us,
.page-template-page-home-earlybird-php .home-block-follow-us {
  text-align: center;
  padding: 60px 0px 80px; }
  @media (min-width: 48em) {
    /* line 778, sass/page/_earlybird.scss */
    .home-page .home-block-follow-us,
    .page-template-page-home-phase1 .home-block-follow-us,
    .page-template-page-home-phase1-2019 .home-block-follow-us,
    .page-template-page-home-earlybird-php .home-block-follow-us {
      padding: 120px 0px 40px; } }
  /* line 784, sass/page/_earlybird.scss */
  .home-page .home-block-follow-us a,
  .page-template-page-home-phase1 .home-block-follow-us a,
  .page-template-page-home-phase1-2019 .home-block-follow-us a,
  .page-template-page-home-earlybird-php .home-block-follow-us a {
    color: #3B7575; }
    /* line 786, sass/page/_earlybird.scss */
    .home-page .home-block-follow-us a:active,
    .page-template-page-home-phase1 .home-block-follow-us a:active,
    .page-template-page-home-phase1-2019 .home-block-follow-us a:active,
    .page-template-page-home-earlybird-php .home-block-follow-us a:active {
      color: #336565; }
      /* line 788, sass/page/_earlybird.scss */
      .home-page .home-block-follow-us a:active i,
      .page-template-page-home-phase1 .home-block-follow-us a:active i,
      .page-template-page-home-phase1-2019 .home-block-follow-us a:active i,
      .page-template-page-home-earlybird-php .home-block-follow-us a:active i {
        opacity: 1; }
  /* line 793, sass/page/_earlybird.scss */
  .home-page .home-block-follow-us li,
  .page-template-page-home-phase1 .home-block-follow-us li,
  .page-template-page-home-phase1-2019 .home-block-follow-us li,
  .page-template-page-home-earlybird-php .home-block-follow-us li {
    display: inline-block;
    padding: 0px 12px; }
    @media (min-width: 48em) {
      /* line 793, sass/page/_earlybird.scss */
      .home-page .home-block-follow-us li,
      .page-template-page-home-phase1 .home-block-follow-us li,
      .page-template-page-home-phase1-2019 .home-block-follow-us li,
      .page-template-page-home-earlybird-php .home-block-follow-us li {
        padding: 0px 18px; } }
  /* line 800, sass/page/_earlybird.scss */
  .home-page .home-block-follow-us .hashtag1,
  .page-template-page-home-phase1 .home-block-follow-us .hashtag1,
  .page-template-page-home-phase1-2019 .home-block-follow-us .hashtag1,
  .page-template-page-home-earlybird-php .home-block-follow-us .hashtag1 {
    text-transform: uppercase;
    line-height: 2;
    letter-spacing: 4.2px;
    color: #171717;
    margin: 34px; }
  /* line 807, sass/page/_earlybird.scss */
  .home-page .home-block-follow-us i,
  .page-template-page-home-phase1 .home-block-follow-us i,
  .page-template-page-home-phase1-2019 .home-block-follow-us i,
  .page-template-page-home-earlybird-php .home-block-follow-us i {
    font-size: 2em; }
    @media (min-width: 48em) {
      /* line 807, sass/page/_earlybird.scss */
      .home-page .home-block-follow-us i,
      .page-template-page-home-phase1 .home-block-follow-us i,
      .page-template-page-home-phase1-2019 .home-block-follow-us i,
      .page-template-page-home-earlybird-php .home-block-follow-us i {
        font-size: 3em; } }
/* line 814, sass/page/_earlybird.scss */
.home-page .home-block-instagram,
.page-template-page-home-phase1 .home-block-instagram,
.page-template-page-home-phase1-2019 .home-block-instagram,
.page-template-page-home-earlybird-php .home-block-instagram {
  margin-bottom: 30px; }
  @media (min-width: 48em) {
    /* line 814, sass/page/_earlybird.scss */
    .home-page .home-block-instagram,
    .page-template-page-home-phase1 .home-block-instagram,
    .page-template-page-home-phase1-2019 .home-block-instagram,
    .page-template-page-home-earlybird-php .home-block-instagram {
      width: 100%; } }
  /* line 820, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .container-fluid,
  .page-template-page-home-phase1 .home-block-instagram .container-fluid,
  .page-template-page-home-phase1-2019 .home-block-instagram .container-fluid,
  .page-template-page-home-earlybird-php .home-block-instagram .container-fluid {
    padding: 0px; }
  /* line 823, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .col-md-12,
  .page-template-page-home-phase1 .home-block-instagram .col-md-12,
  .page-template-page-home-phase1-2019 .home-block-instagram .col-md-12,
  .page-template-page-home-earlybird-php .home-block-instagram .col-md-12 {
    width: 156%; }
    @media (min-width: 48em) {
      /* line 823, sass/page/_earlybird.scss */
      .home-page .home-block-instagram .col-md-12,
      .page-template-page-home-phase1 .home-block-instagram .col-md-12,
      .page-template-page-home-phase1-2019 .home-block-instagram .col-md-12,
      .page-template-page-home-earlybird-php .home-block-instagram .col-md-12 {
        width: 100%; } }
  /* line 829, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .ig-image,
  .page-template-page-home-phase1 .home-block-instagram .ig-image,
  .page-template-page-home-phase1-2019 .home-block-instagram .ig-image,
  .page-template-page-home-earlybird-php .home-block-instagram .ig-image {
    display: none; }
  /* line 832, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .ig-image:nth-child(1),
  .home-page .home-block-instagram .ig-image:nth-child(2),
  .home-page .home-block-instagram .ig-image:nth-child(3),
  .home-page .home-block-instagram .ig-image:nth-child(4),
  .page-template-page-home-phase1 .home-block-instagram .ig-image:nth-child(1),
  .page-template-page-home-phase1 .home-block-instagram .ig-image:nth-child(2),
  .page-template-page-home-phase1 .home-block-instagram .ig-image:nth-child(3),
  .page-template-page-home-phase1 .home-block-instagram .ig-image:nth-child(4),
  .page-template-page-home-phase1-2019 .home-block-instagram .ig-image:nth-child(1),
  .page-template-page-home-phase1-2019 .home-block-instagram .ig-image:nth-child(2),
  .page-template-page-home-phase1-2019 .home-block-instagram .ig-image:nth-child(3),
  .page-template-page-home-phase1-2019 .home-block-instagram .ig-image:nth-child(4),
  .page-template-page-home-earlybird-php .home-block-instagram .ig-image:nth-child(1),
  .page-template-page-home-earlybird-php .home-block-instagram .ig-image:nth-child(2),
  .page-template-page-home-earlybird-php .home-block-instagram .ig-image:nth-child(3),
  .page-template-page-home-earlybird-php .home-block-instagram .ig-image:nth-child(4) {
    display: inline-block; }
  /* line 838, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .vertical-divider,
  .page-template-page-home-phase1 .home-block-instagram .vertical-divider,
  .page-template-page-home-phase1-2019 .home-block-instagram .vertical-divider,
  .page-template-page-home-earlybird-php .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 838, sass/page/_earlybird.scss */
      .home-page .home-block-instagram .vertical-divider,
      .page-template-page-home-phase1 .home-block-instagram .vertical-divider,
      .page-template-page-home-phase1-2019 .home-block-instagram .vertical-divider,
      .page-template-page-home-earlybird-php .home-block-instagram .vertical-divider {
        height: 90px; } }
  @media (min-width: 48em) {
    /* line 814, sass/page/_earlybird.scss */
    .home-page .home-block-instagram,
    .page-template-page-home-phase1 .home-block-instagram,
    .page-template-page-home-phase1-2019 .home-block-instagram,
    .page-template-page-home-earlybird-php .home-block-instagram {
      margin-bottom: 30px; }
      /* line 853, sass/page/_earlybird.scss */
      .home-page .home-block-instagram .ig-image,
      .page-template-page-home-phase1 .home-block-instagram .ig-image,
      .page-template-page-home-phase1-2019 .home-block-instagram .ig-image,
      .page-template-page-home-earlybird-php .home-block-instagram .ig-image {
        display: inline-block; } }
  /* line 857, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .ig-image,
  .page-template-page-home-phase1 .home-block-instagram .ig-image,
  .page-template-page-home-phase1-2019 .home-block-instagram .ig-image,
  .page-template-page-home-earlybird-php .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 857, sass/page/_earlybird.scss */
      .home-page .home-block-instagram .ig-image,
      .page-template-page-home-phase1 .home-block-instagram .ig-image,
      .page-template-page-home-phase1-2019 .home-block-instagram .ig-image,
      .page-template-page-home-earlybird-php .home-block-instagram .ig-image {
        width: 100%; } }
    /* line 867, sass/page/_earlybird.scss */
    .home-page .home-block-instagram .ig-image::before,
    .page-template-page-home-phase1 .home-block-instagram .ig-image::before,
    .page-template-page-home-phase1-2019 .home-block-instagram .ig-image::before,
    .page-template-page-home-earlybird-php .home-block-instagram .ig-image::before {
      content: "";
      display: block;
      padding-top: 100%; }
  /* line 873, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .ig-hover,
  .page-template-page-home-phase1 .home-block-instagram .ig-hover,
  .page-template-page-home-phase1-2019 .home-block-instagram .ig-hover,
  .page-template-page-home-earlybird-php .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 881, sass/page/_earlybird.scss */
    .home-page .home-block-instagram .ig-hover > div,
    .page-template-page-home-phase1 .home-block-instagram .ig-hover > div,
    .page-template-page-home-phase1-2019 .home-block-instagram .ig-hover > div,
    .page-template-page-home-earlybird-php .home-block-instagram .ig-hover > div {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    /* line 887, sass/page/_earlybird.scss */
    .home-page .home-block-instagram .ig-hover i,
    .page-template-page-home-phase1 .home-block-instagram .ig-hover i,
    .page-template-page-home-phase1-2019 .home-block-instagram .ig-hover i,
    .page-template-page-home-earlybird-php .home-block-instagram .ig-hover i {
      color: white; }
    /* line 890, sass/page/_earlybird.scss */
    .home-page .home-block-instagram .ig-hover span,
    .page-template-page-home-phase1 .home-block-instagram .ig-hover span,
    .page-template-page-home-phase1-2019 .home-block-instagram .ig-hover span,
    .page-template-page-home-earlybird-php .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 899, sass/page/_earlybird.scss */
    .home-page .home-block-instagram .ig-hover .ig-likes,
    .page-template-page-home-phase1 .home-block-instagram .ig-hover .ig-likes,
    .page-template-page-home-phase1-2019 .home-block-instagram .ig-hover .ig-likes,
    .page-template-page-home-earlybird-php .home-block-instagram .ig-hover .ig-likes {
      display: inline-block; }
    /* line 902, sass/page/_earlybird.scss */
    .home-page .home-block-instagram .ig-hover .ig-comments,
    .page-template-page-home-phase1 .home-block-instagram .ig-hover .ig-comments,
    .page-template-page-home-phase1-2019 .home-block-instagram .ig-hover .ig-comments,
    .page-template-page-home-earlybird-php .home-block-instagram .ig-hover .ig-comments {
      display: inline-block; }
      /* line 904, sass/page/_earlybird.scss */
      .home-page .home-block-instagram .ig-hover .ig-comments span,
      .page-template-page-home-phase1 .home-block-instagram .ig-hover .ig-comments span,
      .page-template-page-home-phase1-2019 .home-block-instagram .ig-hover .ig-comments span,
      .page-template-page-home-earlybird-php .home-block-instagram .ig-hover .ig-comments span {
        margin-right: 0px; }
  /* line 909, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .ig-single-container,
  .page-template-page-home-phase1 .home-block-instagram .ig-single-container,
  .page-template-page-home-phase1-2019 .home-block-instagram .ig-single-container,
  .page-template-page-home-earlybird-php .home-block-instagram .ig-single-container {
    position: relative; }
    /* line 911, sass/page/_earlybird.scss */
    .home-page .home-block-instagram .ig-single-container:hover .ig-hover,
    .page-template-page-home-phase1 .home-block-instagram .ig-single-container:hover .ig-hover,
    .page-template-page-home-phase1-2019 .home-block-instagram .ig-single-container:hover .ig-hover,
    .page-template-page-home-earlybird-php .home-block-instagram .ig-single-container:hover .ig-hover {
      display: block; }
    /* line 914, sass/page/_earlybird.scss */
    .home-page .home-block-instagram .ig-single-container:active .ig-hover,
    .page-template-page-home-phase1 .home-block-instagram .ig-single-container:active .ig-hover,
    .page-template-page-home-phase1-2019 .home-block-instagram .ig-single-container:active .ig-hover,
    .page-template-page-home-earlybird-php .home-block-instagram .ig-single-container:active .ig-hover {
      display: block;
      background-color: rgba(23, 23, 23, 0.2); }
  /* line 920, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .header1,
  .page-template-page-home-phase1 .home-block-instagram .header1,
  .page-template-page-home-phase1-2019 .home-block-instagram .header1,
  .page-template-page-home-earlybird-php .home-block-instagram .header1 {
    color: #171717;
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 90px; }
    @media (min-width: 48em) {
      /* line 920, sass/page/_earlybird.scss */
      .home-page .home-block-instagram .header1,
      .page-template-page-home-phase1 .home-block-instagram .header1,
      .page-template-page-home-phase1-2019 .home-block-instagram .header1,
      .page-template-page-home-earlybird-php .home-block-instagram .header1 {
        padding-bottom: 0px;
        margin-bottom: 118px; } }
  /* line 930, sass/page/_earlybird.scss */
  .home-page .home-block-instagram .attach-element:before,
  .page-template-page-home-phase1 .home-block-instagram .attach-element:before,
  .page-template-page-home-phase1-2019 .home-block-instagram .attach-element:before,
  .page-template-page-home-earlybird-php .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 930, sass/page/_earlybird.scss */
      .home-page .home-block-instagram .attach-element:before,
      .page-template-page-home-phase1 .home-block-instagram .attach-element:before,
      .page-template-page-home-phase1-2019 .home-block-instagram .attach-element:before,
      .page-template-page-home-earlybird-php .home-block-instagram .attach-element:before {
        left: -200px;
        bottom: -70px;
        transform: scale(0.5); } }
/* line 944, sass/page/_earlybird.scss */
.home-page .home-block-highlight-links,
.page-template-page-home-phase1 .home-block-highlight-links,
.page-template-page-home-phase1-2019 .home-block-highlight-links,
.page-template-page-home-earlybird-php .home-block-highlight-links {
  padding-top: 0px; }
  @media (min-width: 48em) {
    /* line 944, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links,
    .page-template-page-home-phase1 .home-block-highlight-links,
    .page-template-page-home-phase1-2019 .home-block-highlight-links,
    .page-template-page-home-earlybird-php .home-block-highlight-links {
      padding-top: 120px; } }
  /* line 950, sass/page/_earlybird.scss */
  .home-page .home-block-highlight-links .container,
  .page-template-page-home-phase1 .home-block-highlight-links .container,
  .page-template-page-home-phase1-2019 .home-block-highlight-links .container,
  .page-template-page-home-earlybird-php .home-block-highlight-links .container {
    width: 100%; }
    @media (min-width: 62em) {
      /* line 950, sass/page/_earlybird.scss */
      .home-page .home-block-highlight-links .container,
      .page-template-page-home-phase1 .home-block-highlight-links .container,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .container,
      .page-template-page-home-earlybird-php .home-block-highlight-links .container {
        width: 910px; } }
  /* line 957, sass/page/_earlybird.scss */
  .home-page .home-block-highlight-links .col-md-6,
  .page-template-page-home-phase1 .home-block-highlight-links .col-md-6,
  .page-template-page-home-phase1-2019 .home-block-highlight-links .col-md-6,
  .page-template-page-home-earlybird-php .home-block-highlight-links .col-md-6 {
    padding: 5px;
    margin: 100px 0 0; }
    @media (min-width: 48em) {
      /* line 957, sass/page/_earlybird.scss */
      .home-page .home-block-highlight-links .col-md-6,
      .page-template-page-home-phase1 .home-block-highlight-links .col-md-6,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .col-md-6,
      .page-template-page-home-earlybird-php .home-block-highlight-links .col-md-6 {
        padding: 30px; }
        /* line 962, sass/page/_earlybird.scss */
        .home-page .home-block-highlight-links .col-md-6:nth-child(2),
        .page-template-page-home-phase1 .home-block-highlight-links .col-md-6:nth-child(2),
        .page-template-page-home-phase1-2019 .home-block-highlight-links .col-md-6:nth-child(2),
        .page-template-page-home-earlybird-php .home-block-highlight-links .col-md-6:nth-child(2) {
          margin: 220px 0 0; } }
    /* line 967, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .col-md-6 > div,
    .page-template-page-home-phase1 .home-block-highlight-links .col-md-6 > div,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .col-md-6 > div,
    .page-template-page-home-earlybird-php .home-block-highlight-links .col-md-6 > div {
      background-color: white; }
  /* line 971, sass/page/_earlybird.scss */
  .home-page .home-block-highlight-links .box-photo,
  .page-template-page-home-phase1 .home-block-highlight-links .box-photo,
  .page-template-page-home-phase1-2019 .home-block-highlight-links .box-photo,
  .page-template-page-home-earlybird-php .home-block-highlight-links .box-photo {
    width: 100%;
    margin-top: -40px; }
    @media (min-width: 48em) {
      /* line 971, sass/page/_earlybird.scss */
      .home-page .home-block-highlight-links .box-photo,
      .page-template-page-home-phase1 .home-block-highlight-links .box-photo,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .box-photo,
      .page-template-page-home-earlybird-php .home-block-highlight-links .box-photo {
        width: 100%;
        left: 0px;
        margin-top: -70px; } }
  /* line 983, sass/page/_earlybird.scss */
  .home-page .home-block-highlight-links .right-container, .home-page .home-block-highlight-links .left-container,
  .page-template-page-home-phase1 .home-block-highlight-links .right-container,
  .page-template-page-home-phase1 .home-block-highlight-links .left-container,
  .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container,
  .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container,
  .page-template-page-home-earlybird-php .home-block-highlight-links .right-container,
  .page-template-page-home-earlybird-php .home-block-highlight-links .left-container {
    padding: 0px 25px; }
    @media (min-width: 48em) {
      /* line 983, sass/page/_earlybird.scss */
      .home-page .home-block-highlight-links .right-container, .home-page .home-block-highlight-links .left-container,
      .page-template-page-home-phase1 .home-block-highlight-links .right-container,
      .page-template-page-home-phase1 .home-block-highlight-links .left-container,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container,
      .page-template-page-home-earlybird-php .home-block-highlight-links .right-container,
      .page-template-page-home-earlybird-php .home-block-highlight-links .left-container {
        padding: 0px 35px; } }
    /* line 988, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .right-container .container-body, .home-page .home-block-highlight-links .left-container .container-body,
    .page-template-page-home-phase1 .home-block-highlight-links .right-container .container-body,
    .page-template-page-home-phase1 .home-block-highlight-links .left-container .container-body,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .container-body,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .container-body,
    .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .container-body,
    .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .container-body {
      border: 1px solid transparent; }
      @media (min-width: 48em) {
        /* line 988, sass/page/_earlybird.scss */
        .home-page .home-block-highlight-links .right-container .container-body, .home-page .home-block-highlight-links .left-container .container-body,
        .page-template-page-home-phase1 .home-block-highlight-links .right-container .container-body,
        .page-template-page-home-phase1 .home-block-highlight-links .left-container .container-body,
        .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .container-body,
        .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .container-body,
        .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .container-body,
        .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .container-body {
          min-height: 443px; } }
    /* line 994, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .right-container .header4, .home-page .home-block-highlight-links .left-container .header4,
    .page-template-page-home-phase1 .home-block-highlight-links .right-container .header4,
    .page-template-page-home-phase1 .home-block-highlight-links .left-container .header4,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .header4,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .header4,
    .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .header4,
    .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .header4 {
      color: #ffffff;
      margin: 12px 0px;
      text-align: left; }
      @media (min-width: 48em) {
        /* line 994, sass/page/_earlybird.scss */
        .home-page .home-block-highlight-links .right-container .header4, .home-page .home-block-highlight-links .left-container .header4,
        .page-template-page-home-phase1 .home-block-highlight-links .right-container .header4,
        .page-template-page-home-phase1 .home-block-highlight-links .left-container .header4,
        .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .header4,
        .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .header4,
        .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .header4,
        .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .header4 {
          text-align: left;
          line-height: 1.13;
          letter-spacing: 1.2px;
          margin: 15px 0px 10px; } }
    /* line 1005, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .right-container .body2, .home-page .home-block-highlight-links .left-container .body2,
    .page-template-page-home-phase1 .home-block-highlight-links .right-container .body2,
    .page-template-page-home-phase1 .home-block-highlight-links .left-container .body2,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .body2,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .body2,
    .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .body2,
    .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .body2 {
      color: #ffffff;
      line-height: 1.5;
      letter-spacing: 0.7px; }
    /* line 1010, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .right-container .menu1, .home-page .home-block-highlight-links .left-container .menu1,
    .page-template-page-home-phase1 .home-block-highlight-links .right-container .menu1,
    .page-template-page-home-phase1 .home-block-highlight-links .left-container .menu1,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .menu1,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .menu1,
    .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .menu1,
    .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .menu1 {
      color: #ffffff;
      padding: 30px 0;
      display: block;
      text-align: left;
      line-height: 1.21;
      letter-spacing: 2.8px;
      /*
      			&: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;		
      			}
      */
      text-transform: uppercase; }
      /* line 1030, sass/page/_earlybird.scss */
      .home-page .home-block-highlight-links .right-container .menu1 span, .home-page .home-block-highlight-links .left-container .menu1 span,
      .page-template-page-home-phase1 .home-block-highlight-links .right-container .menu1 span,
      .page-template-page-home-phase1 .home-block-highlight-links .left-container .menu1 span,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .menu1 span,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .menu1 span,
      .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .menu1 span,
      .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .menu1 span {
        padding: 5px;
        padding-bottom: 1px;
        padding-top: 1px;
        border-bottom: 1px solid white; }
      /* line 1037, sass/page/_earlybird.scss */
      .home-page .home-block-highlight-links .right-container .menu1:hover span, .home-page .home-block-highlight-links .left-container .menu1:hover span,
      .page-template-page-home-phase1 .home-block-highlight-links .right-container .menu1:hover span,
      .page-template-page-home-phase1 .home-block-highlight-links .left-container .menu1:hover span,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .menu1:hover span,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .menu1:hover span,
      .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .menu1:hover span,
      .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .menu1:hover span {
        color: #000000;
        background-color: #FFFFFF; }
      /* line 1041, sass/page/_earlybird.scss */
      .home-page .home-block-highlight-links .right-container .menu1:active span, .home-page .home-block-highlight-links .left-container .menu1:active span,
      .page-template-page-home-phase1 .home-block-highlight-links .right-container .menu1:active span,
      .page-template-page-home-phase1 .home-block-highlight-links .left-container .menu1:active span,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .menu1:active span,
      .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .menu1:active span,
      .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .menu1:active span,
      .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .menu1:active span {
        color: #000000;
        background-color: #FFFFFF;
        opacity: .8; }
  /* line 1049, sass/page/_earlybird.scss */
  .home-page .home-block-highlight-links .right-container,
  .page-template-page-home-phase1 .home-block-highlight-links .right-container,
  .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container,
  .page-template-page-home-earlybird-php .home-block-highlight-links .right-container {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/home_highlights_links-bg1.jpg);
    background-size: cover; }
    /* line 1053, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .right-container .headline-small2,
    .page-template-page-home-phase1 .home-block-highlight-links .right-container .headline-small2,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .headline-small2,
    .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .headline-small2 {
      line-height: 1.2;
      margin: 0px 0px 20px; }
    /* line 1059, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .right-container .menu1:hover span,
    .page-template-page-home-phase1 .home-block-highlight-links .right-container .menu1:hover span,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .menu1:hover span,
    .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .menu1:hover span {
      color: #F05A36; }
    /* line 1062, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .right-container .menu1:active span,
    .page-template-page-home-phase1 .home-block-highlight-links .right-container .menu1:active span,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .right-container .menu1:active span,
    .page-template-page-home-earlybird-php .home-block-highlight-links .right-container .menu1:active span {
      color: #F05A36; }
  /* line 1067, sass/page/_earlybird.scss */
  .home-page .home-block-highlight-links .left-container,
  .page-template-page-home-phase1 .home-block-highlight-links .left-container,
  .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container,
  .page-template-page-home-earlybird-php .home-block-highlight-links .left-container {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/home_highlights_links-bg2.jpg);
    background-size: cover;
    /*
    		.body2 {
    			line-height: 1.2;
    		    overflow: hidden;
    		    text-overflow: ellipsis;
    		    height: 34px;
    		    line-height: 1.2;
    		    -webkit-line-clamp: 2;
    			-webkit-box-orient: vertical;
    			@include breakpoint(md) {			
    				display: block; 
    				display: -webkit-box;
    
    			}			
    		}
    		*/ }
    /* line 1071, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .left-container .headline-small2,
    .page-template-page-home-phase1 .home-block-highlight-links .left-container .headline-small2,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .headline-small2,
    .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .headline-small2 {
      line-height: 1.2;
      margin-bottom: 7px; }
    /* line 1076, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .left-container .menu1:hover span,
    .page-template-page-home-phase1 .home-block-highlight-links .left-container .menu1:hover span,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .menu1:hover span,
    .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .menu1:hover span {
      color: #3B7575; }
    /* line 1079, sass/page/_earlybird.scss */
    .home-page .home-block-highlight-links .left-container .menu1:active span,
    .page-template-page-home-phase1 .home-block-highlight-links .left-container .menu1:active span,
    .page-template-page-home-phase1-2019 .home-block-highlight-links .left-container .menu1:active span,
    .page-template-page-home-earlybird-php .home-block-highlight-links .left-container .menu1:active span {
      color: #3B7575; }
/* line 1103, sass/page/_earlybird.scss */
.home-page .home-block-wonderpost,
.page-template-page-home-phase1 .home-block-wonderpost,
.page-template-page-home-phase1-2019 .home-block-wonderpost,
.page-template-page-home-earlybird-php .home-block-wonderpost {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/homepage_wonderpost_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 25%, 50%; }
  @media (max-width: 48em) {
    /* line 1111, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost > .container,
    .page-template-page-home-phase1 .home-block-wonderpost > .container,
    .page-template-page-home-phase1-2019 .home-block-wonderpost > .container,
    .page-template-page-home-earlybird-php .home-block-wonderpost > .container {
      width: 100%; } }
  @media (min-width: 48em) {
    /* line 1103, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost,
    .page-template-page-home-phase1 .home-block-wonderpost,
    .page-template-page-home-phase1-2019 .home-block-wonderpost,
    .page-template-page-home-earlybird-php .home-block-wonderpost {
      padding-bottom: 40px;
      background-size: contain;
      background-position: 0px, 0px; } }
  /* line 1123, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost article,
  .page-template-page-home-phase1 .home-block-wonderpost article,
  .page-template-page-home-phase1-2019 .home-block-wonderpost article,
  .page-template-page-home-earlybird-php .home-block-wonderpost article {
    width: 25%;
    padding: 13px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 1123, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost article,
      .page-template-page-home-phase1 .home-block-wonderpost article,
      .page-template-page-home-phase1-2019 .home-block-wonderpost article,
      .page-template-page-home-earlybird-php .home-block-wonderpost article {
        max-height: 550px; }
        /* line 1130, sass/page/_earlybird.scss */
        .home-page .home-block-wonderpost article:nth-child(1n),
        .page-template-page-home-phase1 .home-block-wonderpost article:nth-child(1n),
        .page-template-page-home-phase1-2019 .home-block-wonderpost article:nth-child(1n),
        .page-template-page-home-earlybird-php .home-block-wonderpost article:nth-child(1n) {
          margin-top: 0px; }
        /* line 1133, sass/page/_earlybird.scss */
        .home-page .home-block-wonderpost article:nth-child(2n),
        .page-template-page-home-phase1 .home-block-wonderpost article:nth-child(2n),
        .page-template-page-home-phase1-2019 .home-block-wonderpost article:nth-child(2n),
        .page-template-page-home-earlybird-php .home-block-wonderpost article:nth-child(2n) {
          margin-top: 80px; }
        /* line 1136, sass/page/_earlybird.scss */
        .home-page .home-block-wonderpost article:nth-child(3n),
        .page-template-page-home-phase1 .home-block-wonderpost article:nth-child(3n),
        .page-template-page-home-phase1-2019 .home-block-wonderpost article:nth-child(3n),
        .page-template-page-home-earlybird-php .home-block-wonderpost article:nth-child(3n) {
          margin-top: 40px; } }
  /* line 1141, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .article-image,
  .page-template-page-home-phase1 .home-block-wonderpost .article-image,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .article-image,
  .page-template-page-home-earlybird-php .home-block-wonderpost .article-image {
    width: 90%;
    background-size: cover;
    background-position: center;
    vertical-align: top;
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
    /* line 1154, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost .article-image::before,
    .page-template-page-home-phase1 .home-block-wonderpost .article-image::before,
    .page-template-page-home-phase1-2019 .home-block-wonderpost .article-image::before,
    .page-template-page-home-earlybird-php .home-block-wonderpost .article-image::before {
      content: "";
      display: block;
      padding-top: 66%;
      background-color: #171717;
      opacity: 0; }
      @media (min-width: 48em) {
        /* line 1154, sass/page/_earlybird.scss */
        .home-page .home-block-wonderpost .article-image::before,
        .page-template-page-home-phase1 .home-block-wonderpost .article-image::before,
        .page-template-page-home-phase1-2019 .home-block-wonderpost .article-image::before,
        .page-template-page-home-earlybird-php .home-block-wonderpost .article-image::before {
          background-color: transparent;
          padding-top: 69%; } }
  /* line 1166, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .article-text,
  .page-template-page-home-phase1 .home-block-wonderpost .article-text,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .article-text,
  .page-template-page-home-earlybird-php .home-block-wonderpost .article-text {
    width: 85%;
    display: inline-block;
    background-color: white;
    margin-top: 150px;
    padding: 22px 18px;
    text-align: left;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
    /* line 1174, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost .article-text .post-excerpt,
    .page-template-page-home-phase1 .home-block-wonderpost .article-text .post-excerpt,
    .page-template-page-home-phase1-2019 .home-block-wonderpost .article-text .post-excerpt,
    .page-template-page-home-earlybird-php .home-block-wonderpost .article-text .post-excerpt {
      overflow: hidden;
      text-overflow: ellipsis;
      height: 84px;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      color: #000000;
      line-height: 1.43;
      letter-spacing: 0.7px; }
      @media (min-width: 48em) {
        /* line 1174, sass/page/_earlybird.scss */
        .home-page .home-block-wonderpost .article-text .post-excerpt,
        .page-template-page-home-phase1 .home-block-wonderpost .article-text .post-excerpt,
        .page-template-page-home-phase1-2019 .home-block-wonderpost .article-text .post-excerpt,
        .page-template-page-home-earlybird-php .home-block-wonderpost .article-text .post-excerpt {
          display: block;
          display: -webkit-box; } }
    /* line 1189, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost .article-text:hover,
    .page-template-page-home-phase1 .home-block-wonderpost .article-text:hover,
    .page-template-page-home-phase1-2019 .home-block-wonderpost .article-text:hover,
    .page-template-page-home-earlybird-php .home-block-wonderpost .article-text:hover {
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.36); }
    /* line 1193, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost .article-text:active,
    .page-template-page-home-phase1 .home-block-wonderpost .article-text:active,
    .page-template-page-home-phase1-2019 .home-block-wonderpost .article-text:active,
    .page-template-page-home-earlybird-php .home-block-wonderpost .article-text:active {
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.36); }
      /* line 1196, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .article-text:active .blog-title-container .headline-small3,
      .page-template-page-home-phase1 .home-block-wonderpost .article-text:active .blog-title-container .headline-small3,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .article-text:active .blog-title-container .headline-small3,
      .page-template-page-home-earlybird-php .home-block-wonderpost .article-text:active .blog-title-container .headline-small3 {
        color: #444444; }
      /* line 1199, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .article-text:active .blog-title-container .link-arrow,
      .page-template-page-home-phase1 .home-block-wonderpost .article-text:active .blog-title-container .link-arrow,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .article-text:active .blog-title-container .link-arrow,
      .page-template-page-home-earlybird-php .home-block-wonderpost .article-text:active .blog-title-container .link-arrow {
        color: #444444; }
  /* line 1206, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .wonderpost-container,
  .page-template-page-home-phase1 .home-block-wonderpost .wonderpost-container,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .wonderpost-container,
  .page-template-page-home-earlybird-php .home-block-wonderpost .wonderpost-container {
    width: 200%; }
    @media (min-width: 48em) {
      /* line 1206, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .wonderpost-container,
      .page-template-page-home-phase1 .home-block-wonderpost .wonderpost-container,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .wonderpost-container,
      .page-template-page-home-earlybird-php .home-block-wonderpost .wonderpost-container {
        width: 140%; } }
  /* line 1212, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost article,
  .page-template-page-home-phase1 .home-block-wonderpost article,
  .page-template-page-home-phase1-2019 .home-block-wonderpost article,
  .page-template-page-home-earlybird-php .home-block-wonderpost article {
    position: relative;
    /*
    		i:hover {
    			font-weight: 600;
    		}
    */ }
    /* line 1215, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost article:hover .article-image:after,
    .page-template-page-home-phase1 .home-block-wonderpost article:hover .article-image:after,
    .page-template-page-home-phase1-2019 .home-block-wonderpost article:hover .article-image:after,
    .page-template-page-home-earlybird-php .home-block-wonderpost 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 1227, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost article:active .article-image:after,
    .page-template-page-home-phase1 .home-block-wonderpost article:active .article-image:after,
    .page-template-page-home-phase1-2019 .home-block-wonderpost article:active .article-image:after,
    .page-template-page-home-earlybird-php .home-block-wonderpost article:active .article-image:after {
      opacity: .7; }
    /* line 1230, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost article:active i,
    .page-template-page-home-phase1 .home-block-wonderpost article:active i,
    .page-template-page-home-phase1-2019 .home-block-wonderpost article:active i,
    .page-template-page-home-earlybird-php .home-block-wonderpost article:active i {
      opacity: .7; }
    @media (min-width: 48em) {
      /* line 1235, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost article.hover-red:hover .article-image:after,
      .page-template-page-home-phase1 .home-block-wonderpost article.hover-red:hover .article-image:after,
      .page-template-page-home-phase1-2019 .home-block-wonderpost article.hover-red:hover .article-image:after,
      .page-template-page-home-earlybird-php .home-block-wonderpost article.hover-red:hover .article-image:after {
        background-color: rgba(255, 100, 100, 0.7); } }
    @media (min-width: 48em) {
      /* line 1240, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost article.hover-green:hover .article-image:after,
      .page-template-page-home-phase1 .home-block-wonderpost article.hover-green:hover .article-image:after,
      .page-template-page-home-phase1-2019 .home-block-wonderpost article.hover-green:hover .article-image:after,
      .page-template-page-home-earlybird-php .home-block-wonderpost article.hover-green:hover .article-image:after {
        background-color: rgba(120, 200, 195, 0.7); } }
    @media (min-width: 48em) {
      /* line 1245, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost article.hover-blue:hover .article-image:after,
      .page-template-page-home-phase1 .home-block-wonderpost article.hover-blue:hover .article-image:after,
      .page-template-page-home-phase1-2019 .home-block-wonderpost article.hover-blue:hover .article-image:after,
      .page-template-page-home-earlybird-php .home-block-wonderpost article.hover-blue:hover .article-image:after {
        background-color: rgba(60, 95, 160, 0.7); } }
    @media (min-width: 48em) {
      /* line 1250, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost article.hover-brown:hover .article-image:after,
      .page-template-page-home-phase1 .home-block-wonderpost article.hover-brown:hover .article-image:after,
      .page-template-page-home-phase1-2019 .home-block-wonderpost article.hover-brown:hover .article-image:after,
      .page-template-page-home-earlybird-php .home-block-wonderpost article.hover-brown:hover .article-image:after {
        background-color: rgba(180, 130, 100, 0.7); } }
    /* line 1256, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost article.hover-red:active .article-image:before,
    .page-template-page-home-phase1 .home-block-wonderpost article.hover-red:active .article-image:before,
    .page-template-page-home-phase1-2019 .home-block-wonderpost article.hover-red:active .article-image:before,
    .page-template-page-home-earlybird-php .home-block-wonderpost article.hover-red:active .article-image:before {
      background-color: rgba(255, 100, 100, 0.7);
      opacity: 1; }
    /* line 1263, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost article.hover-green:active .article-image:before,
    .page-template-page-home-phase1 .home-block-wonderpost article.hover-green:active .article-image:before,
    .page-template-page-home-phase1-2019 .home-block-wonderpost article.hover-green:active .article-image:before,
    .page-template-page-home-earlybird-php .home-block-wonderpost article.hover-green:active .article-image:before {
      background-color: rgba(120, 200, 195, 0.7);
      opacity: 1; }
    /* line 1270, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost article.hover-blue:active .article-image:before,
    .page-template-page-home-phase1 .home-block-wonderpost article.hover-blue:active .article-image:before,
    .page-template-page-home-phase1-2019 .home-block-wonderpost article.hover-blue:active .article-image:before,
    .page-template-page-home-earlybird-php .home-block-wonderpost article.hover-blue:active .article-image:before {
      opacity: 1;
      background-color: rgba(60, 95, 160, 0.7); }
    /* line 1277, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost article.hover-brown:active .article-image:before,
    .page-template-page-home-phase1 .home-block-wonderpost article.hover-brown:active .article-image:before,
    .page-template-page-home-phase1-2019 .home-block-wonderpost article.hover-brown:active .article-image:before,
    .page-template-page-home-earlybird-php .home-block-wonderpost article.hover-brown:active .article-image:before {
      opacity: 1;
      background-color: rgba(180, 130, 100, 0.7); }
    /* line 1290, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost article .blog-title-container,
    .page-template-page-home-phase1 .home-block-wonderpost article .blog-title-container,
    .page-template-page-home-phase1-2019 .home-block-wonderpost article .blog-title-container,
    .page-template-page-home-earlybird-php .home-block-wonderpost article .blog-title-container {
      position: relative; }
      /* line 1292, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost article .blog-title-container .headline-small3,
      .page-template-page-home-phase1 .home-block-wonderpost article .blog-title-container .headline-small3,
      .page-template-page-home-phase1-2019 .home-block-wonderpost article .blog-title-container .headline-small3,
      .page-template-page-home-earlybird-php .home-block-wonderpost article .blog-title-container .headline-small3 {
        width: 90%;
        padding: 0px;
        letter-spacing: normal; }
      /* line 1298, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost article .blog-title-container .link-arrow,
      .page-template-page-home-phase1 .home-block-wonderpost article .blog-title-container .link-arrow,
      .page-template-page-home-phase1-2019 .home-block-wonderpost article .blog-title-container .link-arrow,
      .page-template-page-home-earlybird-php .home-block-wonderpost article .blog-title-container .link-arrow {
        position: absolute;
        top: 0px;
        right: 0px; }
  /* line 1307, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .header1,
  .page-template-page-home-phase1 .home-block-wonderpost .header1,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .header1,
  .page-template-page-home-earlybird-php .home-block-wonderpost .header1 {
    color: #000000;
    margin: 10px 0px;
    text-align: left;
    padding: 0px 30px;
    width: 70%;
    letter-spacing: 0.04em; }
    @media (min-width: 48em) {
      /* line 1307, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .header1,
      .page-template-page-home-phase1 .home-block-wonderpost .header1,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .header1,
      .page-template-page-home-earlybird-php .home-block-wonderpost .header1 {
        text-align: left;
        margin: 0px 0px 20px;
        padding: 0px;
        width: 100%; } }
  /* line 1324, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .menu1,
  .page-template-page-home-phase1 .home-block-wonderpost .menu1,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .menu1,
  .page-template-page-home-earlybird-php .home-block-wonderpost .menu1 {
    letter-spacing: .3em;
    padding: 0px 30px; }
    @media (min-width: 48em) {
      /* line 1324, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .menu1,
      .page-template-page-home-phase1 .home-block-wonderpost .menu1,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .menu1,
      .page-template-page-home-earlybird-php .home-block-wonderpost .menu1 {
        padding: 0px;
        margin-bottom: 10px; } }
  /* line 1333, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .headline-small3,
  .page-template-page-home-phase1 .home-block-wonderpost .headline-small3,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .headline-small3,
  .page-template-page-home-earlybird-php .home-block-wonderpost .headline-small3 {
    color: #171717;
    line-height: 1.22;
    letter-spacing: 2.5px; }
  /* line 1339, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .headline-small3,
  .page-template-page-home-phase1 .home-block-wonderpost .headline-small3,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .headline-small3,
  .page-template-page-home-earlybird-php .home-block-wonderpost .headline-small3 {
    margin: 5px 0px 10px;
    text-align: left;
    padding: 0px 30px; }
    @media (min-width: 48em) {
      /* line 1339, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .headline-small3,
      .page-template-page-home-phase1 .home-block-wonderpost .headline-small3,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .headline-small3,
      .page-template-page-home-earlybird-php .home-block-wonderpost .headline-small3 {
        margin: 5px 0px;
        text-align: left;
        padding: 0px; } }
  /* line 1350, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .body4,
  .page-template-page-home-phase1 .home-block-wonderpost .body4,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .body4,
  .page-template-page-home-earlybird-php .home-block-wonderpost .body4 {
    line-height: 2.33;
    letter-spacing: 3.6px;
    color: #b0b0b0;
    text-transform: uppercase; }
  /* line 1356, sass/page/_earlybird.scss */
  .home-page .home-block-wonderpost .slideshow-nav,
  .page-template-page-home-phase1 .home-block-wonderpost .slideshow-nav,
  .page-template-page-home-phase1-2019 .home-block-wonderpost .slideshow-nav,
  .page-template-page-home-earlybird-php .home-block-wonderpost .slideshow-nav {
    margin: 30px 0px;
    text-align: right;
    padding-right: 15px; }
    /* line 1358, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost .slideshow-nav a,
    .page-template-page-home-phase1 .home-block-wonderpost .slideshow-nav a,
    .page-template-page-home-phase1-2019 .home-block-wonderpost .slideshow-nav a,
    .page-template-page-home-earlybird-php .home-block-wonderpost .slideshow-nav a {
      color: #000000; }
      /* line 1360, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .slideshow-nav a:hover i,
      .page-template-page-home-phase1 .home-block-wonderpost .slideshow-nav a:hover i,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .slideshow-nav a:hover i,
      .page-template-page-home-earlybird-php .home-block-wonderpost .slideshow-nav a:hover i {
        color: #000000;
        opacity: .7; }
      /* line 1365, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .slideshow-nav a:active i,
      .page-template-page-home-phase1 .home-block-wonderpost .slideshow-nav a:active i,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .slideshow-nav a:active i,
      .page-template-page-home-earlybird-php .home-block-wonderpost .slideshow-nav a:active i {
        color: #000000;
        opacity: .7; }
    /* line 1371, sass/page/_earlybird.scss */
    .home-page .home-block-wonderpost .slideshow-nav .slick-arrow,
    .page-template-page-home-phase1 .home-block-wonderpost .slideshow-nav .slick-arrow,
    .page-template-page-home-phase1-2019 .home-block-wonderpost .slideshow-nav .slick-arrow,
    .page-template-page-home-earlybird-php .home-block-wonderpost .slideshow-nav .slick-arrow {
      padding: 20px 0px; }
      /* line 1373, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .slideshow-nav .slick-arrow.slideshow-nav-l,
      .page-template-page-home-phase1 .home-block-wonderpost .slideshow-nav .slick-arrow.slideshow-nav-l,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .slideshow-nav .slick-arrow.slideshow-nav-l,
      .page-template-page-home-earlybird-php .home-block-wonderpost .slideshow-nav .slick-arrow.slideshow-nav-l {
        margin-right: 5px; }
    @media (min-width: 48em) {
      /* line 1356, sass/page/_earlybird.scss */
      .home-page .home-block-wonderpost .slideshow-nav,
      .page-template-page-home-phase1 .home-block-wonderpost .slideshow-nav,
      .page-template-page-home-phase1-2019 .home-block-wonderpost .slideshow-nav,
      .page-template-page-home-earlybird-php .home-block-wonderpost .slideshow-nav {
        text-align: left;
        padding-right: 0px; } }
/* line 1387, sass/page/_earlybird.scss */
.home-page.lang-th .home-block-wonderpost .article-text .body4,
.page-template-page-home-phase1.lang-th .home-block-wonderpost .article-text .body4,
.page-template-page-home-phase1-2019.lang-th .home-block-wonderpost .article-text .body4,
.page-template-page-home-earlybird-php.lang-th .home-block-wonderpost .article-text .body4 {
  letter-spacing: 2px; }
/* line 1390, sass/page/_earlybird.scss */
.home-page.lang-th .home-block-wonderpost .article-text .post-excerpt,
.page-template-page-home-phase1.lang-th .home-block-wonderpost .article-text .post-excerpt,
.page-template-page-home-phase1-2019.lang-th .home-block-wonderpost .article-text .post-excerpt,
.page-template-page-home-earlybird-php.lang-th .home-block-wonderpost .article-text .post-excerpt {
  height: 79px;
  line-height: 1.2; }
@media (min-width: 48em) {
  /* line 1394, sass/page/_earlybird.scss */
  .home-page.lang-th .home-block-wonderpost .article-text .blog-title-container .headline-small3,
  .page-template-page-home-phase1.lang-th .home-block-wonderpost .article-text .blog-title-container .headline-small3,
  .page-template-page-home-phase1-2019.lang-th .home-block-wonderpost .article-text .blog-title-container .headline-small3,
  .page-template-page-home-earlybird-php.lang-th .home-block-wonderpost .article-text .blog-title-container .headline-small3 {
    margin: 5px 0px 11px; } }
/* line 1401, sass/page/_earlybird.scss */
.home-page .home-block-partners,
.page-template-page-home-phase1 .home-block-partners,
.page-template-page-home-phase1-2019 .home-block-partners,
.page-template-page-home-earlybird-php .home-block-partners {
  background-color: white; }
  @media (min-width: 48em) {
    /* line 1401, sass/page/_earlybird.scss */
    .home-page .home-block-partners,
    .page-template-page-home-phase1 .home-block-partners,
    .page-template-page-home-phase1-2019 .home-block-partners,
    .page-template-page-home-earlybird-php .home-block-partners {
      padding: 0px 0px 120px; } }
  /* line 1406, sass/page/_earlybird.scss */
  .home-page .home-block-partners .container-fluid,
  .page-template-page-home-phase1 .home-block-partners .container-fluid,
  .page-template-page-home-phase1-2019 .home-block-partners .container-fluid,
  .page-template-page-home-earlybird-php .home-block-partners .container-fluid {
    padding: 0px; }
  /* line 1409, sass/page/_earlybird.scss */
  .home-page .home-block-partners article,
  .page-template-page-home-phase1 .home-block-partners article,
  .page-template-page-home-phase1-2019 .home-block-partners article,
  .page-template-page-home-earlybird-php .home-block-partners article {
    padding: 0px 70px; }
    @media (min-width: 48em) {
      /* line 1409, sass/page/_earlybird.scss */
      .home-page .home-block-partners article,
      .page-template-page-home-phase1 .home-block-partners article,
      .page-template-page-home-phase1-2019 .home-block-partners article,
      .page-template-page-home-earlybird-php .home-block-partners article {
        width: 25%;
        padding: 50px; } }
  /* line 1418, sass/page/_earlybird.scss */
  .home-page .home-block-partners .article-image,
  .page-template-page-home-phase1 .home-block-partners .article-image,
  .page-template-page-home-phase1-2019 .home-block-partners .article-image,
  .page-template-page-home-earlybird-php .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 1430, sass/page/_earlybird.scss */
    .home-page .home-block-partners .article-image:hover,
    .page-template-page-home-phase1 .home-block-partners .article-image:hover,
    .page-template-page-home-phase1-2019 .home-block-partners .article-image:hover,
    .page-template-page-home-earlybird-php .home-block-partners .article-image:hover {
      -webkit-filter: none;
      /* Safari 6.0 - 9.0 */
      filter: none; }
    /* line 1434, sass/page/_earlybird.scss */
    .home-page .home-block-partners .article-image::before,
    .page-template-page-home-phase1 .home-block-partners .article-image::before,
    .page-template-page-home-phase1-2019 .home-block-partners .article-image::before,
    .page-template-page-home-earlybird-php .home-block-partners .article-image::before {
      content: "";
      display: block;
      padding-top: 130%; }
      @media (min-width: 48em) {
        /* line 1434, sass/page/_earlybird.scss */
        .home-page .home-block-partners .article-image::before,
        .page-template-page-home-phase1 .home-block-partners .article-image::before,
        .page-template-page-home-phase1-2019 .home-block-partners .article-image::before,
        .page-template-page-home-earlybird-php .home-block-partners .article-image::before {
          background-color: transparent;
          padding-top: 100%; } }
  /* line 1444, sass/page/_earlybird.scss */
  .home-page .home-block-partners .article-text,
  .page-template-page-home-phase1 .home-block-partners .article-text,
  .page-template-page-home-phase1-2019 .home-block-partners .article-text,
  .page-template-page-home-earlybird-php .home-block-partners .article-text {
    width: 100%;
    display: inline-block;
    margin-top: 13px; }
  /* line 1449, sass/page/_earlybird.scss */
  .home-page .home-block-partners .experience-container,
  .page-template-page-home-phase1 .home-block-partners .experience-container,
  .page-template-page-home-phase1-2019 .home-block-partners .experience-container,
  .page-template-page-home-earlybird-php .home-block-partners .experience-container {
    width: 200%; }
    @media (min-width: 48em) {
      /* line 1449, sass/page/_earlybird.scss */
      .home-page .home-block-partners .experience-container,
      .page-template-page-home-phase1 .home-block-partners .experience-container,
      .page-template-page-home-phase1-2019 .home-block-partners .experience-container,
      .page-template-page-home-earlybird-php .home-block-partners .experience-container {
        width: 140%; } }
  /* line 1455, sass/page/_earlybird.scss */
  .home-page .home-block-partners article,
  .page-template-page-home-phase1 .home-block-partners article,
  .page-template-page-home-phase1-2019 .home-block-partners article,
  .page-template-page-home-earlybird-php .home-block-partners article {
    position: relative; }
    @media (min-width: 48em) {
      /* line 1457, sass/page/_earlybird.scss */
      .home-page .home-block-partners article .article-text-hover,
      .page-template-page-home-phase1 .home-block-partners article .article-text-hover,
      .page-template-page-home-phase1-2019 .home-block-partners article .article-text-hover,
      .page-template-page-home-earlybird-php .home-block-partners article .article-text-hover {
        display: none; } }
    @media (min-width: 48em) {
      /* line 1462, sass/page/_earlybird.scss */
      .home-page .home-block-partners article:hover .article-text-hover,
      .page-template-page-home-phase1 .home-block-partners article:hover .article-text-hover,
      .page-template-page-home-phase1-2019 .home-block-partners article:hover .article-text-hover,
      .page-template-page-home-earlybird-php .home-block-partners article:hover .article-text-hover {
        display: block; } }
    /* line 1467, sass/page/_earlybird.scss */
    .home-page .home-block-partners article .article-text-hover,
    .page-template-page-home-phase1 .home-block-partners article .article-text-hover,
    .page-template-page-home-phase1-2019 .home-block-partners article .article-text-hover,
    .page-template-page-home-earlybird-php .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 1472, sass/page/_earlybird.scss */
      .home-page .home-block-partners article .article-text-hover .headline-small1,
      .page-template-page-home-phase1 .home-block-partners article .article-text-hover .headline-small1,
      .page-template-page-home-phase1-2019 .home-block-partners article .article-text-hover .headline-small1,
      .page-template-page-home-earlybird-php .home-block-partners article .article-text-hover .headline-small1 {
        line-height: 1.27;
        letter-spacing: 0.9px; }
      /* line 1477, sass/page/_earlybird.scss */
      .home-page .home-block-partners article .article-text-hover i,
      .page-template-page-home-phase1 .home-block-partners article .article-text-hover i,
      .page-template-page-home-phase1-2019 .home-block-partners article .article-text-hover i,
      .page-template-page-home-earlybird-php .home-block-partners article .article-text-hover i {
        color: white;
        padding: 10px; }
    /* line 1491, sass/page/_earlybird.scss */
    .home-page .home-block-partners article:hover .article-image:after,
    .page-template-page-home-phase1 .home-block-partners article:hover .article-image:after,
    .page-template-page-home-phase1-2019 .home-block-partners article:hover .article-image:after,
    .page-template-page-home-earlybird-php .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 1503, sass/page/_earlybird.scss */
    .home-page .home-block-partners article:active .article-image:after,
    .page-template-page-home-phase1 .home-block-partners article:active .article-image:after,
    .page-template-page-home-phase1-2019 .home-block-partners article:active .article-image:after,
    .page-template-page-home-earlybird-php .home-block-partners article:active .article-image:after {
      opacity: .7; }
    /* line 1506, sass/page/_earlybird.scss */
    .home-page .home-block-partners article:active i,
    .page-template-page-home-phase1 .home-block-partners article:active i,
    .page-template-page-home-phase1-2019 .home-block-partners article:active i,
    .page-template-page-home-earlybird-php .home-block-partners article:active i {
      opacity: .7;
      font-weight: 600; }
    /* line 1512, sass/page/_earlybird.scss */
    .home-page .home-block-partners article i:hover,
    .page-template-page-home-phase1 .home-block-partners article i:hover,
    .page-template-page-home-phase1-2019 .home-block-partners article i:hover,
    .page-template-page-home-earlybird-php .home-block-partners article i:hover {
      font-weight: 600; }
  /* line 1517, sass/page/_earlybird.scss */
  .home-page .home-block-partners .header1,
  .page-template-page-home-phase1 .home-block-partners .header1,
  .page-template-page-home-phase1-2019 .home-block-partners .header1,
  .page-template-page-home-earlybird-php .home-block-partners .header1 {
    color: #6aada9;
    margin: 43px 0px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 1517, sass/page/_earlybird.scss */
      .home-page .home-block-partners .header1,
      .page-template-page-home-phase1 .home-block-partners .header1,
      .page-template-page-home-phase1-2019 .home-block-partners .header1,
      .page-template-page-home-earlybird-php .home-block-partners .header1 {
        text-align: left; } }
  /* line 1526, sass/page/_earlybird.scss */
  .home-page .home-block-partners .menu4,
  .page-template-page-home-phase1 .home-block-partners .menu4,
  .page-template-page-home-phase1-2019 .home-block-partners .menu4,
  .page-template-page-home-earlybird-php .home-block-partners .menu4 {
    text-transform: uppercase;
    margin: 8px 0px;
    text-align: left; }
    /* line 1530, sass/page/_earlybird.scss */
    .home-page .home-block-partners .menu4.experience-type,
    .page-template-page-home-phase1 .home-block-partners .menu4.experience-type,
    .page-template-page-home-phase1-2019 .home-block-partners .menu4.experience-type,
    .page-template-page-home-earlybird-php .home-block-partners .menu4.experience-type {
      color: #b0b0b0; }
  /* line 1534, sass/page/_earlybird.scss */
  .home-page .home-block-partners .slideshow-nav,
  .page-template-page-home-phase1 .home-block-partners .slideshow-nav,
  .page-template-page-home-phase1-2019 .home-block-partners .slideshow-nav,
  .page-template-page-home-earlybird-php .home-block-partners .slideshow-nav {
    margin-top: 30px;
    text-align: right; }
    /* line 1537, sass/page/_earlybird.scss */
    .home-page .home-block-partners .slideshow-nav a,
    .page-template-page-home-phase1 .home-block-partners .slideshow-nav a,
    .page-template-page-home-phase1-2019 .home-block-partners .slideshow-nav a,
    .page-template-page-home-earlybird-php .home-block-partners .slideshow-nav a {
      color: #171717; }
      /* line 1539, sass/page/_earlybird.scss */
      .home-page .home-block-partners .slideshow-nav a:hover,
      .page-template-page-home-phase1 .home-block-partners .slideshow-nav a:hover,
      .page-template-page-home-phase1-2019 .home-block-partners .slideshow-nav a:hover,
      .page-template-page-home-earlybird-php .home-block-partners .slideshow-nav a:hover {
        color: #888888; }
    /* line 1543, sass/page/_earlybird.scss */
    .home-page .home-block-partners .slideshow-nav .slick-arrow,
    .page-template-page-home-phase1 .home-block-partners .slideshow-nav .slick-arrow,
    .page-template-page-home-phase1-2019 .home-block-partners .slideshow-nav .slick-arrow,
    .page-template-page-home-earlybird-php .home-block-partners .slideshow-nav .slick-arrow {
      padding: 20px 15px; }
/* line 1548, sass/page/_earlybird.scss */
.home-page .home-block-pillar-highlights,
.page-template-page-home-phase1 .home-block-pillar-highlights,
.page-template-page-home-phase1-2019 .home-block-pillar-highlights,
.page-template-page-home-earlybird-php .home-block-pillar-highlights {
  padding: 60px 0px 90px; }
  @media (min-width: 48em) {
    /* line 1548, sass/page/_earlybird.scss */
    .home-page .home-block-pillar-highlights,
    .page-template-page-home-phase1 .home-block-pillar-highlights,
    .page-template-page-home-phase1-2019 .home-block-pillar-highlights,
    .page-template-page-home-earlybird-php .home-block-pillar-highlights {
      padding: 0px 0px 120px; } }
  @media (min-width: 48em) {
    /* line 1553, sass/page/_earlybird.scss */
    .home-page .home-block-pillar-highlights .row,
    .page-template-page-home-phase1 .home-block-pillar-highlights .row,
    .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row,
    .page-template-page-home-earlybird-php .home-block-pillar-highlights .row {
      height: 524px; } }
  /* line 1557, sass/page/_earlybird.scss */
  .home-page .home-block-pillar-highlights .row .program-highlight-content,
  .page-template-page-home-phase1 .home-block-pillar-highlights .row .program-highlight-content,
  .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .program-highlight-content,
  .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .program-highlight-content {
    text-align: center; }
    @media (min-width: 48em) {
      /* line 1557, sass/page/_earlybird.scss */
      .home-page .home-block-pillar-highlights .row .program-highlight-content,
      .page-template-page-home-phase1 .home-block-pillar-highlights .row .program-highlight-content,
      .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .program-highlight-content,
      .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .program-highlight-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 70%; } }
    /* line 1566, sass/page/_earlybird.scss */
    .home-page .home-block-pillar-highlights .row .program-highlight-content .header1,
    .page-template-page-home-phase1 .home-block-pillar-highlights .row .program-highlight-content .header1,
    .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .program-highlight-content .header1,
    .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .program-highlight-content .header1 {
      line-height: 1.19;
      letter-spacing: 1.7px; }
    /* line 1570, sass/page/_earlybird.scss */
    .home-page .home-block-pillar-highlights .row .program-highlight-content .body2,
    .page-template-page-home-phase1 .home-block-pillar-highlights .row .program-highlight-content .body2,
    .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .program-highlight-content .body2,
    .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .program-highlight-content .body2 {
      margin: 15px 0px 50px;
      text-align: left; }
    /* line 1574, sass/page/_earlybird.scss */
    .home-page .home-block-pillar-highlights .row .program-highlight-content .menu1,
    .page-template-page-home-phase1 .home-block-pillar-highlights .row .program-highlight-content .menu1,
    .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .program-highlight-content .menu1,
    .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .program-highlight-content .menu1 {
      color: white;
      background-color: #171717;
      width: 200px;
      height: 54px;
      display: inline-block;
      position: relative; }
      /* line 1581, sass/page/_earlybird.scss */
      .home-page .home-block-pillar-highlights .row .program-highlight-content .menu1 span,
      .page-template-page-home-phase1 .home-block-pillar-highlights .row .program-highlight-content .menu1 span,
      .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .program-highlight-content .menu1 span,
      .page-template-page-home-earlybird-php .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 1590, sass/page/_earlybird.scss */
      .home-page .home-block-pillar-highlights .row .program-highlight-content .menu1:hover,
      .page-template-page-home-phase1 .home-block-pillar-highlights .row .program-highlight-content .menu1:hover,
      .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .program-highlight-content .menu1:hover,
      .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .program-highlight-content .menu1:hover {
        background-color: rgba(23, 23, 23, 0.9); }
      /* line 1593, sass/page/_earlybird.scss */
      .home-page .home-block-pillar-highlights .row .program-highlight-content .menu1:active,
      .page-template-page-home-phase1 .home-block-pillar-highlights .row .program-highlight-content .menu1:active,
      .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .program-highlight-content .menu1:active,
      .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .program-highlight-content .menu1:active {
        background-color: rgba(23, 23, 23, 0.8); }
  /* line 1599, sass/page/_earlybird.scss */
  .home-page .home-block-pillar-highlights .row .col-md-4,
  .page-template-page-home-phase1 .home-block-pillar-highlights .row .col-md-4,
  .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .col-md-4,
  .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .col-md-4 {
    height: 100%; }
  /* line 1602, sass/page/_earlybird.scss */
  .home-page .home-block-pillar-highlights .row .col-md-2,
  .page-template-page-home-phase1 .home-block-pillar-highlights .row .col-md-2,
  .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row .col-md-2,
  .page-template-page-home-earlybird-php .home-block-pillar-highlights .row .col-md-2 {
    height: 100%;
    padding: 0px; }
  /* line 1607, sass/page/_earlybird.scss */
  .home-page .home-block-pillar-highlights .row a .pillar-image,
  .page-template-page-home-phase1 .home-block-pillar-highlights .row a .pillar-image,
  .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row a .pillar-image,
  .page-template-page-home-earlybird-php .home-block-pillar-highlights .row a .pillar-image {
    height: 100%;
    background-position: center;
    background-size: cover; }
    /* line 1611, sass/page/_earlybird.scss */
    .home-page .home-block-pillar-highlights .row a .pillar-image .button1,
    .page-template-page-home-phase1 .home-block-pillar-highlights .row a .pillar-image .button1,
    .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row a .pillar-image .button1,
    .page-template-page-home-earlybird-php .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 1621, sass/page/_earlybird.scss */
  .home-page .home-block-pillar-highlights .row a:hover .pillar-image:before,
  .page-template-page-home-phase1 .home-block-pillar-highlights .row a:hover .pillar-image:before,
  .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row a:hover .pillar-image:before,
  .page-template-page-home-earlybird-php .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 1632, sass/page/_earlybird.scss */
  .home-page .home-block-pillar-highlights .row a:active .pillar-image:after,
  .page-template-page-home-phase1 .home-block-pillar-highlights .row a:active .pillar-image:after,
  .page-template-page-home-phase1-2019 .home-block-pillar-highlights .row a:active .pillar-image:after,
  .page-template-page-home-earlybird-php .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 1648, sass/page/_earlybird.scss */
.home-page .hover-overlay .image-link-hover,
.page-template-page-home-phase1 .hover-overlay .image-link-hover,
.page-template-page-home-phase1-2019 .hover-overlay .image-link-hover,
.page-template-page-home-earlybird-php .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 1657, sass/page/_earlybird.scss */
  .home-page .hover-overlay .image-link-hover i,
  .page-template-page-home-phase1 .hover-overlay .image-link-hover i,
  .page-template-page-home-phase1-2019 .hover-overlay .image-link-hover i,
  .page-template-page-home-earlybird-php .hover-overlay .image-link-hover i {
    color: white;
    font-size: 2em; }
  /* line 1661, sass/page/_earlybird.scss */
  .home-page .hover-overlay .image-link-hover .menu1,
  .page-template-page-home-phase1 .hover-overlay .image-link-hover .menu1,
  .page-template-page-home-phase1-2019 .hover-overlay .image-link-hover .menu1,
  .page-template-page-home-earlybird-php .hover-overlay .image-link-hover .menu1 {
    color: white; }
  /* line 1664, sass/page/_earlybird.scss */
  .home-page .hover-overlay .image-link-hover > div,
  .page-template-page-home-phase1 .hover-overlay .image-link-hover > div,
  .page-template-page-home-phase1-2019 .hover-overlay .image-link-hover > div,
  .page-template-page-home-earlybird-php .hover-overlay .image-link-hover > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
/* line 1672, sass/page/_earlybird.scss */
.home-page .hover-overlay:hover .image-link-hover,
.page-template-page-home-phase1 .hover-overlay:hover .image-link-hover,
.page-template-page-home-phase1-2019 .hover-overlay:hover .image-link-hover,
.page-template-page-home-earlybird-php .hover-overlay:hover .image-link-hover {
  display: block; }
/* line 1677, sass/page/_earlybird.scss */
.home-page .hover-overlay:active .image-link-hover > div,
.page-template-page-home-phase1 .hover-overlay:active .image-link-hover > div,
.page-template-page-home-phase1-2019 .hover-overlay:active .image-link-hover > div,
.page-template-page-home-earlybird-php .hover-overlay:active .image-link-hover > div {
  opacity: .7; }

/* line 1, sass/page/_contact.scss */
.page-contact .content-header {
  background-size: 100% auto;
  background-position-y: 50%;
  background-image: none;
  /*
      .container .page-title {
  	    color: #F05A36;
      }
  */ }
/* line 13, sass/page/_contact.scss */
.page-contact .content-header::after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-contacts-mob.jpg);
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
  background-position: bottom; }
@media (min-width: 62em) {
  /* line 29, sass/page/_contact.scss */
  .page-contact .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-contacts.jpg); } }
/* line 35, sass/page/_contact.scss */
.page-contact .email:hover {
  color: white;
  background-color: #333333;
  text-decoration: underline;
  font-weight: 500; }
/* line 41, sass/page/_contact.scss */
.page-contact .email:active {
  color: white;
  background-color: #000000;
  text-decoration: underline;
  font-weight: 500; }
/* line 47, sass/page/_contact.scss */
.page-contact .menu0 {
  color: #3B7575;
  margin-bottom: 17px;
  letter-spacing: 1px; }
  @media (min-width: 48em) {
    /* line 47, sass/page/_contact.scss */
    .page-contact .menu0 {
      margin-bottom: 24px; } }
/* line 55, sass/page/_contact.scss */
.page-contact .email {
  text-transform: uppercase;
  color: #171717;
  letter-spacing: 4.2px;
  text-decoration: underline; }
/* line 61, sass/page/_contact.scss */
.page-contact #contact-section .row {
  margin-bottom: 0px; }
  @media (min-width: 48em) {
    /* line 61, sass/page/_contact.scss */
    .page-contact #contact-section .row {
      margin-bottom: 67.8px; } }
/* line 67, sass/page/_contact.scss */
.page-contact #contact-section .row:last-child {
  margin-bottom: 0px; }
/* line 70, sass/page/_contact.scss */
.page-contact .single-contact {
  margin-bottom: 50px;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 70, sass/page/_contact.scss */
    .page-contact .single-contact {
      margin-bottom: 0px;
      text-align: left; } }

/* line 1, sass/page/_participation.scss */
.page-template-page-participation .content-header,
.page-participation .content-header {
  background-size: 100% auto;
  background-position-y: 50%;
  /*
      background-color: #D08023;
      background-color: rgba(208,128,35,.9);    
  */
  background-image: none; }
/* line 10, sass/page/_participation.scss */
.page-template-page-participation .content-header::after,
.page-participation .content-header::after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-participate-mob.jpg);
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: auto 100%;
  background-position: top left; }
@media (min-width: 62em) {
  /* line 26, sass/page/_participation.scss */
  .page-template-page-participation .content-header::after,
  .page-participation .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-participate.jpg);
    background-position: center bottom;
    background-size: 100% auto; } }
/* line 37, sass/page/_participation.scss */
.page-template-page-participation .header2,
.page-participation .header2 {
  background-color: #3B7575;
  color: white;
  padding: 13px; }
  @media (min-width: 48em) {
    /* line 37, sass/page/_participation.scss */
    .page-template-page-participation .header2,
    .page-participation .header2 {
      background-color: transparent;
      color: #000000;
      padding: 0px; } }
/* line 47, sass/page/_participation.scss */
.page-template-page-participation a.anchor,
.page-participation a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }
/* line 53, sass/page/_participation.scss */
.page-template-page-participation .post:first-child,
.page-participation .post:first-child {
  padding-top: 0; }
/* line 56, sass/page/_participation.scss */
.page-template-page-participation .post,
.page-participation .post {
  overflow: hidden;
  padding-top: 0px;
  text-align: center;
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 50px;
  margin-bottom: 50px; }
/* line 64, sass/page/_participation.scss */
.page-template-page-participation .post:last-child,
.page-participation .post:last-child {
  border-bottom: none;
  padding-bottom: 0px; }
/* line 69, sass/page/_participation.scss */
.page-template-page-participation .pic,
.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 80, sass/page/_participation.scss */
.page-template-page-participation .pic::before,
.page-participation .pic::before {
  content: "";
  display: block;
  padding-top: 66%; }
@media (min-width: 62em) {
  /* line 87, sass/page/_participation.scss */
  .page-template-page-participation .post,
  .page-participation .post {
    text-align: left;
    padding-bottom: 72px;
    margin-bottom: 72px; }
  /* line 93, sass/page/_participation.scss */
  .page-template-page-participation .pic,
  .page-participation .pic {
    float: left;
    width: 35%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } }
/* line 100, sass/page/_participation.scss */
.page-template-page-participation .participate-container .body2,
.page-participation .participate-container .body2 {
  margin: 15px 0px; }
/* line 103, sass/page/_participation.scss */
.page-template-page-participation .apply-button,
.page-participation .apply-button {
  background-color: transparent;
  border: 1px solid #000000;
  color: #000000;
  line-height: 20px;
  text-align: center;
  padding: 8px 57px 10px;
  margin: 15px 0px 0px;
  display: inline-block;
  text-transform: uppercase;
  width: 100%; }
  /* line 114, sass/page/_participation.scss */
  .page-template-page-participation .apply-button:hover,
  .page-participation .apply-button:hover {
    background-color: rgba(0, 0, 0, 0.1); }
  /* line 117, sass/page/_participation.scss */
  .page-template-page-participation .apply-button:active,
  .page-participation .apply-button:active {
    background-color: rgba(0, 0, 0, 0.2); }
  /* line 120, sass/page/_participation.scss */
  .page-template-page-participation .apply-button:after,
  .page-participation .apply-button:after {
    padding: 8px 57px 10px; }
@media (min-width: 62em) {
  /* line 125, sass/page/_participation.scss */
  .page-template-page-participation .apply-button,
  .page-participation .apply-button {
    width: unset; } }
/* line 130, sass/page/_participation.scss */
.page-template-page-participation.lang-th .apply-button,
.page-participation.lang-th .apply-button {
  letter-spacing: 2px; }
/* line 134, sass/page/_participation.scss */
.page-template-page-participation .participate-body,
.page-participation .participate-body {
  text-align: left; }
  @media (min-width: 48em) {
    /* line 134, sass/page/_participation.scss */
    .page-template-page-participation .participate-body,
    .page-participation .participate-body {
      min-height: 100px; } }
/* line 140, sass/page/_participation.scss */
.page-template-page-participation.lang-th .participate-body,
.page-participation.lang-th .participate-body {
  line-height: 1.4; }

/* line 32, sass/wonderfruit.scss */
.page-template-page-tickets,
.page-tickets {
  /*  Highlight Phase */
  /*
  #general-admissions-section.attach-element:before {
      content: url(/wp-content/themes/wonderfruit-2019/images//ticket_body_bg.png);
  	left: 0px;
  	top: 0px;
  	@include breakpoint(md) {
  	    left: 0px;
  	    top: 0px;
  	}		
  }
  */
  /*
  #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(.5);
  	@include breakpoint(md) {
  	    right: -130px;
  	    top: 0px;
  	    transform: unset;
  	}		
  }
  #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(.5);
  	@include breakpoint(md) {
  		right: 200px;
  		top: 0px;
     	    transform: unset;
  	}		
  }
  */ }
  /* line 1, sass/page/_tickets.scss */
  .page-template-page-tickets .content-header,
  .page-tickets .content-header {
    background-size: 100% auto;
    background-position-y: 50%;
    background-image: none; }
  /* line 8, sass/page/_tickets.scss */
  .page-template-page-tickets .content-header::after,
  .page-tickets .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-tickets-mob.jpg);
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-position: bottom; }
  @media (min-width: 62em) {
    /* line 24, sass/page/_tickets.scss */
    .page-template-page-tickets .content-header::after,
    .page-tickets .content-header::after {
      background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-tickets.jpg); } }
  /* line 32, sass/page/_tickets.scss */
  .page-template-page-tickets section:after,
  .page-tickets section:after {
    clear: both;
    content: " ";
    display: table; }
  @media (min-width: 48em) {
    /* line 37, sass/page/_tickets.scss */
    .page-template-page-tickets section .row,
    .page-tickets section .row {
      margin-right: -105px;
      margin-left: -105px; } }
  /* line 47, sass/page/_tickets.scss */
  .page-template-page-tickets .underline,
  .page-tickets .underline {
    text-decoration: underline; }
  /* line 50, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section,
  .page-tickets #general-admissions-section {
    padding-top: 0px;
    padding-bottom: 20px; }
    @media (min-width: 48em) {
      /* line 50, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section,
      .page-tickets #general-admissions-section {
        padding-bottom: 120px; } }
  /* line 59, sass/page/_tickets.scss */
  .page-template-page-tickets a.anchor,
  .page-tickets a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden; }
  /* line 66, sass/page/_tickets.scss */
  .page-template-page-tickets .pic,
  .page-tickets .pic {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-color: #D1CCCA;
    margin-top: 8px; }
  /* line 73, sass/page/_tickets.scss */
  .page-template-page-tickets .pic::before,
  .page-tickets .pic::before {
    content: "";
    display: block;
    padding-top: 66.7%; }
  /* line 80, sass/page/_tickets.scss */
  .page-template-page-tickets .mobile.container,
  .page-tickets .mobile.container {
    margin-bottom: 45px; }
    /* line 82, sass/page/_tickets.scss */
    .page-template-page-tickets .mobile.container .general-admission-current-phase .table-cell,
    .page-tickets .mobile.container .general-admission-current-phase .table-cell {
      display: block; }
    /* line 85, sass/page/_tickets.scss */
    .page-template-page-tickets .mobile.container .ga-ticket-container,
    .page-tickets .mobile.container .ga-ticket-container {
      margin-bottom: 26px; }
      /* line 87, sass/page/_tickets.scss */
      .page-template-page-tickets .mobile.container .ga-ticket-container table,
      .page-tickets .mobile.container .ga-ticket-container table {
        width: 100%; }
      /* line 90, sass/page/_tickets.scss */
      .page-template-page-tickets .mobile.container .ga-ticket-container .ga-ticket-type-container,
      .page-tickets .mobile.container .ga-ticket-container .ga-ticket-type-container {
        padding-right: 15px; }
      /* line 93, sass/page/_tickets.scss */
      .page-template-page-tickets .mobile.container .ga-ticket-container .ga-middle-cell,
      .page-tickets .mobile.container .ga-ticket-container .ga-middle-cell {
        text-align: left;
        border-top: 1px solid #e0e0e0; }
      /* line 97, sass/page/_tickets.scss */
      .page-template-page-tickets .mobile.container .ga-ticket-container:nth-child(1), .page-template-page-tickets .mobile.container .ga-ticket-container:nth-child(2),
      .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 104, sass/page/_tickets.scss */
    .page-template-page-tickets .mobile.container .table-cell,
    .page-tickets .mobile.container .table-cell {
      padding: 15px 0px;
      border-bottom: none; }
      /* line 107, sass/page/_tickets.scss */
      .page-template-page-tickets .mobile.container .table-cell tr td:nth-child(1),
      .page-tickets .mobile.container .table-cell tr td:nth-child(1) {
        width: 50%; }
      /* line 110, sass/page/_tickets.scss */
      .page-template-page-tickets .mobile.container .table-cell tr td:nth-child(2) > div,
      .page-tickets .mobile.container .table-cell tr td:nth-child(2) > div {
        text-align: right; }
      /* line 116, sass/page/_tickets.scss */
      .page-template-page-tickets .mobile.container .table-cell td,
      .page-tickets .mobile.container .table-cell td {
        vertical-align: top; }
      /* line 119, sass/page/_tickets.scss */
      .page-template-page-tickets .mobile.container .table-cell:first-child,
      .page-tickets .mobile.container .table-cell:first-child {
        padding-bottom: 0px; }
    /* line 123, sass/page/_tickets.scss */
    .page-template-page-tickets .mobile.container .ga-ticket-date,
    .page-tickets .mobile.container .ga-ticket-date {
      margin-bottom: 15px; }
    /* line 126, sass/page/_tickets.scss */
    .page-template-page-tickets .mobile.container .ga-ticket-age-subtext,
    .page-tickets .mobile.container .ga-ticket-age-subtext {
      line-height: 1.4;
      padding-top: 7px;
      display: block; }
    /* line 131, sass/page/_tickets.scss */
    .page-template-page-tickets .mobile.container .ga-ticket-price-subtext,
    .page-tickets .mobile.container .ga-ticket-price-subtext {
      margin-top: 10px;
      display: block; }
    /* line 135, sass/page/_tickets.scss */
    .page-template-page-tickets .mobile.container .add-to-cart-container,
    .page-tickets .mobile.container .add-to-cart-container {
      float: right; }
  /* line 142, sass/page/_tickets.scss */
  .page-template-page-tickets .pp-ticket-title,
  .page-template-page-tickets .dp-ticket-title,
  .page-template-page-tickets .ap-ticket-title,
  .page-template-page-tickets .ga-ticket-title,
  .page-tickets .pp-ticket-title,
  .page-tickets .dp-ticket-title,
  .page-tickets .ap-ticket-title,
  .page-tickets .ga-ticket-title {
    color: #171717; }
  /* line 148, sass/page/_tickets.scss */
  .page-template-page-tickets .general-admission-current-phase .table-cell,
  .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 148, sass/page/_tickets.scss */
      .page-template-page-tickets .general-admission-current-phase .table-cell,
      .page-tickets .general-admission-current-phase .table-cell {
        border: 1px solid rgba(30, 45, 80, 0.04);
        vertical-align: middle;
        padding: 24px; } }
  /* line 159, sass/page/_tickets.scss */
  .page-template-page-tickets .general-admission-current-phase .table-row .table-cell:first-child,
  .page-tickets .general-admission-current-phase .table-row .table-cell:first-child {
    text-align: left; }
  /* line 162, sass/page/_tickets.scss */
  .page-template-page-tickets .general-admission-current-phase .table-row:first-child .table-cell,
  .page-tickets .general-admission-current-phase .table-row:first-child .table-cell {
    text-align: left; }
    @media (min-width: 48em) {
      /* line 162, sass/page/_tickets.scss */
      .page-template-page-tickets .general-admission-current-phase .table-row:first-child .table-cell,
      .page-tickets .general-admission-current-phase .table-row:first-child .table-cell {
        padding-top: 0px; } }
  /* line 169, sass/page/_tickets.scss */
  .page-template-page-tickets .add-to-cart-container,
  .page-tickets .add-to-cart-container {
    text-align: center;
    display: block;
    letter-spacing: 3.5px; }
    @media (min-width: 48em) {
      /* line 169, sass/page/_tickets.scss */
      .page-template-page-tickets .add-to-cart-container,
      .page-tickets .add-to-cart-container {
        margin-top: 13px; }
        /* line 176, sass/page/_tickets.scss */
        .page-template-page-tickets .add-to-cart-container:after,
        .page-tickets .add-to-cart-container:after {
          padding: 5px 5px;
          line-height: 24px;
          text-transform: uppercase;
          letter-spacing: 3px;
          /*
          		    font-weight: bold;
          		    font-family: Value;
          		    font-weight: bold;
          		    font-size: 14px;
          */
          color: #fff; } }
  /* line 193, sass/page/_tickets.scss */
  .page-template-page-tickets .ap-ticket-title-subtext,
  .page-template-page-tickets .ga-ticket-date,
  .page-tickets .ap-ticket-title-subtext,
  .page-tickets .ga-ticket-date {
    color: #171717;
    margin-top: 5px; }
  /* line 198, sass/page/_tickets.scss */
  .page-template-page-tickets .ga-ticket-age,
  .page-tickets .ga-ticket-age {
    color: #171717;
    line-height: 18px; }
  /* line 202, sass/page/_tickets.scss */
  .page-template-page-tickets .pp-pass-price-subtext,
  .page-template-page-tickets .ga-ticket-price-subtext,
  .page-template-page-tickets .ga-ticket-age-subtext,
  .page-tickets .pp-pass-price-subtext,
  .page-tickets .ga-ticket-price-subtext,
  .page-tickets .ga-ticket-age-subtext {
    display: inline; }
  /* line 207, sass/page/_tickets.scss */
  .page-template-page-tickets .ap-pass-price,
  .page-template-page-tickets .ga-ticket-price,
  .page-tickets .ap-pass-price,
  .page-tickets .ga-ticket-price {
    color: #171717;
    line-height: 20px;
    display: block; }
    @media (min-width: 48em) {
      /* line 207, sass/page/_tickets.scss */
      .page-template-page-tickets .ap-pass-price,
      .page-template-page-tickets .ga-ticket-price,
      .page-tickets .ap-pass-price,
      .page-tickets .ga-ticket-price {
        display: inline; } }
  /* line 216, sass/page/_tickets.scss */
  .page-template-page-tickets .ga-ticket-price,
  .page-tickets .ga-ticket-price {
    display: block; }
  /* line 219, sass/page/_tickets.scss */
  .page-template-page-tickets .quantity-lbl,
  .page-tickets .quantity-lbl {
    display: inline;
    color: #171717;
    line-height: 16px;
    text-transform: uppercase; }
  /* line 225, sass/page/_tickets.scss */
  .page-template-page-tickets .quantity-container,
  .page-tickets .quantity-container {
    text-align: center;
    display: inline-block;
    margin-right: 12px; }
  /* line 230, sass/page/_tickets.scss */
  .page-template-page-tickets .price-container,
  .page-tickets .price-container {
    text-align: center; }
  /* line 233, sass/page/_tickets.scss */
  .page-template-page-tickets .buy-sooner-and-save-title,
  .page-tickets .buy-sooner-and-save-title {
    line-height: 24px; }
  /* line 236, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section .buy-sooner-and-save-title,
  .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 236, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section .buy-sooner-and-save-title,
      .page-tickets #general-admissions-section .buy-sooner-and-save-title {
        padding-bottom: 25px; } }
  /* line 247, sass/page/_tickets.scss */
  .page-template-page-tickets .buy-sooner-and-save-description-text,
  .page-tickets .buy-sooner-and-save-description-text {
    color: #171717;
    line-height: 16px;
    margin: 15px 0px; }
  /* line 252, sass/page/_tickets.scss */
  .page-template-page-tickets .buy-sooner-and-save .table-text,
  .page-tickets .buy-sooner-and-save .table-text {
    color: #171717;
    line-height: 16px;
    text-align: center; }
  /* line 258, sass/page/_tickets.scss */
  .page-template-page-tickets .buy-sooner-and-save .table-date-text,
  .page-tickets .buy-sooner-and-save .table-date-text {
    color: #171717;
    line-height: 15px;
    text-align: center;
    margin-bottom: 13px; }
  /* line 265, sass/page/_tickets.scss */
  .page-template-page-tickets .dp-pass-price,
  .page-template-page-tickets .pp-pass-price,
  .page-tickets .dp-pass-price,
  .page-tickets .pp-pass-price {
    color: #171717;
    line-height: 20px;
    display: block; }
    @media (min-width: 48em) {
      /* line 265, sass/page/_tickets.scss */
      .page-template-page-tickets .dp-pass-price,
      .page-template-page-tickets .pp-pass-price,
      .page-tickets .dp-pass-price,
      .page-tickets .pp-pass-price {
        display: inline; } }
  /* line 274, sass/page/_tickets.scss */
  .page-template-page-tickets .atc-container,
  .page-tickets .atc-container {
    text-align: center;
    margin: 30px 0px 45px;
    display: inline-block; }
  /* line 279, sass/page/_tickets.scss */
  .page-template-page-tickets #dog-pass-section,
  .page-tickets #dog-pass-section {
    padding-bottom: 16%; }
    @media (min-width: 48em) {
      /* line 279, sass/page/_tickets.scss */
      .page-template-page-tickets #dog-pass-section,
      .page-tickets #dog-pass-section {
        padding-bottom: 10%; } }
  /* line 285, sass/page/_tickets.scss */
  .page-template-page-tickets #party-pass-section,
  .page-tickets #party-pass-section {
    padding: 20% 0px; }
    @media (min-width: 48em) {
      /* line 285, sass/page/_tickets.scss */
      .page-template-page-tickets #party-pass-section,
      .page-tickets #party-pass-section {
        padding: 9% 0px; } }
    /* line 290, sass/page/_tickets.scss */
    .page-template-page-tickets #party-pass-section:after,
    .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 303, sass/page/_tickets.scss */
  .page-template-page-tickets #accommodation-pass-section:after,
  .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 315, sass/page/_tickets.scss */
  .page-template-page-tickets .table-cell.arrow-cell,
  .page-tickets .table-cell.arrow-cell {
    display: none; }
  /* line 319, sass/page/_tickets.scss */
  .page-template-page-tickets .buy-sooner-and-save .table,
  .page-tickets .buy-sooner-and-save .table {
    margin: auto;
    border: 2px solid rgba(30, 45, 80, 0.15); }
  /* line 323, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section .buy-sooner-and-save,
  .page-tickets #general-admissions-section .buy-sooner-and-save {
    background-color: rgba(136, 136, 136, 0.1);
    margin-top: 50px; }
    /* line 326, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section .buy-sooner-and-save .table,
    .page-tickets #general-admissions-section .buy-sooner-and-save .table {
      border: none; }
  /* line 332, sass/page/_tickets.scss */
  .page-template-page-tickets .buy-sooner-and-save .table-row .table-cell,
  .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 337, sass/page/_tickets.scss */
  .page-template-page-tickets .buy-sooner-and-save .table-row:last-child .table-cell,
  .page-tickets .buy-sooner-and-save .table-row:last-child .table-cell {
    border-bottom: 0px; }
  /* line 343, sass/page/_tickets.scss */
  .page-template-page-tickets #party-pass-section .buy-sooner-and-save .table-row .table-cell:nth-child(2),
  .page-template-page-tickets #dog-pass-section .buy-sooner-and-save .table-row .table-cell:nth-child(1),
  .page-template-page-tickets #accommodation-pass-section .buy-sooner-and-save .table-row .table-cell:nth-child(1),
  .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 348, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(3),
  .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 354, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(2) > div,
  .page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(2) > div {
    color: #c0c0c0; }
  /* line 357, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(1),
  .page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(1) {
    width: 80px; }
  /* line 362, sass/page/_tickets.scss */
  .page-template-page-tickets .middle-container .pic,
  .page-tickets .middle-container .pic {
    display: none; }
  /* line 365, sass/page/_tickets.scss */
  .page-template-page-tickets #dog-pass-section .table,
  .page-template-page-tickets .acc-cell .table,
  .page-tickets #dog-pass-section .table,
  .page-tickets .acc-cell .table {
    width: 100%; }
    @media (min-width: 48em) {
      /* line 365, sass/page/_tickets.scss */
      .page-template-page-tickets #dog-pass-section .table,
      .page-template-page-tickets .acc-cell .table,
      .page-tickets #dog-pass-section .table,
      .page-tickets .acc-cell .table {
        width: 60%; } }
  @media (min-width: 48em) {
    /* line 373, sass/page/_tickets.scss */
    .page-template-page-tickets #accommodation-pass-section .col-md-4,
    .page-template-page-tickets .middle-container .col-md-6,
    .page-tickets #accommodation-pass-section .col-md-4,
    .page-tickets .middle-container .col-md-6 {
      margin: 15px 15px 50px; } }
  /* line 381, sass/page/_tickets.scss */
  .page-template-page-tickets .content-area .add-to-cart,
  .page-tickets .content-area .add-to-cart {
    background-color: #3B7575;
    padding: 5px 10px;
    width: 64px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    padding: 5px 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 3px; }
    @media (min-width: 48em) {
      /* line 381, sass/page/_tickets.scss */
      .page-template-page-tickets .content-area .add-to-cart,
      .page-tickets .content-area .add-to-cart {
        padding: 5px 5px;
        width: 105px;
        height: 36px; } }
    /* line 397, sass/page/_tickets.scss */
    .page-template-page-tickets .content-area .add-to-cart:hover,
    .page-tickets .content-area .add-to-cart:hover {
      /*
      			background-color: rgb(97,157,153);	
      			color: white;	
      */ }
    /* line 403, sass/page/_tickets.scss */
    .page-template-page-tickets .content-area .add-to-cart:active,
    .page-tickets .content-area .add-to-cart:active {
      background-color: #336565;
      color: white; }
  /* line 411, sass/page/_tickets.scss */
  .page-template-page-tickets.lang-th .content-area .add-to-cart,
  .page-tickets.lang-th .content-area .add-to-cart {
    padding: 5px 10px; }
  /* line 414, sass/page/_tickets.scss */
  .page-template-page-tickets.lang-th .content-area .add-to-cart-container:after,
  .page-tickets.lang-th .content-area .add-to-cart-container:after {
    padding: 5px 10px; }
  @media (min-width: 48em) {
    /* line 418, sass/page/_tickets.scss */
    .page-template-page-tickets.lang-th .content-area .add-to-cart,
    .page-tickets.lang-th .content-area .add-to-cart {
      padding: 8px 5px 5px; }
    /* line 421, sass/page/_tickets.scss */
    .page-template-page-tickets.lang-th .content-area .add-to-cart-container:after,
    .page-tickets.lang-th .content-area .add-to-cart-container:after {
      padding: 8px 5px 5px; } }
  /* line 427, sass/page/_tickets.scss */
  .page-template-page-tickets .pp-pass-description,
  .page-template-page-tickets .dp-pass-description,
  .page-template-page-tickets .ap-pass-description,
  .page-template-page-tickets .ga-ticket-description,
  .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 435, sass/page/_tickets.scss */
    .page-template-page-tickets .general-admission-current-phase,
    .page-tickets .general-admission-current-phase {
      width: 100%;
      margin: 15px 0px; }
      /* line 438, sass/page/_tickets.scss */
      .page-template-page-tickets .general-admission-current-phase .table-row:last-child .table-cell:first-child,
      .page-template-page-tickets .general-admission-current-phase .table-row:first-child .table-cell,
      .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 447, sass/page/_tickets.scss */
    .page-template-page-tickets .buy-sooner-and-save .table-row:first-child .table-cell,
    .page-tickets .buy-sooner-and-save .table-row:first-child .table-cell {
      text-transform: uppercase; }
    /* line 450, sass/page/_tickets.scss */
    .page-template-page-tickets .general-admission-current-phase .table-row .table-cell:first-child,
    .page-tickets .general-admission-current-phase .table-row .table-cell:first-child {
      border-left: 0px;
      width: 210px; }
    /* line 454, sass/page/_tickets.scss */
    .page-template-page-tickets .general-admission-current-phase .table-row:nth-child(3) .table-cell:first-child,
    .page-template-page-tickets .general-admission-current-phase .table-row:last-child .table-cell,
    .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 458, sass/page/_tickets.scss */
    .page-template-page-tickets .general-admission-current-phase .table-row .table-cell:last-child,
    .page-tickets .general-admission-current-phase .table-row .table-cell:last-child {
      border-right: 0px; }
    /* line 463, sass/page/_tickets.scss */
    .page-template-page-tickets .pp-pass-description,
    .page-template-page-tickets .dp-pass-description,
    .page-tickets .pp-pass-description,
    .page-tickets .dp-pass-description {
      margin-top: 10px; }
    /* line 468, sass/page/_tickets.scss */
    .page-template-page-tickets .ga-ticket-description,
    .page-tickets .ga-ticket-description {
      margin-top: 12px; }
    /* line 472, sass/page/_tickets.scss */
    .page-template-page-tickets .pp-pass-description,
    .page-template-page-tickets .dp-pass-description,
    .page-template-page-tickets .ap-pass-description,
    .page-template-page-tickets .ga-ticket-description,
    .page-tickets .pp-pass-description,
    .page-tickets .dp-pass-description,
    .page-tickets .ap-pass-description,
    .page-tickets .ga-ticket-description {
      margin-bottom: 0px; }
    /* line 478, sass/page/_tickets.scss */
    .page-template-page-tickets .ga-ticket-age,
    .page-tickets .ga-ticket-age {
      line-height: 24px; }
    /* line 481, sass/page/_tickets.scss */
    .page-template-page-tickets .pp-pass-price-subtext,
    .page-template-page-tickets .ga-ticket-price-subtext,
    .page-template-page-tickets .ga-ticket-age-subtext,
    .page-tickets .pp-pass-price-subtext,
    .page-tickets .ga-ticket-price-subtext,
    .page-tickets .ga-ticket-age-subtext {
      line-height: 16px;
      display: block; }
    /* line 487, sass/page/_tickets.scss */
    .page-template-page-tickets .ap-pass-price,
    .page-template-page-tickets .ga-ticket-price,
    .page-tickets .ap-pass-price,
    .page-tickets .ga-ticket-price {
      line-height: 28px;
      letter-spacing: 4.4px; }
    /* line 492, sass/page/_tickets.scss */
    .page-template-page-tickets .dp-pass-price,
    .page-template-page-tickets .pp-pass-price,
    .page-tickets .dp-pass-price,
    .page-tickets .pp-pass-price {
      line-height: 26px;
      letter-spacing: 4.4px; }
    /* line 501, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section .buy-sooner-and-save .table,
    .page-tickets #general-admissions-section .buy-sooner-and-save .table {
      width: 83%;
      max-width: 83%;
      margin-left: 0px; }
    /* line 507, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section .buy-sooner-and-save-description,
    .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 519, sass/page/_tickets.scss */
    .page-template-page-tickets .buy-sooner-and-save .table-text,
    .page-tickets .buy-sooner-and-save .table-text {
      line-height: 18px;
      text-align: center; }
    /* line 524, sass/page/_tickets.scss */
    .page-template-page-tickets .buy-sooner-and-save .table-date-text,
    .page-tickets .buy-sooner-and-save .table-date-text {
      line-height: 16px;
      text-align: center;
      margin-bottom: 13px; }
    /* line 529, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(1) .table-text,
    .page-tickets #general-admissions-section .buy-sooner-and-save .table-row .table-cell:nth-child(1) .table-text {
      text-align: left; }
    /* line 532, sass/page/_tickets.scss */
    .page-template-page-tickets .buy-sooner-and-save-description-text,
    .page-tickets .buy-sooner-and-save-description-text {
      margin: 0px 20px 0px 0px; }
    /* line 535, sass/page/_tickets.scss */
    .page-template-page-tickets #dog-pass-section .buy-sooner-and-save .table,
    .page-tickets #dog-pass-section .buy-sooner-and-save .table {
      width: 100%; }
      /* line 537, sass/page/_tickets.scss */
      .page-template-page-tickets #dog-pass-section .buy-sooner-and-save .table .table-cell,
      .page-tickets #dog-pass-section .buy-sooner-and-save .table .table-cell {
        width: 50%; }
    /* line 541, sass/page/_tickets.scss */
    .page-template-page-tickets #accommodation-pass-section .buy-sooner-and-save .table,
    .page-tickets #accommodation-pass-section .buy-sooner-and-save .table {
      width: 100%; }
    /* line 545, sass/page/_tickets.scss */
    .page-template-page-tickets .title-container,
    .page-tickets .title-container {
      min-height: 61px; }
    /* line 548, sass/page/_tickets.scss */
    .page-template-page-tickets .ap-pass-description,
    .page-tickets .ap-pass-description {
      min-height: 55px; }
    /* line 551, sass/page/_tickets.scss */
    .page-template-page-tickets .acc-cell,
    .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 557, sass/page/_tickets.scss */
    .page-template-page-tickets #accommodation-pass-section .row > div .acc-cell:first-child,
    .page-tickets #accommodation-pass-section .row > div .acc-cell:first-child {
      text-align: left; }
    /* line 560, sass/page/_tickets.scss */
    .page-template-page-tickets #accommodation-pass-section .row > div:last-child .acc-cell,
    .page-tickets #accommodation-pass-section .row > div:last-child .acc-cell {
      border-right: none; }
    /* line 563, sass/page/_tickets.scss */
    .page-template-page-tickets #accommodation-pass-section .row > div .acc-cell:last-child,
    .page-tickets #accommodation-pass-section .row > div .acc-cell:last-child {
      border-bottom: none; }
    /* line 567, sass/page/_tickets.scss */
    .page-template-page-tickets #accommodation-pass-section .atc-container,
    .page-tickets #accommodation-pass-section .atc-container {
      margin: 0px; }
    /* line 571, sass/page/_tickets.scss */
    .page-template-page-tickets #accommodation-pass-section .col-md-4,
    .page-tickets #accommodation-pass-section .col-md-4 {
      margin: 0px;
      padding: 0px; }
    /* line 575, sass/page/_tickets.scss */
    .page-template-page-tickets .table-cell.arrow-cell,
    .page-tickets .table-cell.arrow-cell {
      /* padding: 19px 60px; */
      vertical-align: middle;
      width: 8%;
      text-align: center;
      display: table-cell; }
    /* line 582, sass/page/_tickets.scss */
    .page-template-page-tickets .buy-sooner-and-save .table-row .table-cell,
    .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 587, sass/page/_tickets.scss */
    .page-template-page-tickets .buy-sooner-and-save .table-row .table-cell:nth-child(1),
    .page-tickets .buy-sooner-and-save .table-row .table-cell:nth-child(1) {
      border-left: 0px; }
    /* line 592, sass/page/_tickets.scss */
    .page-template-page-tickets .middle-container .pic,
    .page-tickets .middle-container .pic {
      display: block; }
    /* line 595, sass/page/_tickets.scss */
    .page-template-page-tickets #accommodation-pass-section .col-md-4,
    .page-template-page-tickets .middle-container .col-md-6,
    .page-tickets #accommodation-pass-section .col-md-4,
    .page-tickets .middle-container .col-md-6 {
      margin: 0px; } }
  /* line 601, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admission-current-phase .table-cell,
  .page-tickets #general-admission-current-phase .table-cell {
    display: block; }
  /* line 642, sass/page/_tickets.scss */
  .page-template-page-tickets .arrow-cell,
  .page-tickets .arrow-cell {
    display: none !important; }
  /* line 645, sass/page/_tickets.scss */
  .page-template-page-tickets #main,
  .page-tickets #main {
    /*
    	&:after {
    		transform: scale(.5);
    		@include breakpoint(md) {
    		    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;
    		}		
    	}
    	&.content-main {
    		margin-bottom: -3px;
    	}	
    */
    margin-top: 0px; }
    @media (min-width: 48em) {
      /* line 645, sass/page/_tickets.scss */
      .page-template-page-tickets #main,
      .page-tickets #main {
        margin-top: 56px; } }
  /* line 667, sass/page/_tickets.scss */
  .page-template-page-tickets .pp-price-container,
  .page-tickets .pp-price-container {
    display: inline-block; }
  /* line 670, sass/page/_tickets.scss */
  .page-template-page-tickets .button1,
  .page-tickets .button1 {
    letter-spacing: 0.1px; }
  /* line 674, sass/page/_tickets.scss */
  .page-template-page-tickets .super-container,
  .page-tickets .super-container {
    margin: 35px 0px; }
    /* line 676, sass/page/_tickets.scss */
    .page-template-page-tickets .super-container .quantity-button,
    .page-tickets .super-container .quantity-button {
      display: inline-block;
      width: 100%; }
      @media (min-width: 48em) {
        /* line 676, sass/page/_tickets.scss */
        .page-template-page-tickets .super-container .quantity-button,
        .page-tickets .super-container .quantity-button {
          float: right;
          width: unset; } }
      /* line 683, sass/page/_tickets.scss */
      .page-template-page-tickets .super-container .quantity-button .atc-container,
      .page-tickets .super-container .quantity-button .atc-container {
        float: right;
        margin: 0px; }
  /* line 693, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table .add-to-cart-container,
  .page-tickets #general-admissions-section #desk-table .add-to-cart-container {
    min-height: 36px;
    border: none; }
  /* line 697, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table .price,
  .page-tickets #general-admissions-section #desk-table .price {
    color: #888888;
    letter-spacing: 1.5px; }
  /* line 701, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table .free-price,
  .page-tickets #general-admissions-section #desk-table .free-price {
    color: #171717; }
  /* line 704, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table th,
  .page-tickets #general-admissions-section #desk-table th {
    color: #888888;
    background-color: rgba(177, 151, 122, 0.1); }
  /* line 708, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table .headline-small3,
  .page-tickets #general-admissions-section #desk-table .headline-small3 {
    color: #171717; }
  /* line 712, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table td, .page-template-page-tickets #general-admissions-section #desk-table th,
  .page-tickets #general-admissions-section #desk-table td,
  .page-tickets #general-admissions-section #desk-table th {
    text-align: center;
    border: 1px solid #000000;
    background-color: #FFFCF8;
    letter-spacing: 1.5px; }
  /* line 720, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table td.text-align-left,
  .page-tickets #general-admissions-section #desk-table td.text-align-left {
    text-align: left; }
  /* line 724, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table td.current-phase,
  .page-tickets #general-admissions-section #desk-table td.current-phase {
    background-color: #F8F1E4; }
    /* line 727, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #desk-table td.current-phase .price,
    .page-tickets #general-admissions-section #desk-table td.current-phase .price {
      color: #171717; }
  /* line 731, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table th.current-phase,
  .page-tickets #general-admissions-section #desk-table th.current-phase {
    background-color: rgba(177, 151, 122, 0.8);
    color: white !important; }
  /* line 736, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table tr th:first-child,
  .page-template-page-tickets #general-admissions-section #desk-table tr td:first-child,
  .page-tickets #general-admissions-section #desk-table tr th:first-child,
  .page-tickets #general-admissions-section #desk-table tr td:first-child {
    border-left: none; }
  /* line 740, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table tr th:last-child,
  .page-template-page-tickets #general-admissions-section #desk-table tr td:last-child,
  .page-tickets #general-admissions-section #desk-table tr th:last-child,
  .page-tickets #general-admissions-section #desk-table tr td:last-child {
    border-right: none; }
  /* line 744, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table thead tr:first-child th,
  .page-tickets #general-admissions-section #desk-table thead tr:first-child th {
    padding: 12px 0px; }
  /* line 747, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table thead tr:last-child th,
  .page-tickets #general-admissions-section #desk-table thead tr:last-child th {
    padding: 15px 0px; }
    /* line 749, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #desk-table thead tr:last-child th h7,
    .page-tickets #general-admissions-section #desk-table thead tr:last-child th h7 {
      margin-bottom: 7px;
      display: block; }
  /* line 754, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #desk-table tbody tr,
  .page-tickets #general-admissions-section #desk-table tbody tr {
    height: 141px; }
    /* line 756, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #desk-table tbody tr td:first-child,
    .page-tickets #general-admissions-section #desk-table tbody tr td:first-child {
      padding: 11px; }
    /* line 759, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #desk-table tbody tr h5,
    .page-tickets #general-admissions-section #desk-table tbody tr h5 {
      line-height: 1.25;
      letter-spacing: 2px;
      margin-bottom: 7px;
      text-transform: uppercase; }
    /* line 765, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #desk-table tbody tr p,
    .page-tickets #general-admissions-section #desk-table tbody tr p {
      line-height: 1.29;
      letter-spacing: 0.7px; }
  /* line 772, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section .mobile.container-fluid,
  .page-tickets #general-admissions-section .mobile.container-fluid {
    padding-left: 18px;
    padding-right: 18px;
    width: unset; }
  /* line 777, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section .header3,
  .page-tickets #general-admissions-section .header3 {
    margin: 48px 0px 22px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 777, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section .header3,
      .page-tickets #general-admissions-section .header3 {
        display: none; } }
  /* line 787, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #mobile-table .mob-panel,
  .page-tickets #general-admissions-section #mobile-table .mob-panel {
    display: none; }
  /* line 790, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section #mobile-table .collapsible,
  .page-tickets #general-admissions-section #mobile-table .collapsible {
    margin: 7px 0px; }
    /* line 793, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title,
    .page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title {
      background-color: #E0E0E0;
      position: relative;
      padding: 27px 19px; }
      /* line 796, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title.active,
      .page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title.active {
        background-color: #E8D6C3; }
      /* line 800, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title .body1,
      .page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title .body1 {
        margin-bottom: 6px;
        text-transform: uppercase;
        letter-spacing: 2px; }
      /* line 805, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title .body2b,
      .page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title .body2b {
        width: 92%; }
      /* line 808, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title:after,
      .page-tickets #general-admissions-section #mobile-table .collapsible .mobile-ticket-title:after {
        font-family: 'Font Awesome 5 Pro';
        content: '\f107';
        float: right;
        color: #000;
        font-size: 1.2em;
        top: 27px;
        position: absolute;
        right: 19px;
        font-weight: normal; }
    /* line 821, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #mobile-table .collapsible.expand .mobile-ticket-title,
    .page-tickets #general-admissions-section #mobile-table .collapsible.expand .mobile-ticket-title {
      background-color: #888888;
      color: white; }
      /* line 824, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible.expand .mobile-ticket-title.active,
      .page-tickets #general-admissions-section #mobile-table .collapsible.expand .mobile-ticket-title.active {
        background-color: #8B6A59; }
      /* line 828, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible.expand .mobile-ticket-title:after,
      .page-tickets #general-admissions-section #mobile-table .collapsible.expand .mobile-ticket-title:after {
        font-family: 'Font Awesome 5 Pro';
        content: '\f106';
        float: right;
        color: #fff;
        font-size: 1.2em;
        font-weight: normal; }
    /* line 838, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .title-row,
    .page-tickets #general-admissions-section #mobile-table .collapsible .title-row {
      background-color: #E0E0E0;
      color: #888888;
      letter-spacing: 1.5px; }
      /* line 843, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .title-row.current-phase,
      .page-tickets #general-admissions-section #mobile-table .collapsible .title-row.current-phase {
        background-color: #E8D6C3;
        color: #000000; }
      /* line 848, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .title-row.current-phase-inactive,
      .page-tickets #general-admissions-section #mobile-table .collapsible .title-row.current-phase-inactive {
        background-color: #C0C0C0;
        color: #000000; }
      /* line 852, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .title-row td,
      .page-tickets #general-admissions-section #mobile-table .collapsible .title-row td {
        padding: 14px 19px; }
        /* line 854, sass/page/_tickets.scss */
        .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .title-row td h7,
        .page-tickets #general-admissions-section #mobile-table .collapsible .title-row td h7 {
          float: left; }
        /* line 857, sass/page/_tickets.scss */
        .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .title-row td p,
        .page-tickets #general-admissions-section #mobile-table .collapsible .title-row td p {
          float: right; }
    /* line 863, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .price-row,
    .page-tickets #general-admissions-section #mobile-table .collapsible .price-row {
      background-color: #F4F4F4;
      color: #888888;
      letter-spacing: 1.5px; }
      /* line 868, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .price-row.current-phase,
      .page-tickets #general-admissions-section #mobile-table .collapsible .price-row.current-phase {
        background-color: #F8F1E4; }
        /* line 870, sass/page/_tickets.scss */
        .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .price-row.current-phase .price,
        .page-tickets #general-admissions-section #mobile-table .collapsible .price-row.current-phase .price {
          color: #171717; }
      /* line 875, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .price-row.current-phase-inactive,
      .page-tickets #general-admissions-section #mobile-table .collapsible .price-row.current-phase-inactive {
        background-color: #F4F4F4;
        color: #000000; }
        /* line 878, sass/page/_tickets.scss */
        .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .price-row.current-phase-inactive .price,
        .page-tickets #general-admissions-section #mobile-table .collapsible .price-row.current-phase-inactive .price {
          color: #888888; }
      /* line 884, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .price-row td,
      .page-tickets #general-admissions-section #mobile-table .collapsible .price-row td {
        padding: 14px 19px; }
        /* line 886, sass/page/_tickets.scss */
        .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .price-row td .price,
        .page-tickets #general-admissions-section #mobile-table .collapsible .price-row td .price {
          float: left;
          line-height: 34px; }
        /* line 890, sass/page/_tickets.scss */
        .page-template-page-tickets #general-admissions-section #mobile-table .collapsible .price-row td .add-to-cart-container,
        .page-tickets #general-admissions-section #mobile-table .collapsible .price-row td .add-to-cart-container {
          float: right;
          color: white; }
  /* line 898, sass/page/_tickets.scss */
  .page-template-page-tickets #general-admissions-section .ga-footnote,
  .page-tickets #general-admissions-section .ga-footnote {
    padding-left: 18px;
    padding-right: 18px;
    width: unset; }
    @media (min-width: 48em) {
      /* line 898, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section .ga-footnote,
      .page-tickets #general-admissions-section .ga-footnote {
        padding-left: 0px;
        padding-right: 0px; } }
    @media (min-width: 48em) {
      /* line 898, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section .ga-footnote,
      .page-tickets #general-admissions-section .ga-footnote {
        width: 750px; } }
    @media (min-width: 62em) {
      /* line 898, sass/page/_tickets.scss */
      .page-template-page-tickets #general-admissions-section .ga-footnote,
      .page-tickets #general-admissions-section .ga-footnote {
        width: 910px; } }
    /* line 917, sass/page/_tickets.scss */
    .page-template-page-tickets #general-admissions-section .ga-footnote .ga-ticket-notes,
    .page-tickets #general-admissions-section .ga-footnote .ga-ticket-notes {
      padding: 15px 11px; }
  /* line 923, sass/page/_tickets.scss */
  .page-template-page-tickets #ticket-info-section,
  .page-tickets #ticket-info-section {
    color: #000000;
    padding: 0px;
    padding-top: 60px; }
    @media (min-width: 48em) {
      /* line 923, sass/page/_tickets.scss */
      .page-template-page-tickets #ticket-info-section,
      .page-tickets #ticket-info-section {
        padding-top: 0px; } }
    /* line 930, sass/page/_tickets.scss */
    .page-template-page-tickets #ticket-info-section h7,
    .page-tickets #ticket-info-section h7 {
      display: block;
      font-stretch: normal;
      line-height: 1.29;
      letter-spacing: 2.8px;
      margin: 12px 0px; }
    /* line 937, sass/page/_tickets.scss */
    .page-template-page-tickets #ticket-info-section ul,
    .page-tickets #ticket-info-section ul {
      list-style-position: outside;
      padding-left: 18px;
      list-style-type: disc; }
      /* line 941, sass/page/_tickets.scss */
      .page-template-page-tickets #ticket-info-section ul li,
      .page-tickets #ticket-info-section ul li {
        line-height: 1.6;
        letter-spacing: 0.6px; }
        @media (min-width: 48em) {
          /* line 941, sass/page/_tickets.scss */
          .page-template-page-tickets #ticket-info-section ul li,
          .page-tickets #ticket-info-section ul li {
            line-height: 1.83; } }
    /* line 951, sass/page/_tickets.scss */
    .page-template-page-tickets #ticket-info-section a,
    .page-tickets #ticket-info-section a {
      text-decoration: underline; }
      /* line 953, sass/page/_tickets.scss */
      .page-template-page-tickets #ticket-info-section a:hover,
      .page-tickets #ticket-info-section a:hover {
        color: white;
        background-color: #333333;
        font-weight: 500; }
      /* line 958, sass/page/_tickets.scss */
      .page-template-page-tickets #ticket-info-section a:active,
      .page-tickets #ticket-info-section a:active {
        color: white;
        background-color: #000000;
        font-weight: 500; }
  @media (max-width: 414px) {
    /* line 967, sass/page/_tickets.scss */
    .page-template-page-tickets .ticket-info-container,
    .page-tickets .ticket-info-container {
      width: 88%; } }

/* line 36, sass/wonderfruit.scss */
.page-template-page-accommodations,
.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-template-page-accommodations .content-header,
  .page-accommodations .content-header {
    background-size: 100% auto;
    background-position-y: 50%;
    /*
        background-color: #D08023;
        background-color: rgba(208,128,35,.9);    
    */
    background-image: none; }
  /* line 10, sass/page/_accommodations.scss */
  .page-template-page-accommodations .content-header::after,
  .page-accommodations .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-accommodations-mob.jpg);
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-position: bottom; }
  @media (min-width: 62em) {
    /* line 26, sass/page/_accommodations.scss */
    .page-template-page-accommodations .content-header::after,
    .page-accommodations .content-header::after {
      background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-accommodations.jpg); } }
  /* line 33, sass/page/_accommodations.scss */
  .page-template-page-accommodations .content-area ol, .page-template-page-accommodations .content-area ul,
  .page-accommodations .content-area ol,
  .page-accommodations .content-area ul {
    list-style: initial;
    list-style-position: inside; }
  /* line 41, sass/page/_accommodations.scss */
  .page-template-page-accommodations .content-submenu .container .submenu-link,
  .page-accommodations .content-submenu .container .submenu-link {
    color: #D6810C; }
  /* line 46, sass/page/_accommodations.scss */
  .page-template-page-accommodations #main,
  .page-accommodations #main {
    overflow: hidden; }
  @media (min-width: 48em) {
    /* line 49, sass/page/_accommodations.scss */
    .page-template-page-accommodations section,
    .page-accommodations section {
      padding: 70px 0px 60px; } }
  /* line 54, sass/page/_accommodations.scss */
  .page-template-page-accommodations section:after,
  .page-accommodations section:after {
    clear: both;
    content: " ";
    display: table; }
  /* line 59, sass/page/_accommodations.scss */
  .page-template-page-accommodations a.anchor,
  .page-accommodations a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden; }
  /* line 66, sass/page/_accommodations.scss */
  .page-template-page-accommodations .boutique-title,
  .page-accommodations .boutique-title {
    color: #3B7575;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 66, sass/page/_accommodations.scss */
      .page-template-page-accommodations .boutique-title,
      .page-accommodations .boutique-title {
        text-align: left; } }
  /* line 75, sass/page/_accommodations.scss */
  .page-template-page-accommodations .camping-title,
  .page-accommodations .camping-title {
    /* 				color: #FF6464;	 */
    color: #171717;
    line-height: 22px;
    margin: 10px 0px; }
  /* line 81, sass/page/_accommodations.scss */
  .page-template-page-accommodations .camping-subtitle,
  .page-accommodations .camping-subtitle {
    /* 				color: #FF6464;	 */
    color: #171717;
    line-height: 18px; }
  /* line 86, sass/page/_accommodations.scss */
  .page-template-page-accommodations .camping-body,
  .page-accommodations .camping-body {
    line-height: 18px;
    margin: 14px 0px; }
  /* line 90, sass/page/_accommodations.scss */
  .page-template-page-accommodations.lang-th .camping-body,
  .page-accommodations.lang-th .camping-body {
    line-height: 23px; }
  /* line 93, sass/page/_accommodations.scss */
  .page-template-page-accommodations .camping-price,
  .page-accommodations .camping-price {
    color: #171717;
    line-height: 20px;
    margin: 16px 0px 20px;
    line-height: 0px;
    letter-spacing: 1.5px; }
    @media (min-width: 48em) {
      /* line 93, sass/page/_accommodations.scss */
      .page-template-page-accommodations .camping-price,
      .page-accommodations .camping-price {
        margin: 0px 0px 28px; } }
  /* line 104, sass/page/_accommodations.scss */
  .page-template-page-accommodations.lang-th .camping-price,
  .page-accommodations.lang-th .camping-price {
    margin: 16px 0px 18px; }
    @media (min-width: 48em) {
      /* line 104, sass/page/_accommodations.scss */
      .page-template-page-accommodations.lang-th .camping-price,
      .page-accommodations.lang-th .camping-price {
        margin: 4px 0px 18px; } }
  /* line 113, sass/page/_accommodations.scss */
  .page-template-page-accommodations .quantity-lbl,
  .page-accommodations .quantity-lbl {
    display: inline;
    color: #171717;
    line-height: 16px; }
  /* line 119, sass/page/_accommodations.scss */
  .page-template-page-accommodations .quantity-container,
  .page-accommodations .quantity-container {
    display: inline-block; }
    /* line 121, sass/page/_accommodations.scss */
    .page-template-page-accommodations .quantity-container select,
    .page-accommodations .quantity-container select {
      letter-spacing: 2.8px; }
  /* line 128, sass/page/_accommodations.scss */
  .page-template-page-accommodations.lang-th .quantity-container select,
  .page-accommodations.lang-th .quantity-container select {
    letter-spacing: 1.5px; }
  /* line 133, sass/page/_accommodations.scss */
  .page-template-page-accommodations .atc-container,
  .page-accommodations .atc-container {
    text-align: center;
    display: inline-block;
    float: right;
    margin: 0px 0px 45px; }
    @media (min-width: 48em) {
      /* line 133, sass/page/_accommodations.scss */
      .page-template-page-accommodations .atc-container,
      .page-accommodations .atc-container {
        float: none;
        margin: 30px 0px 45px; } }
  /* line 143, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-type-title,
  .page-accommodations .hotel-type-title {
    color: #3B7575;
    padding: 15px 0px; }
  /* line 148, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-name,
  .page-accommodations .hotel-name {
    color: #171717;
    line-height: 20px;
    margin: 15px 0px; }
    @media (min-width: 48em) {
      /* line 148, sass/page/_accommodations.scss */
      .page-template-page-accommodations .hotel-name,
      .page-accommodations .hotel-name {
        line-height: 26px; } }
  /* line 159, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-body,
  .page-accommodations .hotel-body {
    line-height: 16px;
    margin: 14px 0px; }
    @media (min-width: 48em) {
      /* line 159, sass/page/_accommodations.scss */
      .page-template-page-accommodations .hotel-body,
      .page-accommodations .hotel-body {
        line-height: 18px;
        min-height: 235px; } }
  @media (min-width: 48em) {
    /* line 167, sass/page/_accommodations.scss */
    .page-template-page-accommodations .row.packages .hotel-body,
    .page-accommodations .row.packages .hotel-body {
      min-height: 88px; } }
  /* line 172, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-room-type,
  .page-accommodations .hotel-room-type {
    color: #171717;
    line-height: 16px;
    display: inline; }
  /* line 177, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-price,
  .page-accommodations .hotel-price {
    color: #171717;
    line-height: 18px; }
  /* line 182, sass/page/_accommodations.scss */
  .page-template-page-accommodations.lang-th .hotel-price,
  .page-accommodations.lang-th .hotel-price {
    letter-spacing: 0.07em; }
  /* line 185, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-price-subtext,
  .page-accommodations .hotel-price-subtext {
    color: #171717;
    line-height: 18px;
    float: right; }
  /* line 190, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-price-subtext span,
  .page-accommodations .hotel-price-subtext span {
    font-size: 12px;
    line-height: 14px; }
  /* line 194, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-partners-section .col-md-4 .col-md-12,
  .page-accommodations .hotel-partners-section .col-md-4 .col-md-12 {
    padding: 0px; }
  @media (min-width: 48em) {
    /* line 197, sass/page/_accommodations.scss */
    .page-template-page-accommodations .row.hotel-partners-section .hotel-name,
    .page-accommodations .row.hotel-partners-section .hotel-name {
      min-height: 55px; } }
  /* line 203, sass/page/_accommodations.scss */
  .page-template-page-accommodations .row.hotel-partners-section .hotel-type-title,
  .page-accommodations .row.hotel-partners-section .hotel-type-title {
    text-align: center; }
    @media (min-width: 48em) {
      /* line 203, sass/page/_accommodations.scss */
      .page-template-page-accommodations .row.hotel-partners-section .hotel-type-title,
      .page-accommodations .row.hotel-partners-section .hotel-type-title {
        text-align: left; } }
  @media (min-width: 48em) {
    /* line 209, sass/page/_accommodations.scss */
    .page-template-page-accommodations .row.hotel-partners-section .hotel-partner-cta,
    .page-accommodations .row.hotel-partners-section .hotel-partner-cta {
      text-align: center; } }
  /* line 214, sass/page/_accommodations.scss */
  .page-template-page-accommodations .row.hotel-partners-section .atc-container,
  .page-accommodations .row.hotel-partners-section .atc-container {
    float: none;
    display: block; }
  /* line 219, sass/page/_accommodations.scss */
  .page-template-page-accommodations .row.hotel-partners-section .hotel-body,
  .page-accommodations .row.hotel-partners-section .hotel-body {
    line-height: 16px;
    margin: 14px 0px; }
    @media (min-width: 48em) {
      /* line 219, sass/page/_accommodations.scss */
      .page-template-page-accommodations .row.hotel-partners-section .hotel-body,
      .page-accommodations .row.hotel-partners-section .hotel-body {
        line-height: 18px;
        min-height: 360px; } }
    /* line 226, sass/page/_accommodations.scss */
    .page-template-page-accommodations .row.hotel-partners-section .hotel-body .hotel-room-type,
    .page-accommodations .row.hotel-partners-section .hotel-body .hotel-room-type {
      font-weight: bold; }
    /* line 229, sass/page/_accommodations.scss */
    .page-template-page-accommodations .row.hotel-partners-section .hotel-body ul,
    .page-accommodations .row.hotel-partners-section .hotel-body ul {
      list-style-position: outside;
      padding-left: 17px; }
  /* line 236, sass/page/_accommodations.scss */
  .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout,
  .page-accommodations #hotel-packages-section .packages .hotel-checkout {
    margin: 18px 0px;
    text-align: center; }
    /* line 242, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout,
    .page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout {
      text-align: center; }
      @media (min-width: 48em) {
        /* line 242, sass/page/_accommodations.scss */
        .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout,
        .page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout {
          text-align: left; } }
      /* line 247, sass/page/_accommodations.scss */
      .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout .atc-container,
      .page-accommodations #hotel-packages-section .packages .hotel-checkout.soldout .atc-container {
        margin-left: 0px;
        float: none; }
    /* line 252, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout .checkout,
    .page-accommodations #hotel-packages-section .packages .hotel-checkout .checkout {
      margin: 18px auto;
      width: 90%; }
    /* line 256, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout .atc-container,
    .page-accommodations #hotel-packages-section .packages .hotel-checkout .atc-container {
      display: inline-block;
      margin-left: 0px;
      float: none;
      margin: 0px 0px 0px; }
      @media (min-width: 48em) {
        /* line 256, sass/page/_accommodations.scss */
        .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout .atc-container,
        .page-accommodations #hotel-packages-section .packages .hotel-checkout .atc-container {
          display: block; } }
      /* line 264, sass/page/_accommodations.scss */
      .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout .atc-container .add-to-cart,
      .page-accommodations #hotel-packages-section .packages .hotel-checkout .atc-container .add-to-cart {
        width: 158px; }
        @media (min-width: 48em) {
          /* line 264, sass/page/_accommodations.scss */
          .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout .atc-container .add-to-cart,
          .page-accommodations #hotel-packages-section .packages .hotel-checkout .atc-container .add-to-cart {
            width: 100%; } }
    /* line 271, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout .quantity-container,
    .page-accommodations #hotel-packages-section .packages .hotel-checkout .quantity-container {
      display: inline-block;
      border: 1px solid #F4F4F4;
      padding: 5px 14px; }
      @media (min-width: 48em) {
        /* line 271, sass/page/_accommodations.scss */
        .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout .quantity-container,
        .page-accommodations #hotel-packages-section .packages .hotel-checkout .quantity-container {
          display: block;
          text-align: center;
          border: 1px solid #F4F4F4;
          padding: 6px;
          margin-bottom: 15px; } }
    /* line 287, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .quantity-container,
    .page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .quantity-container {
      display: inline-block;
      border: 1px solid #F4F4F4;
      padding: 5px 14px;
      width: 49%; }
      @media (min-width: 48em) {
        /* line 287, sass/page/_accommodations.scss */
        .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .quantity-container,
        .page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .quantity-container {
          display: inline-block;
          text-align: center;
          width: 49%;
          border: 1px solid #F4F4F4; } }
    /* line 302, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .atc-container,
    .page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .atc-container {
      /*
      		    display: inline-block;
      			margin-left: 0px;
      			float: none;
      			@include breakpoint(md) {
      				display: block;
      			}	
      */
      display: block; }
      /* line 313, sass/page/_accommodations.scss */
      .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .atc-container .add-to-cart,
      .page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .atc-container .add-to-cart {
        width: 100%;
        margin: 15px 0px; }
        @media (min-width: 48em) {
          /* line 313, sass/page/_accommodations.scss */
          .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .atc-container .add-to-cart,
          .page-accommodations #hotel-packages-section .packages .hotel-checkout.has-room-type .atc-container .add-to-cart {
            width: 100%;
            margin: 0px; } }
    /* line 323, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .hotel-checkout #horseshoe-room-select,
    .page-accommodations #hotel-packages-section .packages .hotel-checkout #horseshoe-room-select {
      width: unset; }
  /* line 331, sass/page/_accommodations.scss */
  .page-template-page-accommodations #siam-at-siam-section .hotel-type-title,
  .page-template-page-accommodations #hotel-packages-section .hotel-type-title,
  .page-accommodations #siam-at-siam-section .hotel-type-title,
  .page-accommodations #hotel-packages-section .hotel-type-title {
    text-align: center;
    color: #3B7575; }
  @media (min-width: 62em) {
    /* line 338, sass/page/_accommodations.scss */
    .page-template-page-accommodations #general-camping-section ul,
    .page-template-page-accommodations #boutique-camping-section ul,
    .page-accommodations #general-camping-section ul,
    .page-accommodations #boutique-camping-section ul {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
      list-style-position: outside;
      padding-left: 17px; }
      /* line 346, sass/page/_accommodations.scss */
      .page-template-page-accommodations #general-camping-section ul li,
      .page-template-page-accommodations #boutique-camping-section ul li,
      .page-accommodations #general-camping-section ul li,
      .page-accommodations #boutique-camping-section ul li {
        padding-right: 6px; }
    /* line 351, sass/page/_accommodations.scss */
    .page-template-page-accommodations .section-description,
    .page-accommodations .section-description {
      color: #1E2D50;
      line-height: 29px;
      display: block;
      margin: 54px 0px; }
    /* line 357, sass/page/_accommodations.scss */
    .page-template-page-accommodations .camping-title,
    .page-accommodations .camping-title {
      line-height: 36px;
      width: 100%;
      margin: 0px; }
    /* line 363, sass/page/_accommodations.scss */
    .page-template-page-accommodations .camping-price,
    .page-accommodations .camping-price {
      line-height: 26px; }
    /* line 367, sass/page/_accommodations.scss */
    .page-template-page-accommodations .hotel-type-title,
    .page-accommodations .hotel-type-title {
      line-height: 48px; }
    /* line 370, sass/page/_accommodations.scss */
    .page-template-page-accommodations .hotel-room-type,
    .page-accommodations .hotel-room-type {
      line-height: 18px; }
    /* line 373, sass/page/_accommodations.scss */
    .page-template-page-accommodations .hotel-price,
    .page-accommodations .hotel-price {
      line-height: 20px; }
    /* line 376, sass/page/_accommodations.scss */
    .page-template-page-accommodations .hotel-price-subtext,
    .page-accommodations .hotel-price-subtext {
      line-height: 18px; }
    /* line 379, sass/page/_accommodations.scss */
    .page-template-page-accommodations .hotel-price-subtext span,
    .page-accommodations .hotel-price-subtext span {
      line-height: 14px; } }
  /* line 388, sass/page/_accommodations.scss */
  .page-template-page-accommodations .general-admission-current-phase,
  .page-accommodations .general-admission-current-phase {
    width: 100%; }
  /* line 391, sass/page/_accommodations.scss */
  .page-template-page-accommodations .table,
  .page-accommodations .table {
    display: table; }
  /* line 392, sass/page/_accommodations.scss */
  .page-template-page-accommodations .table-header,
  .page-accommodations .table-header {
    display: table-header-group; }
  /* line 393, sass/page/_accommodations.scss */
  .page-template-page-accommodations .table-footer,
  .page-accommodations .table-footer {
    display: table-footer-group; }
  /* line 394, sass/page/_accommodations.scss */
  .page-template-page-accommodations .table-body,
  .page-accommodations .table-body {
    display: table-row-group; }
  /* line 395, sass/page/_accommodations.scss */
  .page-template-page-accommodations .table-row,
  .page-accommodations .table-row {
    display: table-row; }
  /* line 396, sass/page/_accommodations.scss */
  .page-template-page-accommodations .table-cell,
  .page-accommodations .table-cell {
    display: table-cell; }
  /* line 398, sass/page/_accommodations.scss */
  .page-template-page-accommodations .pic,
  .page-accommodations .pic {
    width: 100%;
    /*
        margin-right: 38px;
        min-width: 80px;
    */
    background-size: cover;
    background-position: center;
    background-color: #D1CCCA;
    margin-top: 8px; }
  /* line 409, sass/page/_accommodations.scss */
  .page-template-page-accommodations .pic::before,
  .page-accommodations .pic::before {
    content: "";
    display: block;
    padding-top: 66%; }
  /* line 424, sass/page/_accommodations.scss */
  .page-template-page-accommodations .content-area .add-to-cart,
  .page-accommodations .content-area .add-to-cart {
    color: #FFFFFF;
    line-height: 34px;
    text-align: center;
    width: 158px;
    background-color: #3B7575;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2.8px;
    overflow: visible; }
    @media (min-width: 48em) {
      /* line 424, sass/page/_accommodations.scss */
      .page-template-page-accommodations .content-area .add-to-cart,
      .page-accommodations .content-area .add-to-cart {
        padding: 5px 5px;
        width: 172px; } }
    /* line 439, sass/page/_accommodations.scss */
    .page-template-page-accommodations .content-area .add-to-cart:hover,
    .page-accommodations .content-area .add-to-cart:hover {
      /*
      			background-color: #171717;	
      			color: white;	
      */ }
    /* line 445, sass/page/_accommodations.scss */
    .page-template-page-accommodations .content-area .add-to-cart:active,
    .page-accommodations .content-area .add-to-cart:active {
      background-color: #336565;
      color: white; }
    /* line 449, sass/page/_accommodations.scss */
    .page-template-page-accommodations .content-area .add-to-cart:after,
    .page-accommodations .content-area .add-to-cart:after {
      padding: 5px 5px; }
  /* line 459, sass/page/_accommodations.scss */
  .page-template-page-accommodations select::-ms-expand,
  .page-accommodations select::-ms-expand {
    display: none;
    /* remove default arrow in IE 10 and 11 */ }
  @media screen and (min-width: 0\0) {
    /* line 465, sass/page/_accommodations.scss */
    .page-template-page-accommodations select,
    .page-accommodations select {
      background: none\9;
      padding: 5px\9; } }
  /* line 472, sass/page/_accommodations.scss */
  .page-template-page-accommodations .slick-arrow,
  .page-accommodations .slick-arrow {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    color: white;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: white;
    height: 30px;
    width: 30px;
    color: black;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    outline: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all .2s; }
    /* line 491, sass/page/_accommodations.scss */
    .page-template-page-accommodations .slick-arrow i,
    .page-accommodations .slick-arrow i {
      font-size: 1em; }
    /* line 494, sass/page/_accommodations.scss */
    .page-template-page-accommodations .slick-arrow.slick-prev,
    .page-accommodations .slick-arrow.slick-prev {
      left: 3%;
      padding-left: 5px;
      padding: 0px; }
    /* line 499, sass/page/_accommodations.scss */
    .page-template-page-accommodations .slick-arrow.slick-next,
    .page-accommodations .slick-arrow.slick-next {
      right: 3%;
      padding-right: 5px;
      padding: 0px; }
    /* line 505, sass/page/_accommodations.scss */
    .page-template-page-accommodations .slick-arrow:focus,
    .page-accommodations .slick-arrow:focus {
      outline: none; }
    /* line 508, sass/page/_accommodations.scss */
    .page-template-page-accommodations .slick-arrow:hover,
    .page-accommodations .slick-arrow:hover {
      transform: scale(1.1) translateY(-50%); }
    /* line 511, sass/page/_accommodations.scss */
    .page-template-page-accommodations .slick-arrow:active,
    .page-accommodations .slick-arrow:active {
      opacity: .8; }
  /* line 516, sass/page/_accommodations.scss */
  .page-template-page-accommodations .slick-dots,
  .page-accommodations .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    bottom: 15% !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
    columns: 1 !important; }
    @media (min-width: 48em) {
      /* line 516, sass/page/_accommodations.scss */
      .page-template-page-accommodations .slick-dots,
      .page-accommodations .slick-dots {
        bottom: 5% !important; } }
    /* line 532, sass/page/_accommodations.scss */
    .page-template-page-accommodations .slick-dots li,
    .page-accommodations .slick-dots li {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      /* line 540, sass/page/_accommodations.scss */
      .page-template-page-accommodations .slick-dots li button,
      .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 552, sass/page/_accommodations.scss */
        .page-template-page-accommodations .slick-dots li button:before,
        .page-accommodations .slick-dots li button:before {
          font-size: 6px;
          line-height: 20px;
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          content: '\f111';
          text-align: center;
          opacity: .25;
          color: black;
          -webkit-font-smoothing: antialiased;
          font-family: "Font Awesome 5 Pro";
          font-weight: 900;
          -moz-osx-font-smoothing: grayscale; }
  /* line 575, sass/page/_accommodations.scss */
  .page-template-page-accommodations .slick-dots li.slick-active button:before,
  .page-accommodations .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black; }
  /* line 580, sass/page/_accommodations.scss */
  .page-template-page-accommodations .slick-dots li,
  .page-accommodations .slick-dots li {
    margin: 0px !important; }
  /* line 583, sass/page/_accommodations.scss */
  .page-template-page-accommodations .slick-dots li button:before,
  .page-template-page-accommodations .slick-dots li.slick-active button:before,
  .page-accommodations .slick-dots li button:before,
  .page-accommodations .slick-dots li.slick-active button:before {
    color: white !important;
    font-size: 13px !important; }
  /* line 588, sass/page/_accommodations.scss */
  .page-template-page-accommodations .single-image .slick-dots,
  .page-accommodations .single-image .slick-dots {
    display: none; }
  /* line 591, sass/page/_accommodations.scss */
  .page-template-page-accommodations .button1,
  .page-accommodations .button1 {
    letter-spacing: 0.1px; }
    /* line 593, sass/page/_accommodations.scss */
    .page-template-page-accommodations .button1.quantity-lbl,
    .page-accommodations .button1.quantity-lbl {
      text-transform: uppercase;
      letter-spacing: 2.8px; }
  /* line 598, sass/page/_accommodations.scss */
  .page-template-page-accommodations.lang-th .content-area .add-to-cart, .page-template-page-accommodations.lang-th .button1.quantity-lbl,
  .page-accommodations.lang-th .content-area .add-to-cart,
  .page-accommodations.lang-th .button1.quantity-lbl {
    letter-spacing: 1.5px; }
  /* line 602, sass/page/_accommodations.scss */
  .page-template-page-accommodations section#general-camping-section,
  .page-accommodations section#general-camping-section {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/general_camping_bg_mob.jpg);
    content: "";
    background-size: cover;
    background-repeat: no-repeat; }
    @media (min-width: 48em) {
      /* line 602, sass/page/_accommodations.scss */
      .page-template-page-accommodations section#general-camping-section,
      .page-accommodations section#general-camping-section {
        background-image: url(/wp-content/themes/wonderfruit-2019/images/general_camping_bg.jpg); } }
  /* line 613, sass/page/_accommodations.scss */
  .page-template-page-accommodations section#boutique-camping-section,
  .page-accommodations section#boutique-camping-section {
    background-color: #F8F1E4;
    padding-top: 15px;
    padding: 70px 0px 75px;
    margin-bottom: 25px; }
    @media (min-width: 48em) {
      /* line 613, sass/page/_accommodations.scss */
      .page-template-page-accommodations section#boutique-camping-section,
      .page-accommodations section#boutique-camping-section {
        padding: 70px 0px 105px;
        margin-bottom: 75px; } }
    /* line 624, sass/page/_accommodations.scss */
    .page-template-page-accommodations section#boutique-camping-section .kimpton-block .camping-logo,
    .page-accommodations section#boutique-camping-section .kimpton-block .camping-logo {
      margin: 10px auto;
      width: 180px;
      display: block; }
    /* line 629, sass/page/_accommodations.scss */
    .page-template-page-accommodations section#boutique-camping-section .kimpton-block .camping-title,
    .page-accommodations section#boutique-camping-section .kimpton-block .camping-title {
      text-align: center;
      margin: 30px 0 30px; }
    /* line 633, sass/page/_accommodations.scss */
    .page-template-page-accommodations section#boutique-camping-section .kimpton-block .camping-body.description,
    .page-accommodations section#boutique-camping-section .kimpton-block .camping-body.description {
      text-align: left; }
      @media (min-width: 48em) {
        /* line 633, sass/page/_accommodations.scss */
        .page-template-page-accommodations section#boutique-camping-section .kimpton-block .camping-body.description,
        .page-accommodations section#boutique-camping-section .kimpton-block .camping-body.description {
          text-align: center; } }
    /* line 640, sass/page/_accommodations.scss */
    .page-template-page-accommodations section#boutique-camping-section .kimpton-block .camping-body.bullets,
    .page-accommodations section#boutique-camping-section .kimpton-block .camping-body.bullets {
      margin: 30px 0px 45px; }
      @media (min-width: 48em) {
        /* line 640, sass/page/_accommodations.scss */
        .page-template-page-accommodations section#boutique-camping-section .kimpton-block .camping-body.bullets,
        .page-accommodations section#boutique-camping-section .kimpton-block .camping-body.bullets {
          margin: 30px -5px 45px; } }
    /* line 646, sass/page/_accommodations.scss */
    .page-template-page-accommodations section#boutique-camping-section .kimpton-block .add-to-cart,
    .page-accommodations section#boutique-camping-section .kimpton-block .add-to-cart {
      background-color: #C1A275; }
    /* line 649, sass/page/_accommodations.scss */
    .page-template-page-accommodations section#boutique-camping-section .kimpton-block ul li,
    .page-accommodations section#boutique-camping-section .kimpton-block ul li {
      padding-right: 15px;
      /* padding-left: 5px; */
      list-style-position: outside;
      margin-left: 15px; }
  /* line 660, sass/page/_accommodations.scss */
  .page-template-page-accommodations section#general-camping-section .quantity-container,
  .page-accommodations section#general-camping-section .quantity-container {
    border: 1px solid #FFFFFF;
    padding: 5px 14px; }
    @media (min-width: 48em) {
      /* line 660, sass/page/_accommodations.scss */
      .page-template-page-accommodations section#general-camping-section .quantity-container,
      .page-accommodations section#general-camping-section .quantity-container {
        padding: 5px 30px; } }
  /* line 671, sass/page/_accommodations.scss */
  .page-template-page-accommodations section#boutique-camping-section .quantity-container,
  .page-accommodations section#boutique-camping-section .quantity-container {
    border: 1px solid #E0E0E0;
    padding: 5px 14px; }
    @media (min-width: 48em) {
      /* line 671, sass/page/_accommodations.scss */
      .page-template-page-accommodations section#boutique-camping-section .quantity-container,
      .page-accommodations section#boutique-camping-section .quantity-container {
        padding: 5px 30px; } }
  /* line 683, sass/page/_accommodations.scss */
  .page-template-page-accommodations #hotel-packages-section,
  .page-accommodations #hotel-packages-section {
    padding-top: 60px; }
    @media (min-width: 48em) {
      /* line 683, sass/page/_accommodations.scss */
      .page-template-page-accommodations #hotel-packages-section,
      .page-accommodations #hotel-packages-section {
        padding-top: 0px; } }
    /* line 691, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .col-md-6 .col-md-12,
    .page-accommodations #hotel-packages-section .packages .col-md-6 .col-md-12 {
      padding: 0px; }
      @media (min-width: 48em) {
        /* line 691, sass/page/_accommodations.scss */
        .page-template-page-accommodations #hotel-packages-section .packages .col-md-6 .col-md-12,
        .page-accommodations #hotel-packages-section .packages .col-md-6 .col-md-12 {
          min-height: 280px; } }
    /* line 699, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .hotel-partners-section,
    .page-accommodations #hotel-packages-section .hotel-partners-section {
      position: relative;
      padding-top: 120px; }
      @media (min-width: 48em) {
        /* line 699, sass/page/_accommodations.scss */
        .page-template-page-accommodations #hotel-packages-section .hotel-partners-section,
        .page-accommodations #hotel-packages-section .hotel-partners-section {
          position: initial;
          padding-top: 0px; } }
      /* line 707, sass/page/_accommodations.scss */
      .page-template-page-accommodations #hotel-packages-section .hotel-partners-section .atc-container,
      .page-accommodations #hotel-packages-section .hotel-partners-section .atc-container {
        width: 100%;
        float: none;
        margin: 30px 0px 45px; }
        /* line 711, sass/page/_accommodations.scss */
        .page-template-page-accommodations #hotel-packages-section .hotel-partners-section .atc-container .add-to-cart,
        .page-accommodations #hotel-packages-section .hotel-partners-section .atc-container .add-to-cart {
          width: 100%; }
          @media (min-width: 48em) {
            /* line 711, sass/page/_accommodations.scss */
            .page-template-page-accommodations #hotel-packages-section .hotel-partners-section .atc-container .add-to-cart,
            .page-accommodations #hotel-packages-section .hotel-partners-section .atc-container .add-to-cart {
              width: 172px; } }
  /* line 722, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-partners-section .col-md-4,
  .page-accommodations .hotel-partners-section .col-md-4 {
    border-bottom: solid 1px #f4f4f4;
    margin-bottom: 45px; }
    @media (min-width: 48em) {
      /* line 722, sass/page/_accommodations.scss */
      .page-template-page-accommodations .hotel-partners-section .col-md-4,
      .page-accommodations .hotel-partners-section .col-md-4 {
        border-bottom: none; } }
  /* line 729, sass/page/_accommodations.scss */
  .page-template-page-accommodations .hotel-partners-section .col-md-4:last-child,
  .page-accommodations .hotel-partners-section .col-md-4:last-child {
    border-bottom: none; }
  /* line 734, sass/page/_accommodations.scss */
  .page-template-page-accommodations #hotel-packages-section .packages > .col-md-6,
  .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 734, sass/page/_accommodations.scss */
      .page-template-page-accommodations #hotel-packages-section .packages > .col-md-6,
      .page-accommodations #hotel-packages-section .packages > .col-md-6 {
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px; } }
  /* line 744, sass/page/_accommodations.scss */
  .page-template-page-accommodations #hotel-packages-section .packages > .col-md-6:last-child,
  .page-accommodations #hotel-packages-section .packages > .col-md-6:last-child {
    border-bottom: none; }
  @media (min-width: 48em) {
    /* line 747, sass/page/_accommodations.scss */
    .page-template-page-accommodations #hotel-packages-section .packages .atc-container,
    .page-accommodations #hotel-packages-section .packages .atc-container {
      margin-left: 20px; } }
  /* line 754, sass/page/_accommodations.scss */
  .page-template-page-accommodations #boutique-camping-section .container > .row,
  .page-accommodations #boutique-camping-section .container > .row {
    border-bottom: solid 1px #E0E0E0;
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 754, sass/page/_accommodations.scss */
      .page-template-page-accommodations #boutique-camping-section .container > .row,
      .page-accommodations #boutique-camping-section .container > .row {
        border-bottom: none;
        margin-bottom: 45px; } }
  /* line 762, sass/page/_accommodations.scss */
  .page-template-page-accommodations #boutique-camping-section .container > .row:first-child, .page-template-page-accommodations #boutique-camping-section .container > .row:last-child, .page-template-page-accommodations #boutique-camping-section .container > .row.no-border, .page-template-page-accommodations #boutique-camping-section .container > .row:nth-last-child(2),
  .page-accommodations #boutique-camping-section .container > .row:first-child,
  .page-accommodations #boutique-camping-section .container > .row:last-child,
  .page-accommodations #boutique-camping-section .container > .row.no-border,
  .page-accommodations #boutique-camping-section .container > .row:nth-last-child(2) {
    border-bottom: none; }
  /* line 772, sass/page/_accommodations.scss */
  .page-template-page-accommodations #general-camping-section .container > .row,
  .page-accommodations #general-camping-section .container > .row {
    border-bottom: solid 1px white;
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 772, sass/page/_accommodations.scss */
      .page-template-page-accommodations #general-camping-section .container > .row,
      .page-accommodations #general-camping-section .container > .row {
        border-bottom: none;
        margin-bottom: 45px; } }
  /* line 780, sass/page/_accommodations.scss */
  .page-template-page-accommodations #general-camping-section .container > .row:first-child, .page-template-page-accommodations #general-camping-section .container > .row:last-child,
  .page-accommodations #general-camping-section .container > .row:first-child,
  .page-accommodations #general-camping-section .container > .row:last-child {
    border-bottom: none;
    margin-bottom: 0px; }
  /* line 785, sass/page/_accommodations.scss */
  .page-template-page-accommodations #general-camping-section .container .header3b,
  .page-template-page-accommodations #general-camping-section .container .header3,
  .page-accommodations #general-camping-section .container .header3b,
  .page-accommodations #general-camping-section .container .header3 {
    margin: 90px 0px 30px; }
    @media (min-width: 48em) {
      /* line 785, sass/page/_accommodations.scss */
      .page-template-page-accommodations #general-camping-section .container .header3b,
      .page-template-page-accommodations #general-camping-section .container .header3,
      .page-accommodations #general-camping-section .container .header3b,
      .page-accommodations #general-camping-section .container .header3 {
        margin: 30px 0 60px; } }
  /* line 796, sass/page/_accommodations.scss */
  .page-template-page-accommodations .header3b,
  .page-template-page-accommodations .header3,
  .page-accommodations .header3b,
  .page-accommodations .header3 {
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 796, sass/page/_accommodations.scss */
      .page-template-page-accommodations .header3b,
      .page-template-page-accommodations .header3,
      .page-accommodations .header3b,
      .page-accommodations .header3 {
        margin: 30px 0px;
        margin: 30px 0 60px; } }
  /* line 807, sass/page/_accommodations.scss */
  .page-template-page-accommodations .quantity-atc.mobile-center,
  .page-accommodations .quantity-atc.mobile-center {
    margin-top: 30px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 807, sass/page/_accommodations.scss */
      .page-template-page-accommodations .quantity-atc.mobile-center,
      .page-accommodations .quantity-atc.mobile-center {
        margin-top: 0px; } }
    /* line 813, sass/page/_accommodations.scss */
    .page-template-page-accommodations .quantity-atc.mobile-center .atc-container,
    .page-accommodations .quantity-atc.mobile-center .atc-container {
      float: none; }
  @media (min-width: 48em) {
    /* line 820, sass/page/_accommodations.scss */
    .page-template-page-accommodations .quantity-atc.desktop-right,
    .page-accommodations .quantity-atc.desktop-right {
      float: right; } }
  @media (min-width: 48em) {
    /* line 825, sass/page/_accommodations.scss */
    .page-template-page-accommodations .quantity-atc.desktop-left,
    .page-accommodations .quantity-atc.desktop-left {
      float: left; } }
  @media (min-width: 48em) {
    /* line 831, sass/page/_accommodations.scss */
    .page-template-page-accommodations .quantity-atc .quantity-container,
    .page-accommodations .quantity-atc .quantity-container {
      margin-right: 20px; } }
  /* line 837, sass/page/_accommodations.scss */
  .page-template-page-accommodations .content-main,
  .page-accommodations .content-main {
    margin-bottom: 0px;
    margin-top: 0px; }
    @media (min-width: 48em) {
      /* line 837, sass/page/_accommodations.scss */
      .page-template-page-accommodations .content-main,
      .page-accommodations .content-main {
        margin-bottom: 0px;
        margin-top: 0px; } }
  /* line 849, sass/page/_accommodations.scss */
  .page-template-page-accommodations #siam-at-siam-section,
  .page-template-page-accommodations #camp-kerala-section,
  .page-accommodations #siam-at-siam-section,
  .page-accommodations #camp-kerala-section {
    padding: 62px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (min-width: 48em) {
      /* line 849, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section,
      .page-template-page-accommodations #camp-kerala-section,
      .page-accommodations #siam-at-siam-section,
      .page-accommodations #camp-kerala-section {
        padding: 90px 0px; } }
    /* line 855, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section ul,
    .page-template-page-accommodations #camp-kerala-section ul,
    .page-accommodations #siam-at-siam-section ul,
    .page-accommodations #camp-kerala-section ul {
      list-style-position: outside;
      padding-left: 17px; }
      /* line 858, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section ul li,
      .page-template-page-accommodations #camp-kerala-section ul li,
      .page-accommodations #siam-at-siam-section ul li,
      .page-accommodations #camp-kerala-section ul li {
        padding-right: 6px; }
    /* line 862, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .button1,
    .page-template-page-accommodations #camp-kerala-section .button1,
    .page-accommodations #siam-at-siam-section .button1,
    .page-accommodations #camp-kerala-section .button1 {
      color: #3c5fa0;
      letter-spacing: 2.8px;
      text-decoration: none; }
      /* line 866, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .button1:hover,
      .page-template-page-accommodations #camp-kerala-section .button1:hover,
      .page-accommodations #siam-at-siam-section .button1:hover,
      .page-accommodations #camp-kerala-section .button1:hover {
        color: #153e86; }
      /* line 869, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .button1:active,
      .page-template-page-accommodations #camp-kerala-section .button1:active,
      .page-accommodations #siam-at-siam-section .button1:active,
      .page-accommodations #camp-kerala-section .button1:active {
        color: #1e2d50; }
    /* line 873, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .link-container,
    .page-template-page-accommodations #camp-kerala-section .link-container,
    .page-accommodations #siam-at-siam-section .link-container,
    .page-accommodations #camp-kerala-section .link-container {
      text-align: center;
      margin-top: 50px;
      margin-bottom: 80px; }
      @media (min-width: 48em) {
        /* line 873, sass/page/_accommodations.scss */
        .page-template-page-accommodations #siam-at-siam-section .link-container,
        .page-template-page-accommodations #camp-kerala-section .link-container,
        .page-accommodations #siam-at-siam-section .link-container,
        .page-accommodations #camp-kerala-section .link-container {
          margin-top: 65px;
          text-align: left; } }
      /* line 880, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .link-container a,
      .page-template-page-accommodations #camp-kerala-section .link-container a,
      .page-accommodations #siam-at-siam-section .link-container a,
      .page-accommodations #camp-kerala-section .link-container a {
        color: #AFE9FF;
        margin: 0px -8px;
        opacity: .8; }
        @media (min-width: 48em) {
          /* line 880, sass/page/_accommodations.scss */
          .page-template-page-accommodations #siam-at-siam-section .link-container a,
          .page-template-page-accommodations #camp-kerala-section .link-container a,
          .page-accommodations #siam-at-siam-section .link-container a,
          .page-accommodations #camp-kerala-section .link-container a {
            margin: 0px; } }
        /* line 887, sass/page/_accommodations.scss */
        .page-template-page-accommodations #siam-at-siam-section .link-container a:hover,
        .page-template-page-accommodations #camp-kerala-section .link-container a:hover,
        .page-accommodations #siam-at-siam-section .link-container a:hover,
        .page-accommodations #camp-kerala-section .link-container a:hover {
          color: #AFE9FF;
          opacity: 1; }
        /* line 891, sass/page/_accommodations.scss */
        .page-template-page-accommodations #siam-at-siam-section .link-container a:active,
        .page-template-page-accommodations #camp-kerala-section .link-container a:active,
        .page-accommodations #siam-at-siam-section .link-container a:active,
        .page-accommodations #camp-kerala-section .link-container a:active {
          color: #AFE9FF;
          opacity: .9; }
    /* line 902, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .container,
    .page-template-page-accommodations #camp-kerala-section .container,
    .page-accommodations #siam-at-siam-section .container,
    .page-accommodations #camp-kerala-section .container {
      position: relative; }
      @media (min-width: 48em) {
        /* line 906, sass/page/_accommodations.scss */
        .page-template-page-accommodations #siam-at-siam-section .container .ck-bg,
        .page-template-page-accommodations #camp-kerala-section .container .ck-bg,
        .page-accommodations #siam-at-siam-section .container .ck-bg,
        .page-accommodations #camp-kerala-section .container .ck-bg {
          background-color: #426279;
          position: absolute;
          height: 100%;
          width: 75%;
          right: 0px; }
        /* line 913, sass/page/_accommodations.scss */
        .page-template-page-accommodations #siam-at-siam-section .container .sas-bg,
        .page-template-page-accommodations #camp-kerala-section .container .sas-bg,
        .page-accommodations #siam-at-siam-section .container .sas-bg,
        .page-accommodations #camp-kerala-section .container .sas-bg {
          background-color: #00A4C1;
          position: absolute;
          height: 100%;
          width: 75%;
          left: 0px; }
        /* line 921, sass/page/_accommodations.scss */
        .page-template-page-accommodations #siam-at-siam-section .container .row,
        .page-template-page-accommodations #camp-kerala-section .container .row,
        .page-accommodations #siam-at-siam-section .container .row,
        .page-accommodations #camp-kerala-section .container .row {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; } }
      @media (min-width: 80em) {
        /* line 902, sass/page/_accommodations.scss */
        .page-template-page-accommodations #siam-at-siam-section .container,
        .page-template-page-accommodations #camp-kerala-section .container,
        .page-accommodations #siam-at-siam-section .container,
        .page-accommodations #camp-kerala-section .container {
          width: 1260px; }
          /* line 931, sass/page/_accommodations.scss */
          .page-template-page-accommodations #siam-at-siam-section .container .column-right,
          .page-template-page-accommodations #camp-kerala-section .container .column-right,
          .page-accommodations #siam-at-siam-section .container .column-right,
          .page-accommodations #camp-kerala-section .container .column-right {
            padding-left: 80px;
            padding-right: 100px; } }
    /* line 939, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .camping-subtitle,
    .page-template-page-accommodations #siam-at-siam-section .camping-title,
    .page-template-page-accommodations #siam-at-siam-section .camping-price,
    .page-template-page-accommodations #siam-at-siam-section .camping-body,
    .page-template-page-accommodations #camp-kerala-section .camping-subtitle,
    .page-template-page-accommodations #camp-kerala-section .camping-title,
    .page-template-page-accommodations #camp-kerala-section .camping-price,
    .page-template-page-accommodations #camp-kerala-section .camping-body,
    .page-accommodations #siam-at-siam-section .camping-subtitle,
    .page-accommodations #siam-at-siam-section .camping-title,
    .page-accommodations #siam-at-siam-section .camping-price,
    .page-accommodations #siam-at-siam-section .camping-body,
    .page-accommodations #camp-kerala-section .camping-subtitle,
    .page-accommodations #camp-kerala-section .camping-title,
    .page-accommodations #camp-kerala-section .camping-price,
    .page-accommodations #camp-kerala-section .camping-body {
      color: white; }
    /* line 945, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .camping-fineprint,
    .page-template-page-accommodations #camp-kerala-section .camping-fineprint,
    .page-accommodations #siam-at-siam-section .camping-fineprint,
    .page-accommodations #camp-kerala-section .camping-fineprint {
      color: #D5D5D5; }
    /* line 948, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .camping-logo,
    .page-template-page-accommodations #camp-kerala-section .camping-logo,
    .page-accommodations #siam-at-siam-section .camping-logo,
    .page-accommodations #camp-kerala-section .camping-logo {
      width: 122px;
      margin: 40px auto; }
    /* line 952, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .camping-title,
    .page-template-page-accommodations #siam-at-siam-section .camping-price,
    .page-template-page-accommodations #camp-kerala-section .camping-title,
    .page-template-page-accommodations #camp-kerala-section .camping-price,
    .page-accommodations #siam-at-siam-section .camping-title,
    .page-accommodations #siam-at-siam-section .camping-price,
    .page-accommodations #camp-kerala-section .camping-title,
    .page-accommodations #camp-kerala-section .camping-price {
      text-align: center; }
    /* line 956, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .camping-subtitle,
    .page-template-page-accommodations #camp-kerala-section .camping-subtitle,
    .page-accommodations #siam-at-siam-section .camping-subtitle,
    .page-accommodations #camp-kerala-section .camping-subtitle {
      text-transform: uppercase;
      border: 1px solid white;
      padding: 2px 12px;
      letter-spacing: .2em;
      margin: 7px 0px; }
    @media (min-width: 48em) {
      /* line 964, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .camping-subtitle.desktop-only,
      .page-template-page-accommodations #camp-kerala-section .camping-subtitle.desktop-only,
      .page-accommodations #siam-at-siam-section .camping-subtitle.desktop-only,
      .page-accommodations #camp-kerala-section .camping-subtitle.desktop-only {
        display: inline-block; } }
    /* line 969, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .camping-subtitle.mobile-only,
    .page-template-page-accommodations #camp-kerala-section .camping-subtitle.mobile-only,
    .page-accommodations #siam-at-siam-section .camping-subtitle.mobile-only,
    .page-accommodations #camp-kerala-section .camping-subtitle.mobile-only {
      display: inline-block; }
      @media (min-width: 48em) {
        /* line 969, sass/page/_accommodations.scss */
        .page-template-page-accommodations #siam-at-siam-section .camping-subtitle.mobile-only,
        .page-template-page-accommodations #camp-kerala-section .camping-subtitle.mobile-only,
        .page-accommodations #siam-at-siam-section .camping-subtitle.mobile-only,
        .page-accommodations #camp-kerala-section .camping-subtitle.mobile-only {
          display: none; } }
    /* line 975, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .camping-price,
    .page-template-page-accommodations #camp-kerala-section .camping-price,
    .page-accommodations #siam-at-siam-section .camping-price,
    .page-accommodations #camp-kerala-section .camping-price {
      margin: 25px 0px 35px; }
    /* line 978, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section:before,
    .page-template-page-accommodations #camp-kerala-section:before,
    .page-accommodations #siam-at-siam-section:before,
    .page-accommodations #camp-kerala-section:before {
      position: absolute;
      content: "";
      background-color: #426279;
      width: 100%;
      height: calc(100% - 350px);
      margin-top: 275px; }
    @media (min-width: 48em) {
      /* line 990, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section:before,
      .page-template-page-accommodations #camp-kerala-section:before,
      .page-accommodations #siam-at-siam-section:before,
      .page-accommodations #camp-kerala-section:before {
        display: none; }
      /* line 994, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .accommodation-slideshow-container,
      .page-template-page-accommodations #camp-kerala-section .accommodation-slideshow-container,
      .page-accommodations #siam-at-siam-section .accommodation-slideshow-container,
      .page-accommodations #camp-kerala-section .accommodation-slideshow-container {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        width: 100%; }
      /* line 1001, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .camping-title,
      .page-template-page-accommodations #siam-at-siam-section .camping-price,
      .page-template-page-accommodations #camp-kerala-section .camping-title,
      .page-template-page-accommodations #camp-kerala-section .camping-price,
      .page-accommodations #siam-at-siam-section .camping-title,
      .page-accommodations #siam-at-siam-section .camping-price,
      .page-accommodations #camp-kerala-section .camping-title,
      .page-accommodations #camp-kerala-section .camping-price {
        text-align: left; }
      /* line 1006, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .camping-price,
      .page-template-page-accommodations #camp-kerala-section .camping-price,
      .page-accommodations #siam-at-siam-section .camping-price,
      .page-accommodations #camp-kerala-section .camping-price {
        margin: 4px 0px 50px; }
      /* line 1009, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .camping-body,
      .page-template-page-accommodations #camp-kerala-section .camping-body,
      .page-accommodations #siam-at-siam-section .camping-body,
      .page-accommodations #camp-kerala-section .camping-body {
        margin: 25px 0px; }
      /* line 1012, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .camping-logo,
      .page-template-page-accommodations #camp-kerala-section .camping-logo,
      .page-accommodations #siam-at-siam-section .camping-logo,
      .page-accommodations #camp-kerala-section .camping-logo {
        width: 122px;
        margin: 40px 20px; } }
  /* line 1020, sass/page/_accommodations.scss */
  .page-template-page-accommodations #siam-at-siam-section:before,
  .page-accommodations #siam-at-siam-section:before {
    background-color: #00A4C1;
    height: calc(100% - 425px);
    margin-top: 350px; }
  /* line 1026, sass/page/_accommodations.scss */
  .page-template-page-accommodations #siam-at-siam-section .column-left,
  .page-accommodations #siam-at-siam-section .column-left {
    text-align: center; }
    @media (min-width: 48em) {
      /* line 1026, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .column-left,
      .page-accommodations #siam-at-siam-section .column-left {
        text-align: right; } }
  /* line 1033, sass/page/_accommodations.scss */
  .page-template-page-accommodations #siam-at-siam-section .camping-logo,
  .page-accommodations #siam-at-siam-section .camping-logo {
    width: 135px;
    margin: 40px auto;
    content: url(/wp-content/themes/wonderfruit-2019/images/acc_sas_logo_mob.png); }
    @media (min-width: 48em) {
      /* line 1033, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .camping-logo,
      .page-accommodations #siam-at-siam-section .camping-logo {
        width: 180px;
        margin: 40px -30px 40px auto;
        content: url(/wp-content/themes/wonderfruit-2019/images/acc_sas_logo.png); } }
  /* line 1043, sass/page/_accommodations.scss */
  .page-template-page-accommodations #siam-at-siam-section .link-container,
  .page-accommodations #siam-at-siam-section .link-container {
    text-align: center; }
    /* line 1045, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .link-container a,
    .page-accommodations #siam-at-siam-section .link-container a {
      text-transform: uppercase;
      background-color: rgba(255, 255, 255, 0.9);
      color: #00A4C1;
      opacity: 1;
      width: 172px;
      height: 40px;
      display: inline-block;
      text-align: center;
      line-height: 40px; }
      /* line 1055, sass/page/_accommodations.scss */
      .page-template-page-accommodations #siam-at-siam-section .link-container a:hover,
      .page-accommodations #siam-at-siam-section .link-container a:hover {
        opacity: 1;
        background-color: white;
        color: #00A4C1; }
  @media (min-width: 48em) {
    /* line 1063, sass/page/_accommodations.scss */
    .page-template-page-accommodations #siam-at-siam-section .camping-price,
    .page-accommodations #siam-at-siam-section .camping-price {
      margin: 20px 0px 20px; } }
  /* line 1069, sass/page/_accommodations.scss */
  .page-template-page-accommodations .pic,
  .page-accommodations .pic {
    margin: 14px 0px;
    position: relative; }
    @media (min-width: 48em) {
      /* line 1069, sass/page/_accommodations.scss */
      .page-template-page-accommodations .pic,
      .page-accommodations .pic {
        margin: 0px;
        margin-top: 8px; } }
  /* line 1077, sass/page/_accommodations.scss */
  .page-template-page-accommodations .official-label,
  .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 1090, sass/page/_accommodations.scss */
  .page-template-page-accommodations .roomtype-container select,
  .page-accommodations .roomtype-container select {
    padding: 5px 36px 5px 12px; }
  @media (min-width: 48em) {
    /* line 1096, sass/page/_accommodations.scss */
    .page-template-page-accommodations #boutique-camping-section .col-md-6,
    .page-accommodations #boutique-camping-section .col-md-6 {
      z-index: 1; }
    /* line 1101, sass/page/_accommodations.scss */
    .page-template-page-accommodations .box-bg:after,
    .page-accommodations .box-bg:after {
      content: "";
      bottom: 0;
      position: absolute;
      z-index: -1;
      background-size: cover;
      width: 100%;
      height: calc(100% - 8px);
      background-repeat: no-repeat; }
    /* line 1111, sass/page/_accommodations.scss */
    .page-template-page-accommodations .box-bg.orange-box-bg:after,
    .page-accommodations .box-bg.orange-box-bg:after {
      background-image: url(/wp-content/themes/wonderfruit-2019/images/acc_boxorange.jpg); }
    /* line 1114, sass/page/_accommodations.scss */
    .page-template-page-accommodations .box-bg.green-box-bg:after,
    .page-accommodations .box-bg.green-box-bg:after {
      background-image: url(/wp-content/themes/wonderfruit-2019/images/acc_boxgreen.jpg); }
    /* line 1117, sass/page/_accommodations.scss */
    .page-template-page-accommodations .box-bg.purple-box-bg:after,
    .page-accommodations .box-bg.purple-box-bg:after {
      background-image: url(/wp-content/themes/wonderfruit-2019/images/acc_boxpurple.jpg); }
    /* line 1120, sass/page/_accommodations.scss */
    .page-template-page-accommodations .box-bg.bottom-left:after,
    .page-accommodations .box-bg.bottom-left:after {
      bottom: -15px;
      left: -15px; }
    /* line 1124, sass/page/_accommodations.scss */
    .page-template-page-accommodations .box-bg.bottom-right:after,
    .page-accommodations .box-bg.bottom-right:after {
      bottom: -15px;
      right: -15px; } }
  /* line 1133, sass/page/_accommodations.scss */
  .page-template-page-accommodations .col-md-6,
  .page-accommodations .col-md-6 {
    padding-left: 0px;
    padding-right: 0px; }
    @media (min-width: 48em) {
      /* line 1133, sass/page/_accommodations.scss */
      .page-template-page-accommodations .col-md-6,
      .page-accommodations .col-md-6 {
        padding-left: 15px;
        padding-right: 15px; } }
  /* line 1143, sass/page/_accommodations.scss */
  .page-template-page-accommodations .col-md-12,
  .page-accommodations .col-md-12 {
    padding-left: 0px;
    padding-right: 0px; }
    @media (min-width: 48em) {
      /* line 1143, sass/page/_accommodations.scss */
      .page-template-page-accommodations .col-md-12,
      .page-accommodations .col-md-12 {
        padding-left: 15px;
        padding-right: 15px; } }

/* line 40, sass/wonderfruit.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) {
      .content-header {
          background-image: url(/wp-content/themes/wonderfruit-2018/images/2018/feasts_bg.jpg);
          background-size: cover;
      }
  }
  */
  /*
  #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;
     	@include breakpoint(md) {
  		left: 0px;
  		top: 40px;
  		transform: scale(0.5) translate(-50%, -50%);
  		display: block;
  	}		
  }
  #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;
      @include breakpoint(md) {
  		display: block;
  		left: -50px;
  		bottom: -140px;
  		transform: scale(0.5) translate(-50%, 50%);
  		z-index: 1;
  	}		
  }
  #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;
     	@include breakpoint(md) {
  		display: block;
  	    right: 0px;
  	    top: -100px;
  	    transform: scale(0.5) translate(50%,-50%);
  	}		
  }
  */
  /*
  @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 */
  /*
  .slick-dots li {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
  }
  
  .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;
  }        	  
  .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 1, sass/page/_eats.scss */
  .page-eats .content-header {
    background-size: 100% auto;
    background-position-y: 50%;
    /*
        background-color: #D08023;
        background-color: rgba(208,128,35,.9);    
    */
    background-image: none; }
  /* line 10, sass/page/_eats.scss */
  .page-eats .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-eats-mob.jpg);
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-position: bottom; }
  @media (min-width: 62em) {
    /* line 26, sass/page/_eats.scss */
    .page-eats .content-header::after {
      background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-eats.jpg); } }
  /* line 33, sass/page/_eats.scss */
  .page-eats .content-area ol, .page-eats .content-area ul {
    list-style: initial;
    list-style-position: inside; }
  /* line 41, sass/page/_eats.scss */
  .page-eats .content-submenu .container .submenu-link {
    color: #D6810C; }
  @media (min-width: 48em) {
    /* line 47, sass/page/_eats.scss */
    .page-eats .content-main {
      margin-bottom: 50px; } }
  /* line 53, sass/page/_eats.scss */
  .page-eats .pic {
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 53, sass/page/_eats.scss */
      .page-eats .pic {
        margin: 0px;
        margin-top: 8px; } }
  /* line 61, sass/page/_eats.scss */
  .page-eats #popup-kitchen-section .section-image {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/eats-popupkitchen_mb.jpg); }
    @media (min-width: 48em) {
      /* line 61, sass/page/_eats.scss */
      .page-eats #popup-kitchen-section .section-image {
        background-image: url(/wp-content/themes/wonderfruit-2019/images/eats-popupkitchen.jpg); } }
  /* line 67, sass/page/_eats.scss */
  .page-eats #wonder-kitchen-section .section-image {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/eats-wonderkitchen_mb.jpg); }
    @media (min-width: 48em) {
      /* line 67, sass/page/_eats.scss */
      .page-eats #wonder-kitchen-section .section-image {
        background-image: url(/wp-content/themes/wonderfruit-2019/images/eats-wonderkitchen.jpg);
        background-position: bottom center; } }
  /* line 74, sass/page/_eats.scss */
  .page-eats #feasts-section .section-image {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/eats-wonderfeasts_mb.jpg); }
    @media (min-width: 48em) {
      /* line 74, sass/page/_eats.scss */
      .page-eats #feasts-section .section-image {
        background-image: url(/wp-content/themes/wonderfruit-2019/images/eats-wonderfeasts.jpg); } }
  /* line 81, sass/page/_eats.scss */
  .page-eats .section-heading {
    padding: 0px;
    width: 100%;
    /* the slides */
    /* the parent */ }
    @media (min-width: 48em) {
      /* line 81, sass/page/_eats.scss */
      .page-eats .section-heading {
        padding: 0px 82px; } }
    /* line 90, sass/page/_eats.scss */
    .page-eats .section-heading .section-image {
      background-size: cover;
      position: relative;
      margin-bottom: 8px; }
      @media (min-width: 48em) {
        /* line 90, sass/page/_eats.scss */
        .page-eats .section-heading .section-image {
          margin-bottom: 8px; } }
      /* line 97, sass/page/_eats.scss */
      .page-eats .section-heading .section-image:before {
        content: "";
        display: block;
        padding-bottom: 100%;
        background-color: rgba(0, 0, 0, 0.15); }
        @media (min-width: 48em) {
          /* line 97, sass/page/_eats.scss */
          .page-eats .section-heading .section-image:before {
            padding-bottom: 30%; } }
      /* line 106, sass/page/_eats.scss */
      .page-eats .section-heading .section-image .section-image-inner {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        position: absolute; }
        /* line 112, sass/page/_eats.scss */
        .page-eats .section-heading .section-image .section-image-inner .eats-title {
          color: white;
          letter-spacing: .2em;
          text-align: center;
          margin: 10px 75px; }
          @media (min-width: 48em) {
            /* line 112, sass/page/_eats.scss */
            .page-eats .section-heading .section-image .section-image-inner .eats-title {
              margin: 0px 0px; } }
        /* line 121, sass/page/_eats.scss */
        .page-eats .section-heading .section-image .section-image-inner .eats-strapline {
          color: white;
          text-align: center;
          margin: 0px 75px; }
          @media (min-width: 48em) {
            /* line 121, sass/page/_eats.scss */
            .page-eats .section-heading .section-image .section-image-inner .eats-strapline {
              margin: 45px auto;
              width: 600px; } }
    /* line 135, sass/page/_eats.scss */
    .page-eats .section-heading .eats-slideshow {
      width: 156%; }
      @media (min-width: 48em) {
        /* line 135, sass/page/_eats.scss */
        .page-eats .section-heading .eats-slideshow {
          width: 100%;
          overflow: hidden; } }
    /* line 143, sass/page/_eats.scss */
    .page-eats .section-heading .slick-slide {
      margin: 0 4px; }
      @media (min-width: 48em) {
        /* line 143, sass/page/_eats.scss */
        .page-eats .section-heading .slick-slide {
          margin: 0 4px; } }
    /* line 150, sass/page/_eats.scss */
    .page-eats .section-heading .slick-list {
      margin: 0 -16px; }
  /* line 154, sass/page/_eats.scss */
  .page-eats .eats-description {
    margin: 0px 0px 120px; }
  /* line 158, sass/page/_eats.scss */
  .page-eats .para-left {
    margin-bottom: 10px; }
    @media (min-width: 48em) {
      /* line 158, sass/page/_eats.scss */
      .page-eats .para-left {
        margin-bottom: 0px;
        text-align: right; } }
  /* line 165, sass/page/_eats.scss */
  .page-eats.lang-th .body2 {
    line-height: 24px; }
  /* line 15, sass/page/_dining.scss */
  .page-eats .content-area ol, .page-eats .content-area ul {
    list-style: initial;
    list-style-position: inside; }
  /* line 20, sass/page/_dining.scss */
  .page-eats .quote {
    line-height: 1.45;
    letter-spacing: 2.2px; }
  /* line 26, sass/page/_dining.scss */
  .page-eats #main {
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px; }
  @media (min-width: 48em) {
    /* line 31, sass/page/_dining.scss */
    .page-eats section {
      padding: 40px; } }
  /* line 36, sass/page/_dining.scss */
  .page-eats section:after {
    clear: both;
    content: " ";
    display: table; }
  /* line 41, sass/page/_dining.scss */
  .page-eats a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden; }
  /* line 48, sass/page/_dining.scss */
  .page-eats .boutique-title {
    color: #6aada9; }
  /* line 51, sass/page/_dining.scss */
  .page-eats .camping-title {
    /* 				color: #FF6464;	 */
    color: #171717;
    margin: 10px 0px 0px;
    line-height: 28px; }
    @media (min-width: 48em) {
      /* line 51, sass/page/_dining.scss */
      .page-eats .camping-title {
        line-height: 22px;
        margin: 10px 0px; } }
  /* line 61, sass/page/_dining.scss */
  .page-eats .camping-subtitle {
    /* 				color: #FF6464;	 */
    color: #171717;
    line-height: 18px; }
  /* line 66, 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 70, sass/page/_dining.scss */
    .page-eats .camping-body b {
      font-weight: bold; }
    @media (min-width: 48em) {
      /* line 66, sass/page/_dining.scss */
      .page-eats .camping-body {
        margin: 14px 0px; } }
    /* line 78, sass/page/_dining.scss */
    .page-eats .camping-body p {
      margin: 0px 0px 14px; }
  /* line 83, 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 83, sass/page/_dining.scss */
      .page-eats .camping-price {
        margin: 14px 0px; } }
  /* line 93, sass/page/_dining.scss */
  .page-eats .quantity-lbl {
    display: inline;
    color: #1E2D50;
    line-height: 16px; }
  /* line 99, sass/page/_dining.scss */
  .page-eats.lang-th .content-area .add-to-cart, .page-eats.lang-th select.button1, .page-eats.lang-th .quantity-lbl {
    letter-spacing: 1.5px; }
  /* line 104, sass/page/_dining.scss */
  .page-eats .quantity-container {
    display: inline-block;
    margin: 0px 10px; }
    @media (min-width: 48em) {
      /* line 104, sass/page/_dining.scss */
      .page-eats .quantity-container {
        margin: 0px; } }
  /* line 111, sass/page/_dining.scss */
  .page-eats .atc-container {
    text-align: center;
    display: inline-block;
    float: none;
    margin: 0px 0px 45px; }
    @media (min-width: 48em) {
      /* line 111, sass/page/_dining.scss */
      .page-eats .atc-container {
        float: none;
        margin: 30px 0px 45px; } }
  @media (min-width: 48em) {
    /* line 123, sass/page/_dining.scss */
    .page-eats #wonder-kitchen-section .col-md-10 {
      padding: 0px 45px; } }
  @media (min-width: 62em) {
    /* line 132, 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;			
      */
      list-style-position: outside;
      text-align: left;
      padding-left: 20px; }
    /* line 146, sass/page/_dining.scss */
    .page-eats .section-description {
      color: #1E2D50;
      line-height: 29px;
      display: block;
      margin: 54px 0px; }
    /* line 152, sass/page/_dining.scss */
    .page-eats .camping-title {
      line-height: 36px;
      width: 100%;
      margin: 0px;
      margin-bottom: 5px; }
    /* line 158, sass/page/_dining.scss */
    .page-eats #wonder-kitchen-section .camping-title {
      margin-bottom: 24px; }
    /* line 162, sass/page/_dining.scss */
    .page-eats .camping-price {
      line-height: 26px; } }
  /* line 171, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-price {
    padding: 10px 0px 0px; }
    @media (min-width: 48em) {
      /* line 171, sass/page/_dining.scss */
      .page-eats #feasts-section .feast-price {
        padding: 0px; } }
  /* line 177, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-image-1a {
    display: none; }
    @media (min-width: 48em) {
      /* line 177, 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 189, 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 199, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-image-2a {
    display: none; }
    @media (min-width: 48em) {
      /* line 199, 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 211, 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 221, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-image-3a {
    display: none; }
    @media (min-width: 48em) {
      /* line 221, 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 233, 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 243, sass/page/_dining.scss */
  .page-eats #feasts-section .feast-image-4a {
    display: none; }
    @media (min-width: 48em) {
      /* line 243, 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 255, 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 315, sass/page/_dining.scss */
  .page-eats .general-admission-current-phase {
    width: 100%; }
  /* line 318, sass/page/_dining.scss */
  .page-eats .table {
    display: table; }
  /* line 319, sass/page/_dining.scss */
  .page-eats .table-header {
    display: table-header-group; }
  /* line 320, sass/page/_dining.scss */
  .page-eats .table-footer {
    display: table-footer-group; }
  /* line 321, sass/page/_dining.scss */
  .page-eats .table-body {
    display: table-row-group; }
  /* line 322, sass/page/_dining.scss */
  .page-eats .table-row {
    display: table-row; }
  /* line 323, sass/page/_dining.scss */
  .page-eats .table-cell {
    display: table-cell; }
  /* line 325, sass/page/_dining.scss */
  .page-eats .pic {
    width: 100%;
    /*
        margin-right: 38px;
        min-width: 80px;
    */
    background-size: cover;
    background-position: center;
    background-color: #D1CCCA;
    padding-top: 8px; }
  /* line 336, sass/page/_dining.scss */
  .page-eats .pic::before {
    content: "";
    display: block;
    padding-top: 66%; }
  /* line 351, sass/page/_dining.scss */
  .page-eats .content-area .add-to-cart {
    color: #FFFFFF;
    line-height: 34px;
    text-align: center;
    width: 120px;
    background-color: #3B7575;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2.8px;
    overflow: inherit; }
    @media (min-width: 48em) {
      /* line 351, sass/page/_dining.scss */
      .page-eats .content-area .add-to-cart {
        padding: 5px 5px;
        width: 152px; } }
    /* line 366, sass/page/_dining.scss */
    .page-eats .content-area .add-to-cart:hover {
      /*
      			background-color: #171717;	
      			color: white;	
      */ }
    /* line 372, sass/page/_dining.scss */
    .page-eats .content-area .add-to-cart:active {
      /*
      			background-color: rgba(23, 23, 23, .8);		
      			color: white;	
      */ }
    /* line 378, sass/page/_dining.scss */
    .page-eats .content-area .add-to-cart:after {
      padding: 5px 5px; }
  /* line 388, 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 394, sass/page/_dining.scss */
    .page-eats select {
      background: none\9;
      padding: 5px\9; } }
@font-face {
  /* line 40, sass/wonderfruit.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 410, sass/page/_dining.scss */
  .page-eats .slick-arrow {
    border: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    color: white;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: white;
    height: 30px;
    width: 30px;
    color: black;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    outline: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all .2s; }
    /* line 428, sass/page/_dining.scss */
    .page-eats .slick-arrow i {
      font-size: 1em; }
    /* line 431, sass/page/_dining.scss */
    .page-eats .slick-arrow:focus {
      outline: none; }
    /* line 434, sass/page/_dining.scss */
    .page-eats .slick-arrow:hover {
      transform: scale(1.1) translateY(-50%); }
    /* line 437, sass/page/_dining.scss */
    .page-eats .slick-arrow:active {
      opacity: .8; }
  /* line 441, sass/page/_dining.scss */
  .page-eats .slick-prev {
    left: 3%;
    padding-left: 5px;
    padding: 0px; }
  /* line 446, sass/page/_dining.scss */
  .page-eats .slick-next {
    right: 3%;
    padding-right: 5px;
    padding: 0px; }
  /* line 451, sass/page/_dining.scss */
  .page-eats .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center !important;
    bottom: 15% !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
    columns: 1 !important; }
    @media (min-width: 48em) {
      /* line 451, sass/page/_dining.scss */
      .page-eats .slick-dots {
        bottom: 5% !important; } }
    /* line 467, 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 475, 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 487, sass/page/_dining.scss */
        .page-eats .slick-dots li button:before {
          font-size: 6px;
          line-height: 20px;
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          content: '\f111';
          text-align: center;
          opacity: .25;
          color: black;
          -webkit-font-smoothing: antialiased;
          font-family: "Font Awesome 5 Pro";
          font-weight: 900;
          -moz-osx-font-smoothing: grayscale; }
  /* line 552, sass/page/_dining.scss */
  .page-eats .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black; }
  /* line 557, sass/page/_dining.scss */
  .page-eats .slick-dots li {
    margin: 0px !important; }
  /* line 560, 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: 13px !important; }
  /* line 567, sass/page/_dining.scss */
  .page-eats .button1 {
    letter-spacing: 0.1px; }
    /* line 569, sass/page/_dining.scss */
    .page-eats .button1.quantity-lbl {
      text-transform: uppercase; }
  /* line 573, sass/page/_dining.scss */
  .page-eats section#wonder-kitchen-section {
    padding-top: 65px; }
    /* line 575, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .container {
      text-align: center; }
    /* line 579, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .camping-title {
      text-align: left; }
      @media (min-width: 48em) {
        /* line 579, sass/page/_dining.scss */
        .page-eats section#wonder-kitchen-section .camping-title {
          text-align: center; } }
    /* line 585, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .camping-price {
      text-align: left;
      margin: 24px 0px; }
      @media (min-width: 48em) {
        /* line 585, sass/page/_dining.scss */
        .page-eats section#wonder-kitchen-section .camping-price {
          text-align: center; } }
    /* line 593, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .bullets {
      margin-bottom: 45px; }
    /* line 596, 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 596, sass/page/_dining.scss */
        .page-eats section#wonder-kitchen-section .divider {
          margin: 42px 0px 78px; } }
    /* line 606, sass/page/_dining.scss */
    .page-eats section#wonder-kitchen-section .pic {
      margin: 7px 0 30px; }
      @media (min-width: 48em) {
        /* line 606, sass/page/_dining.scss */
        .page-eats section#wonder-kitchen-section .pic {
          margin: 0px;
          margin-top: 0px; } }
  /* line 618, sass/page/_dining.scss */
  .page-eats #feasts-section {
    padding-bottom: 20px; }
    @media (min-width: 48em) {
      /* line 618, sass/page/_dining.scss */
      .page-eats #feasts-section {
        padding-bottom: 70px; } }
    /* line 624, sass/page/_dining.scss */
    .page-eats #feasts-section .container > .row {
      border-bottom: none; }
      @media (min-width: 48em) {
        /* line 624, sass/page/_dining.scss */
        .page-eats #feasts-section .container > .row {
          border-bottom: none; } }
    /* line 632, sass/page/_dining.scss */
    .page-eats #feasts-section .container > .row:first-child, .page-eats #feasts-section .container > .row:last-child {
      border-bottom: none; }
    /* line 637, sass/page/_dining.scss */
    .page-eats #feasts-section .quantity-atc {
      margin: 40px 0px 0px; }
      @media (min-width: 48em) {
        /* line 637, sass/page/_dining.scss */
        .page-eats #feasts-section .quantity-atc {
          margin: 0px; } }
  /* line 646, sass/page/_dining.scss */
  .page-eats .header3 {
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 646, sass/page/_dining.scss */
      .page-eats .header3 {
        margin: 30px 0px; } }
  /* line 653, sass/page/_dining.scss */
  .page-eats .time-atc {
    margin-bottom: 15px; }
    @media (min-width: 48em) {
      /* line 653, sass/page/_dining.scss */
      .page-eats .time-atc {
        margin-bottom: 0px; } }
    /* line 659, sass/page/_dining.scss */
    .page-eats .time-atc .time-container select {
      width: 250px;
      margin: 0px 0px 0px 10px; }
      @media (min-width: 48em) {
        /* line 659, sass/page/_dining.scss */
        .page-eats .time-atc .time-container select {
          width: 326px;
          margin: 0px; } }
  /* line 670, sass/page/_dining.scss */
  .page-eats .quantity-atc.mobile-center {
    text-align: center; }
    /* line 672, sass/page/_dining.scss */
    .page-eats .quantity-atc.mobile-center .atc-container {
      float: none; }
  @media (min-width: 48em) {
    /* line 679, sass/page/_dining.scss */
    .page-eats .quantity-atc.desktop-right {
      float: right; } }
  @media (min-width: 48em) {
    /* line 684, sass/page/_dining.scss */
    .page-eats .quantity-atc.desktop-left {
      float: left; } }
  /* line 690, sass/page/_dining.scss */
  .page-eats .quantity-atc .quantity-container {
    border: 1px solid #e0e0e0;
    padding: 5px 15px; }
    @media (min-width: 48em) {
      /* line 690, sass/page/_dining.scss */
      .page-eats .quantity-atc .quantity-container {
        margin-right: 20px;
        padding: 5px 30px; } }
  /* line 699, sass/page/_dining.scss */
  .page-eats .section-heading {
    text-align: center;
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 699, sass/page/_dining.scss */
      .page-eats .section-heading {
        margin-bottom: 90px; } }
  /* line 707, sass/page/_dining.scss */
  .page-eats #popup-kitchen-section .section-heading {
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 707, sass/page/_dining.scss */
      .page-eats #popup-kitchen-section .section-heading {
        margin-bottom: 45px; } }
  /* line 714, sass/page/_dining.scss */
  .page-eats .feast {
    margin-bottom: 0px; }
    @media (min-width: 48em) {
      /* line 714, sass/page/_dining.scss */
      .page-eats .feast {
        margin-bottom: 45px; } }
  /* line 723, 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: #000000; }
  /* line 731, sass/page/_dining.scss */
  .page-eats .menu-link a img {
    width: 20px;
    height: 26.7px;
    vertical-align: middle; }
  @media (min-width: 48em) {
    /* line 738, sass/page/_dining.scss */
    .page-eats .content-main {
      margin-bottom: 50px; } }
  /* line 744, sass/page/_dining.scss */
  .page-eats .pic {
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 744, sass/page/_dining.scss */
      .page-eats .pic {
        margin: 0px;
        margin-top: 0px; } }
  /* line 752, sass/page/_dining.scss */
  .page-eats .wonder-kitchen-friday-section .quantity-atc,
  .page-eats .wonder-kitchen-saturday-section .quantity-atc,
  .page-eats .wonder-kitchen-sunday-section .quantity-atc {
    display: none; }
  /* line 757, sass/page/_dining.scss */
  .page-eats .wonder-kitchen-friday-section .quantity-atc.active,
  .page-eats .wonder-kitchen-saturday-section .quantity-atc.active,
  .page-eats .wonder-kitchen-sunday-section .quantity-atc.active {
    display: block; }
  /* line 763, sass/page/_dining.scss */
  .page-eats #wonder-kitchen-section {
    padding-bottom: 20px; }
    @media (min-width: 48em) {
      /* line 763, sass/page/_dining.scss */
      .page-eats #wonder-kitchen-section {
        padding-bottom: 70px; } }
    /* line 768, sass/page/_dining.scss */
    .page-eats #wonder-kitchen-section .menu-link {
      margin: 40px; }
  /* line 772, sass/page/_dining.scss */
  .page-eats #popup-kitchen-section {
    padding-top: 65px; }
  /* line 776, sass/page/_dining.scss */
  .page-eats #feasts-section .menu-link {
    text-align: center;
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 776, sass/page/_dining.scss */
      .page-eats #feasts-section .menu-link {
        text-align: left;
        margin: 20px 0px; } }
  /* line 785, sass/page/_dining.scss */
  .page-eats .feast-day-header {
    text-align: center;
    color: #336565; }
    /* line 788, sass/page/_dining.scss */
    .page-eats .feast-day-header.day-divider {
      border-top: 1px solid #D5D5D5;
      padding-top: 75px;
      margin-top: 25px; }
      @media (min-width: 48em) {
        /* line 788, sass/page/_dining.scss */
        .page-eats .feast-day-header.day-divider {
          margin-top: 0px; } }
  @media (min-width: 48em) {
    /* line 799, sass/page/_dining.scss */
    .page-eats .col-md-10 .accommodation-slideshow {
      width: 694px; } }

/* line 1, sass/page/_faqs.scss */
.page-template-page-faqs #main,
.page-faqs #main {
  margin-top: 0px; }
  @media (min-width: 48em) {
    /* line 1, sass/page/_faqs.scss */
    .page-template-page-faqs #main,
    .page-faqs #main {
      margin-top: 15px; } }
/* line 9, sass/page/_faqs.scss */
.page-template-page-faqs .content-header,
.page-faqs .content-header {
  background-image: none;
  background-size: 100% auto;
  /*
      background-position-y: 50%;
      background-color: rgba(239,144,107,.9);    
  */
  background-image: none; }
/* line 22, sass/page/_faqs.scss */
.page-template-page-faqs .content-header::after,
.page-faqs .content-header::after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-faq-mob.jpg);
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
  background-position: bottom; }
@media (min-width: 62em) {
  /* line 37, sass/page/_faqs.scss */
  .page-template-page-faqs .content-header::after,
  .page-faqs .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-faq.jpg); } }
/* line 43, sass/page/_faqs.scss */
.page-template-page-faqs .header5,
.page-template-page-faqs .header3,
.page-faqs .header5,
.page-faqs .header3 {
  color: #3B7575; }
/* line 47, sass/page/_faqs.scss */
.page-template-page-faqs .headline-small1,
.page-faqs .headline-small1 {
  color: #171717; }
/* line 52, sass/page/_faqs.scss */
.page-template-page-faqs .panel-group .panel-heading + .panel-collapse > .panel-body,
.page-faqs .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-width: 0px;
  padding: 0px 0px 45px; }
  @media (min-width: 48em) {
    /* line 52, sass/page/_faqs.scss */
    .page-template-page-faqs .panel-group .panel-heading + .panel-collapse > .panel-body,
    .page-faqs .panel-group .panel-heading + .panel-collapse > .panel-body {
      padding: 0px; } }
/* line 60, sass/page/_faqs.scss */
.page-template-page-faqs .panel-group .panel,
.page-faqs .panel-group .panel {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  box-shadow: none; }
/* line 69, sass/page/_faqs.scss */
.page-template-page-faqs .panel-default > .panel-heading,
.page-faqs .panel-default > .panel-heading {
  background-color: inherit;
  padding: 30px 0px 30px;
  background-image: none; }
  @media (min-width: 48em) {
    /* line 69, sass/page/_faqs.scss */
    .page-template-page-faqs .panel-default > .panel-heading,
    .page-faqs .panel-default > .panel-heading {
      padding: 12px 0px 20px; } }
/* line 78, sass/page/_faqs.scss */
.page-template-page-faqs .panel-default:not(:first-child) > .panel-heading,
.page-faqs .panel-default:not(:first-child) > .panel-heading {
  padding: 45px 0px 30px;
  background-image: none;
  border-top: solid 1px #D5D5D5; }
  @media (min-width: 48em) {
    /* line 78, sass/page/_faqs.scss */
    .page-template-page-faqs .panel-default:not(:first-child) > .panel-heading,
    .page-faqs .panel-default:not(:first-child) > .panel-heading {
      padding: 43px 0px 20px;
      margin-top: 43px; } }
/* line 87, sass/page/_faqs.scss */
.page-template-page-faqs .panel-default:first-child > .panel-heading,
.page-faqs .panel-default:first-child > .panel-heading {
  border-top: 0px; }
/* line 91, sass/page/_faqs.scss */
.page-template-page-faqs .panel-default > .panel-heading a,
.page-faqs .panel-default > .panel-heading a {
  display: block;
  pointer-events: none;
  border-width: 0px; }
/* line 96, sass/page/_faqs.scss */
.page-template-page-faqs .panel-default > .panel-heading a h5,
.page-faqs .panel-default > .panel-heading a h5 {
  display: inline-block; }
  @media (min-width: 48em) {
    /* line 96, sass/page/_faqs.scss */
    .page-template-page-faqs .panel-default > .panel-heading a h5,
    .page-faqs .panel-default > .panel-heading a h5 {
      font-size: 44px;
      line-height: 64px; } }
@media (min-width: 48em) {
  /* line 103, sass/page/_faqs.scss */
  .page-template-page-faqs .panel-collapse.collapse,
  .page-faqs .panel-collapse.collapse {
    display: block;
    height: inherit !important; } }
/* line 109, sass/page/_faqs.scss */
.page-template-page-faqs .question,
.page-faqs .question {
  padding: 10px 0px;
  position: relative; }
  @media (min-width: 48em) {
    /* line 109, sass/page/_faqs.scss */
    .page-template-page-faqs .question,
    .page-faqs .question {
      padding: 20px 0px; } }
  /* line 116, sass/page/_faqs.scss */
  .page-template-page-faqs .question > a,
  .page-faqs .question > a {
    display: inline-block;
    width: 96%;
    position: relative; }
  /* line 122, sass/page/_faqs.scss */
  .page-template-page-faqs .question > a:after,
  .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 122, sass/page/_faqs.scss */
      .page-template-page-faqs .question > a:after,
      .page-faqs .question > a:after {
        right: 0px;
        font-size: 1em;
        transform: translate(0%, -50%); } }
  /* line 139, sass/page/_faqs.scss */
  .page-template-page-faqs .question a.collapsed:after,
  .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 139, sass/page/_faqs.scss */
      .page-template-page-faqs .question a.collapsed:after,
      .page-faqs .question a.collapsed:after {
        font-size: 1em;
        transform: translate(0%, -50%); } }
  /* line 152, sass/page/_faqs.scss */
  .page-template-page-faqs .question .answer .body2,
  .page-faqs .question .answer .body2 {
    padding: 30px 0px;
    width: 93%; }
    @media (min-width: 48em) {
      /* line 152, sass/page/_faqs.scss */
      .page-template-page-faqs .question .answer .body2,
      .page-faqs .question .answer .body2 {
        padding: 30px 0px 60px;
        width: 96%; } }
/* line 164, sass/page/_faqs.scss */
.page-template-page-faqs.lang-th .question .answer .body2,
.page-faqs.lang-th .question .answer .body2 {
  line-height: 1.6; }
/* line 169, sass/page/_faqs.scss */
.page-template-page-faqs section:after,
.page-faqs section:after {
  clear: both;
  content: " ";
  display: table; }
/* line 174, sass/page/_faqs.scss */
.page-template-page-faqs a.anchor,
.page-faqs a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }
/* line 182, sass/page/_faqs.scss */
.page-template-page-faqs .body2 a,
.page-template-page-faqs .body2 a span,
.page-template-page-faqs .body2 a:link,
.page-template-page-faqs .body2 a:visited,
.page-template-page-faqs .body2 a:active,
.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: #000000;
  text-decoration: underline;
  font-weight: 500 !important; }
/* line 191, sass/page/_faqs.scss */
.page-template-page-faqs .body2 a:hover,
.page-faqs .body2 a:hover {
  color: white;
  background-color: #333333;
  text-decoration: underline;
  font-weight: 500; }
/* line 197, sass/page/_faqs.scss */
.page-template-page-faqs .body2 a:active,
.page-faqs .body2 a:active {
  color: white;
  background-color: #000000;
  text-decoration: underline;
  font-weight: 500; }
/* line 203, sass/page/_faqs.scss */
.page-template-page-faqs .body2 ul,
.page-faqs .body2 ul {
  list-style: disc;
  list-style-position: inside; }

/* line 2, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info .content-area ol, .page-template-page-general-info .content-area ul,
.page-wonderfruit-info .content-area ol,
.page-wonderfruit-info .content-area ul {
  list-style: initial; }
/* line 6, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info .content-header,
.page-wonderfruit-info .content-header {
  background-image: none;
  /*
      background-size: 100% auto;
      background-color: rgba(144,12,89,.9);    
  */
  background-image: none; }
/* line 14, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info .content-header::after,
.page-wonderfruit-info .content-header::after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-info-mob.jpg);
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
  background-position: bottom; }
@media (min-width: 62em) {
  /* line 30, sass/page/_wonderfruit-info.scss */
  .page-template-page-general-info .content-header::after,
  .page-wonderfruit-info .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-info.jpg); } }
/* line 36, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info #main,
.page-wonderfruit-info #main {
  margin-top: 0px; }
  @media (min-width: 48em) {
    /* line 36, sass/page/_wonderfruit-info.scss */
    .page-template-page-general-info #main,
    .page-wonderfruit-info #main {
      margin-top: 0px; } }
/* line 43, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info #rules-section ul,
.page-wonderfruit-info #rules-section ul {
  list-style-position: outside;
  padding-left: 20px; }
/* line 47, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info #facilities-section ul,
.page-wonderfruit-info #facilities-section ul {
  list-style-position: outside;
  padding-left: 20px; }
@media (min-width: 62em) {
  /* line 52, sass/page/_wonderfruit-info.scss */
  .page-template-page-general-info #facilities-section ul,
  .page-wonderfruit-info #facilities-section ul {
    columns: 2; } }
/* line 56, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info #gettinghere-section, .page-template-page-general-info #facilities-section,
.page-wonderfruit-info #gettinghere-section,
.page-wonderfruit-info #facilities-section {
  background-color: rgba(244, 244, 244, 0.4); }
@media (min-width: 768px) {
  /* line 61, sass/page/_wonderfruit-info.scss */
  .page-template-page-general-info #info-rules-do-img,
  .page-template-page-general-info #info-rules-dont-text,
  .page-template-page-general-info #info-rules-do-text,
  .page-template-page-general-info #info-rules-dont-img,
  .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 69, sass/page/_wonderfruit-info.scss */
  .page-template-page-general-info #info-rules-dont-text,
  .page-wonderfruit-info #info-rules-dont-text {
    right: 50%; }
  /* line 72, sass/page/_wonderfruit-info.scss */
  .page-template-page-general-info #info-rules-do-text,
  .page-wonderfruit-info #info-rules-do-text {
    padding-left: 3%; }
  /* line 75, sass/page/_wonderfruit-info.scss */
  .page-template-page-general-info #info-rules-dont-img,
  .page-wonderfruit-info #info-rules-dont-img {
    left: 50%; } }
/* line 80, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section,
.page-wonderfruit-info section {
  font-family: Value;
  font-weight: normal;
  font-size: 14px;
  color: #000000;
  line-height: 1.5;
  letter-spacing: 0.7px; }
  @media (min-width: 48em) {
    /* line 80, sass/page/_wonderfruit-info.scss */
    .page-template-page-general-info section,
    .page-wonderfruit-info section {
      font-size: 14px; } }
/* line 93, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info.lang-th section,
.page-wonderfruit-info.lang-th section {
  line-height: 1.6; }
/* line 96, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info.lang-th section .header5,
.page-wonderfruit-info.lang-th section .header5 {
  line-height: 26px; }
  @media (min-width: 48em) {
    /* line 96, sass/page/_wonderfruit-info.scss */
    .page-template-page-general-info.lang-th section .header5,
    .page-wonderfruit-info.lang-th section .header5 {
      line-height: 40px; } }
/* line 103, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section .container,
.page-wonderfruit-info section .container {
  border-bottom: solid 1px #d5d5d5;
  padding-bottom: 43px; }
  @media (min-width: 48em) {
    /* line 103, sass/page/_wonderfruit-info.scss */
    .page-template-page-general-info section .container,
    .page-wonderfruit-info section .container {
      padding-bottom: 45px; } }
/* line 110, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section:last-child .container,
.page-wonderfruit-info section:last-child .container {
  border-bottom: solid 0px transparent; }
/* line 114, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section .header5,
.page-template-page-general-info section .header3,
.page-wonderfruit-info section .header5,
.page-wonderfruit-info section .header3 {
  color: #3B7575;
  margin-top: 40px;
  margin-bottom: 35px; }
  @media (min-width: 48em) {
    /* line 114, sass/page/_wonderfruit-info.scss */
    .page-template-page-general-info section .header5,
    .page-template-page-general-info section .header3,
    .page-wonderfruit-info section .header5,
    .page-wonderfruit-info section .header3 {
      margin-top: 41px;
      margin-bottom: 35px; } }
/* line 124, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section h2,
.page-wonderfruit-info section h2 {
  display: none; }
/* line 127, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section h3,
.page-wonderfruit-info section h3 {
  color: #171717;
  font-family: ValueSerif;
  font-weight: bold;
  font-size: 17px; }
  @media (min-width: 48em) {
    /* line 127, sass/page/_wonderfruit-info.scss */
    .page-template-page-general-info section h3,
    .page-wonderfruit-info section h3 {
      font-size: 22px; } }
/* line 137, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section p,
.page-wonderfruit-info section p {
  margin: 15px 0px; }
/* line 140, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section ul,
.page-wonderfruit-info section ul {
  padding-left: 20px; }
/* line 143, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section:after,
.page-wonderfruit-info section:after {
  clear: both;
  content: " ";
  display: table; }
/* line 149, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info #gettinghere-section .container > div,
.page-wonderfruit-info #gettinghere-section .container > div {
  margin-bottom: 25px; }
/* line 153, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info .gettinghere-container > div,
.page-template-page-general-info #info-shuttle,
.page-template-page-general-info #info-direction-south,
.page-template-page-general-info #info-direction-north,
.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 161, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info #info-rules-do-img,
.page-template-page-general-info #info-rules-dont-img,
.page-wonderfruit-info #info-rules-do-img,
.page-wonderfruit-info #info-rules-dont-img {
  margin-top: 20px;
  padding: 0px; }
  @media (min-width: 48em) {
    /* line 161, sass/page/_wonderfruit-info.scss */
    .page-template-page-general-info #info-rules-do-img,
    .page-template-page-general-info #info-rules-dont-img,
    .page-wonderfruit-info #info-rules-do-img,
    .page-wonderfruit-info #info-rules-dont-img {
      margin-top: 0px; } }
/* line 170, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info #info-rules-dont-img,
.page-wonderfruit-info #info-rules-dont-img {
  padding-right: 0px; }
/* line 174, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info #info-direction-map,
.page-wonderfruit-info #info-direction-map {
  display: none; }
  @media (min-width: 48em) {
    /* line 174, sass/page/_wonderfruit-info.scss */
    .page-template-page-general-info #info-direction-map,
    .page-wonderfruit-info #info-direction-map {
      display: block; } }
/* line 181, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info a.anchor,
.page-wonderfruit-info a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }
/* line 189, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section a,
.page-template-page-general-info section a span,
.page-template-page-general-info section a:link,
.page-template-page-general-info section a:visited,
.page-template-page-general-info section a:active,
.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: #000000;
  text-decoration: underline;
  font-weight: 500 !important; }
/* line 198, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section a:hover,
.page-wonderfruit-info section a:hover {
  color: white;
  background-color: #333333;
  text-decoration: underline;
  font-weight: 500; }
/* line 204, sass/page/_wonderfruit-info.scss */
.page-template-page-general-info section a:active,
.page-wonderfruit-info section a:active {
  color: white;
  background-color: #000000;
  text-decoration: underline;
  font-weight: 500; }

/* line 53, sass/wonderfruit.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-size: 100% auto;
    background-position-y: 50%;
    background-image: none; }
  /* line 7, sass/page/_press.scss */
  .post-type-archive-press .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-press-mob.jpg);
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-position: bottom; }
  @media (min-width: 62em) {
    /* line 23, sass/page/_press.scss */
    .post-type-archive-press .content-header::after {
      background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-press.jpg); } }
  /* line 28, sass/page/_press.scss */
  .post-type-archive-press .post:first-child {
    padding-top: 0; }
  /* line 31, sass/page/_press.scss */
  .post-type-archive-press .post {
    overflow: hidden;
    padding-top: 25px;
    text-align: left;
    border-bottom: solid 1px #d5d5d5;
    padding-bottom: 35px; }
    /* line 37, sass/page/_press.scss */
    .post-type-archive-press .post:last-child {
      border-bottom: none; }
  /* line 50, sass/page/_press.scss */
  .post-type-archive-press .post-body {
    width: 100%; }
  /* line 54, sass/page/_press.scss */
  .post-type-archive-press .headline-small1 {
    color: #000000;
    line-height: 1.2;
    letter-spacing: 0.9px; }
  /* line 59, sass/page/_press.scss */
  .post-type-archive-press .header2 {
    margin-bottom: 20px;
    color: #3B7575; }
    @media (min-width: 48em) {
      /* line 59, sass/page/_press.scss */
      .post-type-archive-press .header2 {
        margin-bottom: 19px; } }
  /* line 66, sass/page/_press.scss */
  .post-type-archive-press .releases-list .header2 {
    margin-bottom: 0px; }
    @media (min-width: 48em) {
      /* line 66, sass/page/_press.scss */
      .post-type-archive-press .releases-list .header2 {
        margin-bottom: 19px; } }
  /* line 80, sass/page/_press.scss */
  .post-type-archive-press .date-n-by {
    margin-top: 14px;
    letter-spacing: 2px;
    color: #888888; }
  /* line 87, sass/page/_press.scss */
  .post-type-archive-press .press-email {
    color: #171717;
    letter-spacing: 4.2px;
    text-transform: uppercase;
    text-decoration: underline; }
    /* line 93, sass/page/_press.scss */
    .post-type-archive-press .press-email a:hover {
      color: white;
      background-color: #333333;
      text-decoration: underline;
      font-weight: 500; }
    /* line 99, sass/page/_press.scss */
    .post-type-archive-press .press-email a:active {
      color: white;
      background-color: #000000;
      text-decoration: underline;
      font-weight: 500; }
  /* line 107, sass/page/_press.scss */
  .post-type-archive-press .logo-title {
    color: #171717;
    letter-spacing: 4.2px;
    text-transform: uppercase;
    margin-bottom: 22px;
    margin-top: 51px; }
    @media (min-width: 48em) {
      /* line 107, sass/page/_press.scss */
      .post-type-archive-press .logo-title {
        margin-top: 0px; } }
  @media (min-width: 62em) {
    /* line 118, sass/page/_press.scss */
    .post-type-archive-press .post {
      /*             text-align: left; */
      padding-top: 33px;
      padding-bottom: 38px;
      border-bottom: solid 1px #d5d5d5; }
    /* line 125, sass/page/_press.scss */
    .post-type-archive-press .post:before {
      display: none; }
    /* line 128, sass/page/_press.scss */
    .post-type-archive-press .post-body {
      width: 100%;
      float: none; }
    /* line 132, sass/page/_press.scss */
    .post-type-archive-press .date-n-by {
      margin-top: 14px;
      display: block; }
    /* line 136, sass/page/_press.scss */
    .post-type-archive-press .container-fluid .row > div:first-child {
      padding-left: 7%; }
    /* line 139, sass/page/_press.scss */
    .post-type-archive-press .container-fluid .row > div:last-child {
      padding-right: 7%; } }
  /* line 150, 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 159, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images article:nth-child(2n+1) {
    margin-left: 0px; }
  /* line 162, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images article:nth-child(2n+2) {
    margin-right: 0px; }
  @media (min-width: 62em) {
    /* line 167, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article:nth-child(2n+1) {
      margin-left: 1%; }
    /* line 170, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article:nth-child(2n+2) {
      margin-right: 1%; }
    /* line 173, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article {
      width: 23.5%;
      margin: 1%; }
    /* line 178, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article:nth-child(4n+1) {
      margin-left: 0px; }
    /* line 181, sass/page/_press.scss */
    .post-type-archive-press .press-gallery-images article:nth-child(4n+4) {
      margin-right: 0px; } }
  /* line 188, 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 193, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images article .gallery-pic:before {
    content: "";
    display: block;
    padding-top: 66%; }
  /* line 199, sass/page/_press.scss */
  .post-type-archive-press .press-gallery-images:after {
    content: "";
    width: 100%;
    clear: both;
    display: block; }
  /* line 206, sass/page/_press.scss */
  .post-type-archive-press .download-all-btn {
    border: 2px solid #171717;
    color: #171717;
    padding: 15px 10px;
    /*
        font-family: value-bold;
        font-size: 14px;
    */
    line-height: 19px;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%; }
    @media (min-width: 48em) {
      /* line 206, sass/page/_press.scss */
      .post-type-archive-press .download-all-btn {
        position: absolute;
        right: 0%;
        top: 50%;
        transform: translate(0%, -50%);
        padding: 13px 0px;
        width: 216px;
        text-align: center; }
        /* line 227, sass/page/_press.scss */
        .post-type-archive-press .download-all-btn:hover {
          background-color: rgba(0, 0, 0, 0.1); }
        /* line 230, sass/page/_press.scss */
        .post-type-archive-press .download-all-btn:active {
          background-color: rgba(0, 0, 0, 0.2); } }
  /* line 237, 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 244, sass/page/_press.scss */
  .post-type-archive-press .logo-download-container {
    text-align: center;
    background-color: transparent;
    border: 2px solid #3b7575;
    color: #3b7575;
    padding: 0px;
    margin-bottom: 3px; }
    /* line 251, sass/page/_press.scss */
    .post-type-archive-press .logo-download-container:hover {
      background-color: rgba(59, 117, 117, 0.2); }
    /* line 254, sass/page/_press.scss */
    .post-type-archive-press .logo-download-container:active {
      background-color: rgba(59, 117, 117, 0.3); }
  /* line 258, sass/page/_press.scss */
  .post-type-archive-press .logo-img-container {
    min-height: 90px;
    padding: 0px; }
  /* line 263, sass/page/_press.scss */
  .post-type-archive-press .container-fluid .row > div.logo-container:last-child {
    padding-left: 5px;
    padding-right: 15px; }
  /* line 267, 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 275, 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 286, sass/page/_press.scss */
  .post-type-archive-press .logo-download-link {
    line-height: 46px; }
    /* line 291, sass/page/_press.scss */
    .post-type-archive-press .logo-download-link.button-effect1-shadow {
      padding: 0px; }
  /* line 295, 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 302, sass/page/_press.scss */
  .post-type-archive-press .festival-gallery {
    padding-top: 45px;
    padding-bottom: 45px; }
  /* line 308, sass/page/_press.scss */
  .post-type-archive-press .content-area .row {
    margin-top: 45px; }
  /* line 311, sass/page/_press.scss */
  .post-type-archive-press .content-area .row.logo-row {
    margin-top: 0px; }
  /* line 314, sass/page/_press.scss */
  .post-type-archive-press .releases-list .language-switcher {
    display: block;
    margin: 5px; }
  /* line 318, sass/page/_press.scss */
  .post-type-archive-press .col-md-6 {
    margin: 90px 0px; }
    @media (min-width: 48em) {
      /* line 318, sass/page/_press.scss */
      .post-type-archive-press .col-md-6 {
        margin: 0px 0px; } }
  /* line 324, sass/page/_press.scss */
  .post-type-archive-press .press-festival-images-container,
  .post-type-archive-press .press-email-container {
    padding: 3px 0px 0px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 324, sass/page/_press.scss */
      .post-type-archive-press .press-festival-images-container,
      .post-type-archive-press .press-email-container {
        text-align: left;
        padding: 3px 0px 74px;
        margin: 0px 0px; } }
  /* line 335, sass/page/_press.scss */
  .post-type-archive-press .press-festival-images-container {
    background: rgba(248, 241, 228, 0.5); }
  /* line 339, sass/page/_press.scss */
  .post-type-archive-press .press-logos-container {
    margin: 45px auto 110px;
    text-align: center; }
    @media (min-width: 48em) {
      /* line 339, sass/page/_press.scss */
      .post-type-archive-press .press-logos-container {
        text-align: left; } }
  /* line 346, sass/page/_press.scss */
  .post-type-archive-press #main {
    margin-top: 0px;
    margin-bottom: 0px; }

/* line 56, sass/wonderfruit.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;
    margin-bottom: 20px; }
    @media (min-width: 48em) {
      /* line 18, sass/page/_post.scss */
      .archive.category .overhead {
        margin-bottom: 0px; } }
  /* line 30, sass/page/_post.scss */
  .archive.category .overhead::before {
    content: "";
    display: block;
    padding-top: 133%; }
  /* line 37, 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 37, sass/page/_post.scss */
      .archive.category .overhead .container {
        text-align: left; } }
  /* line 51, 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 57, sass/page/_post.scss */
  .archive.category .overhead .container > .row,
  .archive.category .overhead .container > .row > .col-md-8 {
    padding: 0;
    margin: 0; }
  /* line 62, sass/page/_post.scss */
  .archive.category .overhead .slider {
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto; }
  /* line 68, 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 80, sass/page/_post.scss */
    .archive.category .slide-wrap:before {
      content: "";
      top: 0px;
      left: 0;
      position: absolute;
      background-color: black;
      width: 100%;
      height: 100%;
      opacity: .05; }
      @media (min-width: 48em) {
        /* line 80, sass/page/_post.scss */
        .archive.category .slide-wrap:before {
          opacity: .5; } }
  /* line 95, sass/page/_post.scss */
  .archive.category .read-more:hover {
    background-color: rgba(255, 255, 255, 0.2); }
  /* line 98, sass/page/_post.scss */
  .archive.category .read-more:active {
    background-color: rgba(255, 255, 255, 0.4); }
  /* line 102, sass/page/_post.scss */
  .archive.category .block.navigator .h-e.cat {
    margin-bottom: 24px; }
  /* line 105, sass/page/_post.scss */
  .archive.category .post {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 10px; }
  /* line 111, sass/page/_post.scss */
  .archive.category .post:first-child {
    padding-top: 0; }
  /* line 114, sass/page/_post.scss */
  .archive.category .post:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  /* line 120, sass/page/_post.scss */
  .archive.category .post footer {
    font-size: 0;
    display: none;
    margin-top: 0px; }
  /* line 126, 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 137, sass/page/_post.scss */
  .archive.category .pic::before {
    content: "";
    display: block;
    padding-top: 100%; }
  /* line 142, sass/page/_post.scss */
  .archive.category .pic > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
  /* line 151, sass/page/_post.scss */
  .archive.category .post-body {
    overflow: hidden; }
  /* line 155, sass/page/_post.scss */
  .archive.category h7,
  .archive.category .text-1,
  .archive.category .tag {
    line-height: 1; }
  /* line 160, sass/page/_post.scss */
  .archive.category .post .tag {
    color: #171717;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 3px; }
  /* line 168, 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 177, sass/page/_post.scss */
  .archive.category .lang-th .excerpt {
    line-height: 24px; }
  /* line 180, sass/page/_post.scss */
  .archive.category #wdp-sidebar {
    margin-top: 60px; }
    @media (min-width: 48em) {
      /* line 180, sass/page/_post.scss */
      .archive.category #wdp-sidebar {
        margin-top: 20px; } }
  /* line 187, sass/page/_post.scss */
  .archive.category .block .post {
    padding: 10px 0;
    overflow: hidden; }
  /* line 191, sass/page/_post.scss */
  .archive.category .block .post header div {
    margin-bottom: 0;
    line-height: 20px; }
  /* line 195, sass/page/_post.scss */
  .archive.category .block .post .pic {
    margin-right: 10px; }
  /* line 199, sass/page/_post.scss */
  .archive.category .block.subscribe {
    border: 0;
    background-color: #6fbccc;
    color: #fff; }
  /* line 204, sass/page/_post.scss */
  .archive.category .block.subscribe > header {
    color: #fff;
    margin-bottom: 16px; }
  /* line 208, 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 220, 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 225, 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 229, 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 239, sass/page/_post.scss */
  .archive.category .block.tags {
    padding-bottom: 19px;
    padding-right: 4px; }
  /* line 243, 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 251, 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 262, sass/page/_post.scss */
  .archive.category #primary {
    background-attachment: local;
    background-position: center bottom; }
  /* line 266, sass/page/_post.scss */
  .archive.category .row.search {
    margin-top: 26px; }
  /* line 269, sass/page/_post.scss */
  .archive.category .row.search .text {
    border: 1px solid black;
    background-color: transparent;
    margin: 0; }
  /* line 274, sass/page/_post.scss */
  .archive.category .hide-search .row.search {
    display: none; }
  /* line 277, sass/page/_post.scss */
  .archive.category .blahblah {
    margin-top: 30px; }
  /* line 280, sass/page/_post.scss */
  .archive.category .cat-item a {
    text-transform: uppercase; }
  /* line 284, 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 294, sass/page/_post.scss */
  .archive.category #newsletter-submit:hover {
    background: #fff;
    color: #6fbccc; }
  /* line 298, sass/page/_post.scss */
  .archive.category #newsletter-submit:active {
    background: #fff;
    color: #6fbccc;
    opacity: 0.5; }
  @media (min-width: 768px) {
    /* line 304, sass/page/_post.scss */
    .archive.category .pic::before {
      padding-top: 61.5131%; }
    /* line 307, sass/page/_post.scss */
    .archive.category .overhead .category-list,
    .archive.category .overhead .triangles,
    .archive.category .title-wrap {
      width: 720px; }
    /* line 314, sass/page/_post.scss */
    .archive.category .wdp1 {
      line-height: 58px; }
    /* line 317, sass/page/_post.scss */
    .archive.category .lang-th .wdp1 {
      font-family: cloud-semibold;
      line-height: 42px; }
    /* line 321, sass/page/_post.scss */
    .archive.category .slider-nav {
      left: 0;
      right: 0;
      text-align: center; } }
  @media (min-width: 62em) {
    /* line 56, sass/wonderfruit.scss */
    .archive.category {
      /*
          .slide-wrap::before {
              display: none;
          }
      */ }
      /* line 328, sass/page/_post.scss */
      .archive.category .blahblah {
        margin-top: 24px; }
      /* line 331, sass/page/_post.scss */
      .archive.category .pic {
        margin-right: 32px; }
      /* line 334, sass/page/_post.scss */
      .archive.category .post-body {
        /*             overflow: visible; */
        position: absolute;
        padding-left: 42%;
        top: 50%;
        transform: translateY(-50%); }
      /* line 341, sass/page/_post.scss */
      .archive.category .excerpt {
        line-height: 22px;
        margin-top: 14px; }
      /* line 345, sass/page/_post.scss */
      .archive.category #posts_remaining .post footer,
      .archive.category #posts .post footer {
        font-size: 0;
        margin-top: 0; }
      /* line 350, sass/page/_post.scss */
      .archive.category .wdp4 {
        line-height: 40px !important; }
      /* line 353, sass/page/_post.scss */
      .archive.category .lang-th .wdp3 {
        font-family: cloud;
        font-size: 17px; }
      /* line 357, 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 364, sass/page/_post.scss */
      .archive.category .block .post {
        padding: 16px 0 20px; }
      /* line 367, sass/page/_post.scss */
      .archive.category .block .post:first-child {
        padding-top: 20px; }
      /* line 370, sass/page/_post.scss */
      .archive.category .block.cats .post {
        padding: 10px 0; }
      /* line 373, sass/page/_post.scss */
      .archive.category .block.cats .post:first-child {
        padding: 16px 0 5px; }
      /* line 376, sass/page/_post.scss */
      .archive.category .col-md-8 {
        padding-right: 8px; }
      /* line 379, sass/page/_post.scss */
      .archive.category .pull-up-desktop {
        margin-top: -62px; }
      /* line 382, sass/page/_post.scss */
      .archive.category .hide-search .pull-up-desktop {
        margin-top: 0; }
      /* line 385, sass/page/_post.scss */
      .archive.category .col-md-4 {
        padding-left: 8px; }
      /* line 388, sass/page/_post.scss */
      .archive.category #posts_remaining .pic,
      .archive.category #posts .pic {
        width: 38%; }
      /* line 392, sass/page/_post.scss */
      .archive.category .overhead {
        margin-top: 0px;
        padding-top: 7%;
        padding-bottom: 0%; }
      /* line 397, sass/page/_post.scss */
      .archive.category .overhead::before,
      .archive.category .slide-wrap::before {
        padding-top: 28.15625%; }
      /* line 401, sass/page/_post.scss */
      .archive.category .overhead .container {
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0); }
      /* line 406, sass/page/_post.scss */
      .archive.category .overhead .container > .row {
        position: relative; }
      /* line 409, sass/page/_post.scss */
      .archive.category #overhead-slider .col-md-8 {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        float: none;
        width: 100%; }
      /* line 417, 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 429, sass/page/_post.scss */
      .archive.category .slide-wrap {
        left: 15px; }
      /* line 439, 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 448, sass/page/_post.scss */
      .archive.category #overhead-slider .block .post.active {
        /*             display: none; */ }
      /* line 451, 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 462, sass/page/_post.scss */
      .archive.category .slide-wrap.active {
        display: block; }
      /* line 465, sass/page/_post.scss */
      .archive.category .overhead .category-list,
      .archive.category .overhead .triangles,
      .archive.category .title-wrap {
        width: 940px; }
      /* line 470, sass/page/_post.scss */
      .archive.category .slider-nav {
        display: none; } }
  @media (min-width: 1200px) {
    /* line 475, sass/page/_post.scss */
    .archive.category .overhead .container {
      left: 50%; }
    /* line 478, sass/page/_post.scss */
    .archive.category .overhead .category-list,
    .archive.category .overhead .triangles,
    .archive.category .title-wrap {
      width: 1140px; }
    /* line 483, sass/page/_post.scss */
    .archive.category #overhead-slider .col-md-4 {
      margin-left: 570px; } }
  /* line 487, sass/page/_post.scss */
  .archive.category #wdp-header .the-wonder-post img {
    width: 194px; }
  @media (min-width: 992px) {
    /* line 491, sass/page/_post.scss */
    .archive.category #wdp-header .the-wonder-post img {
      width: 300px; } }
  /* line 496, 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 510, sass/page/_post.scss */
  .archive.category .search-button:hover {
    color: white;
    background-color: black;
    border-color: black; }
  /* line 518, sass/page/_post.scss */
  .archive.category .slick-list,
  .archive.category .slick-track {
    height: 100%; }
  /* line 522, sass/page/_post.scss */
  .archive.category .slick-dots {
    bottom: 5% !important; }
  /* line 525, sass/page/_post.scss */
  .archive.category .slick-dots li {
    margin: 0px !important; }
  /* line 528, 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 533, 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 543, 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 554, sass/page/_post.scss */
    .archive.category #wdp-header .the-wonder-post {
      padding-bottom: 5%;
      padding-top: 9%;
      padding-left: 7%; } }
  /* line 560, sass/page/_post.scss */
  .archive.category #wdp-header .cats-nav {
    margin: 12px 0 12px 0;
    text-align: center;
    line-height: 24px; }
  /* line 567, 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 573, sass/page/_post.scss */
    .archive.category #wdp-header .cats-nav {
      letter-spacing: 1.2px;
      font-size: 20px;
      line-height: 24px; }
    /* line 578, sass/page/_post.scss */
    .archive.category #wdp-header .cats-nav .submenu-link {
      padding: 15px; } }
  /* line 583, sass/page/_post.scss */
  .archive.category .slider-title {
    margin: 20px 0px 10px;
    padding: 0px 15px; }
    @media (min-width: 48em) {
      /* line 583, sass/page/_post.scss */
      .archive.category .slider-title {
        margin: 8px 0px 0px;
        padding: 0px; } }
  /* line 594, sass/page/_post.scss */
  .archive.category .slider-date {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px; }
  @media (min-width: 62em) {
    /* line 600, sass/page/_post.scss */
    .archive.category .slider-date {
      margin: 20px 0px 15px; } }
  /* line 609, sass/page/_post.scss */
  .archive.category .slider-excerpt {
    color: #ffffff;
    line-height: 18px;
    margin: 15px 0px 4px; }
  @media (min-width: 62em) {
    /* line 615, sass/page/_post.scss */
    .archive.category .slider-excerpt {
      line-height: 22px; } }
  /* line 619, sass/page/_post.scss */
  .archive.category .slider-read-more {
    border: 2px solid white;
    display: inline-block;
    padding: 15px 25px;
    margin: 20px 0px;
    letter-spacing: 4.2px; }
    /* line 626, sass/page/_post.scss */
    .archive.category .slider-read-more:after {
      padding: 15px 25px;
      color: white; }
  /* line 632, sass/page/_post.scss */
  .archive.category .slider-read-more .hs2 {
    color: #ffffff;
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 637, sass/page/_post.scss */
    .archive.category .slider-read-more {
      padding: 15px 15px; }
      /* line 639, sass/page/_post.scss */
      .archive.category .slider-read-more:after {
        padding: 15px 15px;
        color: white; } }
  /* line 647, 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);
    z-index: 1; }
  @media (min-width: 48em) {
    /* line 659, 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 677, sass/page/_post.scss */
    .archive.category .title-n-button {
      width: 50%; } }
  @media (min-width: 62em) {
    /* line 683, 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;
      position: relative; }
      /* line 688, sass/page/_post.scss */
      .archive.category #posts_remaining .post:last-child,
      .archive.category #posts .post:last-child {
        border-bottom: 0px; } }
  /* line 694, sass/page/_post.scss */
  .archive.category .block .post {
    border-bottom: none; }
  /* line 697, sass/page/_post.scss */
  .archive.category .post .title {
    color: #171717;
    text-transform: none;
    line-height: 18px;
    margin-top: 0px; }
    @media (min-width: 48em) {
      /* line 697, sass/page/_post.scss */
      .archive.category .post .title {
        line-height: 22px; } }
  /* line 706, sass/page/_post.scss */
  .archive.category .post .title a:link,
  .archive.category .post .title a:visited {
    color: #171717; }
  /* line 710, sass/page/_post.scss */
  .archive.category .post .cat {
    color: #171717;
    text-transform: uppercase;
    letter-spacing: 2px; }
  /* line 715, sass/page/_post.scss */
  .archive.category .post header .h-e {
    margin-bottom: 4px;
    margin-top: 0px; }
  /* line 719, sass/page/_post.scss */
  .archive.category .headline-small3 {
    color: #171717; }
  /* line 722, sass/page/_post.scss */
  .archive.category .slider-read-more,
  .archive.category .button1 {
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 727, sass/page/_post.scss */
    .archive.category .post .title {
      margin-top: 10px;
      margin-bottom: 2px; } }
  /* line 736, sass/page/_post.scss */
  .archive.category .date-n-by {
    color: #888888;
    padding: 13px 0px;
    letter-spacing: 1.5px;
    line-height: 12px; }
  /* line 744, sass/page/_post.scss */
  .archive.category .post footer span,
  .archive.category .post footer .fa {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle; }
  /* line 750, sass/page/_post.scss */
  .archive.category .post footer .fa {
    margin-right: 16px;
    font-size: 20px; }
  /* line 754, sass/page/_post.scss */
  .archive.category .block > header {
    margin-bottom: 12px;
    color: #171717; }
  /* line 758, sass/page/_post.scss */
  .archive.category .block .post header div {
    color: #171717; }
  /* line 761, sass/page/_post.scss */
  .archive.category .block {
    border: 0px solid black;
    margin-bottom: 60px; }
  @media (min-width: 62em) {
    /* line 766, sass/page/_post.scss */
    .archive.category .block {
      padding: 15px 12px;
      margin-bottom: 16px; }
    /* line 770, sass/page/_post.scss */
    .archive.category #wdp-sidebar {
      margin-top: 0;
      padding-left: 4.3%;
      padding-right: 20px; }
    /* line 775, sass/page/_post.scss */
    .archive.category .block .post header div {
      line-height: 20px; } }
  @media (min-width: 81em) {
    /* line 780, sass/page/_post.scss */
    .archive.category .block .post header div {
      line-height: 20px; } }
  /* line 785, 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;
    letter-spacing: 1px; }
  /* line 807, sass/page/_post.scss */
  .archive.category .block.tags .tag:hover {
    background-color: #171717;
    color: #fff; }
  /* line 811, sass/page/_post.scss */
  .archive.category .block > header .far,
  .archive.category .block > header .fal,
  .archive.category .block > header .fa {
    margin-right: 8px; }
  /* line 816, 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: 0px;
    letter-spacing: 0.5px;
    cursor: pointer;
    border: 2px solid #171717;
    width: 100px;
    height: 30px;
    line-height: 24px; }
  /* line 833, sass/page/_post.scss */
  .archive.category.lang-th #button-load-more {
    letter-spacing: 2px; }
  @media (min-width: 62em) {
    /* line 837, sass/page/_post.scss */
    .archive.category #button-load-more {
      width: 294px;
      margin-bottom: 180px;
      height: 46px;
      line-height: 40px; }
      /* line 842, sass/page/_post.scss */
      .archive.category #button-load-more:hover {
        background-color: rgba(0, 0, 0, 0.1); }
      /* line 845, sass/page/_post.scss */
      .archive.category #button-load-more:active {
        background-color: rgba(0, 0, 0, 0.2); } }
  @media (min-width: 992px) {
    /* line 56, sass/wonderfruit.scss */
    .archive.category {
      /*
          #button-load-more:hover {
              background-color: #1e2d50;
              color: #fff;
          }
          #button-load-more:active {
              opacity: 0.8;
          }
      */ }
      /* line 868, sass/page/_post.scss */
      .archive.category #button-load-more div {
        padding-left: 35px;
        padding-right: 35px; } }
  /* line 885, sass/page/_post.scss */
  .archive.category .block.wondercast > div {
    /*         border: 2px solid #1e2d50; */
    padding: 12px; }
  /* line 889, sass/page/_post.scss */
  .archive.category .block.wondercast .wondercast-see-all {
    border-top: 0px;
    text-align: center;
    color: #171717;
    padding: 0px;
    border: 2px solid #171717; }
    /* line 895, sass/page/_post.scss */
    .archive.category .block.wondercast .wondercast-see-all a {
      display: block;
      line-height: 30px; }
      /* line 898, sass/page/_post.scss */
      .archive.category .block.wondercast .wondercast-see-all a:after {
        text-transform: uppercase;
        /*
        			font-family: Value;
        			font-weight: bold;
        			font-size: 12px;
        */
        color: #171717;
        letter-spacing: 4.2px; }
      /* line 911, sass/page/_post.scss */
      .archive.category .block.wondercast .wondercast-see-all a:hover {
        background-color: rgba(0, 0, 0, 0.1); }
      /* line 914, sass/page/_post.scss */
      .archive.category .block.wondercast .wondercast-see-all a:active {
        background-color: rgba(0, 0, 0, 0.2); }
  /* line 920, sass/page/_post.scss */
  .archive.category.lang-th .slider-read-more, .archive.category.lang-th .block.wondercast .wondercast-see-all {
    letter-spacing: 2px; }
    /* line 924, sass/page/_post.scss */
    .archive.category.lang-th .slider-read-more a, .archive.category.lang-th .block.wondercast .wondercast-see-all a {
      letter-spacing: 2px; }
    /* line 927, sass/page/_post.scss */
    .archive.category.lang-th .slider-read-more a:after, .archive.category.lang-th .block.wondercast .wondercast-see-all a:after {
      letter-spacing: 2px; }
    /* line 931, sass/page/_post.scss */
    .archive.category.lang-th .slider-read-more span, .archive.category.lang-th .block.wondercast .wondercast-see-all span {
      letter-spacing: 2px; }
  /* line 937, sass/page/_post.scss */
  .archive.category .container-fluid {
    padding: 0px; }
  /* line 940, sass/page/_post.scss */
  .archive.category .container-fluid .row {
    margin-left: 0px;
    margin-right: 0px; }
  /* line 944, sass/page/_post.scss */
  .archive.category .subscribe-section-container.container-fluid .row > div {
    background-color: #D1CCCA; }
  /* line 947, sass/page/_post.scss */
  .archive.category .slick-prev, .archive.category .slick-next {
    z-index: 100; }
  /* line 950, sass/page/_post.scss */
  .archive.category .slick-arrow {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    color: white; }
  /* line 958, sass/page/_post.scss */
  .archive.category .slick-next {
    right: 3% !important;
    left: inherit !important; }
  /* line 962, sass/page/_post.scss */
  .archive.category .slick-prev {
    left: 2% !important;
    right: inherit !important; }
  /* line 966, 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 975, 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 989, sass/page/_post.scss */
  .archive.category .overhead .triangles {
    top: 0px;
    left: 0px; }
    /* line 992, sass/page/_post.scss */
    .archive.category .overhead .triangles svg {
      height: 22px;
      width: 236px;
      padding-left: 15px;
      fill: white; }
  /* line 999, sass/page/_post.scss */
  .archive.category .overhead .fixed-content {
    position: absolute;
    z-index: 1;
    width: 100%; }
    /* line 1003, sass/page/_post.scss */
    .archive.category .overhead .fixed-content.category-links {
      bottom: 0px;
      color: white; }
  /* line 1008, sass/page/_post.scss */
  .archive.category .overhead .category-list {
    padding: 0px 16px 40px; }
    @media (min-width: 321px) {
      /* line 1008, sass/page/_post.scss */
      .archive.category .overhead .category-list {
        padding: 0px 16px 70px; } }
    @media (min-width: 48em) {
      /* line 1008, sass/page/_post.scss */
      .archive.category .overhead .category-list {
        padding: 0px 16px 60px; } }
    /* line 1016, sass/page/_post.scss */
    .archive.category .overhead .category-list li {
      display: inline-block; }
      /* line 1018, 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 1028, sass/page/_post.scss */
      .archive.category .overhead .category-list li:last-child:after {
        display: none; }
    /* line 1032, 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 1043, sass/page/_post.scss */
  .archive.category.lang-th .home-block-subscribe form .body2,
  .archive.category.lang-th .home-block-subscribe form .menu1 {
    letter-spacing: 2px; }
  /* line 1048, sass/page/_post.scss */
  .archive.category .home-block-subscribe {
    padding: 42px 0px 48px; }
    /* line 1051, sass/page/_post.scss */
    .archive.category .home-block-subscribe::before {
      content: "";
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: 0;
      background-size: cover;
      background-image: url(/wp-content/themes/wonderfruit-2019/images/subscribe-bg-mob.jpg); }
      @media (min-width: 48em) {
        /* line 1051, sass/page/_post.scss */
        .archive.category .home-block-subscribe::before {
          background-image: url(/wp-content/themes/wonderfruit-2019/images/subscribe-bg.jpg); } }
    /* line 1068, sass/page/_post.scss */
    .archive.category .home-block-subscribe .subscribe-form-container {
      background-color: rgba(240, 90, 54, 0.7);
      padding: 25px 0px 10px; }
      @media (min-width: 48em) {
        /* line 1068, sass/page/_post.scss */
        .archive.category .home-block-subscribe .subscribe-form-container {
          padding: 0px;
          height: 60px; } }
    /* line 1076, sass/page/_post.scss */
    .archive.category .home-block-subscribe .header2 {
      text-align: center;
      line-height: 28px;
      margin-bottom: 22px; }
      @media (min-width: 48em) {
        /* line 1076, sass/page/_post.scss */
        .archive.category .home-block-subscribe .header2 {
          text-align: left;
          line-height: 26px;
          margin-bottom: 0px; } }
    /* line 1086, sass/page/_post.scss */
    .archive.category .home-block-subscribe .header2, .archive.category .home-block-subscribe .body2 {
      color: white; }
    /* line 1089, sass/page/_post.scss */
    .archive.category .home-block-subscribe .subscribe-options {
      padding: 10px 0px;
      text-align: center; }
      @media (min-width: 48em) {
        /* line 1089, sass/page/_post.scss */
        .archive.category .home-block-subscribe .subscribe-options {
          padding: 0px 0px;
          padding-left: 12px;
          text-align: left; } }
    /* line 1098, sass/page/_post.scss */
    .archive.category .home-block-subscribe form .body2,
    .archive.category .home-block-subscribe form .menu1 {
      width: 85%; }
      @media (min-width: 48em) {
        /* line 1098, sass/page/_post.scss */
        .archive.category .home-block-subscribe form .body2,
        .archive.category .home-block-subscribe form .menu1 {
          width: 90%; } }
    /* line 1106, sass/page/_post.scss */
    .archive.category .home-block-subscribe .col-md-6 {
      top: 50%;
      transform: translateY(-50%); }
    /* line 1110, 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 1125, sass/page/_post.scss */
      .archive.category .home-block-subscribe select:focus {
        outline: 0; }
    /* line 1129, sass/page/_post.scss */
    .archive.category .home-block-subscribe option {
      width: auto; }
    /* line 1132, sass/page/_post.scss */
    .archive.category .home-block-subscribe .hidden_select {
      display: none; }
      /* line 1134, sass/page/_post.scss */
      .archive.category .home-block-subscribe .hidden_select .hidden_option {
        width: auto; }
    /* line 1139, 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 1139, sass/page/_post.scss */
        .archive.category .home-block-subscribe form input {
          padding: 4px 0px;
          padding-left: 10px; } }
      /* line 1152, sass/page/_post.scss */
      .archive.category .home-block-subscribe form input::placeholder {
        color: white; }
      /* line 1155, sass/page/_post.scss */
      .archive.category .home-block-subscribe form input:-ms-input-placeholder {
        color: white; }
      /* line 1158, sass/page/_post.scss */
      .archive.category .home-block-subscribe form input::-ms-input-placeholder {
        color: white; }
      /* line 1161, sass/page/_post.scss */
      .archive.category .home-block-subscribe form input:focus {
        outline: 0; }
    /* line 1165, 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 1165, sass/page/_post.scss */
        .archive.category .home-block-subscribe form button {
          padding: 6px 9px 6px; } }
    /* line 1177, 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 1177, 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: #000000;
  text-decoration: underline;
  font-weight: 500 !important; }
/* line 17, sass/page/_single-post.scss */
.single-post .excerpt b {
  font-weight: 700;
  color: #000000; }
/* line 21, sass/page/_single-post.scss */
.single-post .excerpt strong {
  font-weight: 500;
  color: #000000; }
/* line 26, sass/page/_single-post.scss */
.single-post .excerpt a:hover span,
.single-post .excerpt a:hover {
  color: white;
  background-color: #AE0020;
  text-decoration: underline;
  font-weight: 500; }
/* line 33, sass/page/_single-post.scss */
.single-post .excerpt a:active span,
.single-post .excerpt a:active {
  color: white;
  background-color: #7D171B;
  text-decoration: underline;
  font-weight: 500; }
/* line 40, sass/page/_single-post.scss */
.single-post .excerpt a:hover b {
  color: white; }
/* line 44, sass/page/_single-post.scss */
.single-post .excerpt em {
  font-style: italic; }
/* line 47, sass/page/_single-post.scss */
.single-post .excerpt h1, .single-post .excerpt h1 strong {
  font-size: 22px;
  font-weight: bold !important; }
/* line 51, sass/page/_single-post.scss */
.single-post .excerpt h2, .single-post .excerpt h2 strong {
  font-size: 22px;
  font-weight: bold !important; }
/* line 55, sass/page/_single-post.scss */
.single-post .excerpt h3, .single-post .excerpt h3 strong {
  font-size: 22px;
  font-weight: bold !important; }
/* line 59, sass/page/_single-post.scss */
.single-post .excerpt h4, .single-post .excerpt h4 strong {
  font-size: 22px;
  font-weight: bold !important; }
/* line 65, sass/page/_single-post.scss */
.single-post.lang-th .excerpt {
  line-height: 26px; }
/* line 69, sass/page/_single-post.scss */
.single-post .text-3 {
  margin: 0;
  padding: 25px 0px 50px;
  letter-spacing: 3px; }
/* line 74, sass/page/_single-post.scss */
.single-post .title {
  margin: 6px 0; }
/* line 77, sass/page/_single-post.scss */
.single-post .post {
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px; }
/* line 83, sass/page/_single-post.scss */
.single-post .post .title a:link,
.single-post .post .title a:visited {
  color: black; }
/* line 87, sass/page/_single-post.scss */
.single-post .post footer {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px; }
/* line 93, sass/page/_single-post.scss */
.single-post .sharing {
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
  border-right: 0px;
  background-color: #F8F1E4;
  padding: 16px 4px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  display: none; }
/* line 105, sass/page/_single-post.scss */
.single-post .sharing a {
  display: block;
  text-align: center; }
/* line 110, sass/page/_single-post.scss */
.single-post .sharing a i {
  color: #900020;
  font-size: 1.5em;
  padding: 5px; }
  /* line 114, sass/page/_single-post.scss */
  .single-post .sharing a i:hover {
    color: #7D171B; }
  /* line 117, sass/page/_single-post.scss */
  .single-post .sharing a i:active {
    color: #7D171B; }
/* line 124, 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 130, sass/page/_single-post.scss */
.single-post .post footer .fab
.post footer .fa {
  font-size: 20px;
  color: #1E2D50; }
/* line 135, sass/page/_single-post.scss */
.single-post .post footer .fab:hover
.post footer .fa:hover {
  opacity: 1; }
/* line 139, 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 149, sass/page/_single-post.scss */
.single-post .pic::before {
  content: "";
  display: block;
  padding-top: 100%; }
/* line 154, 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 164, sass/page/_single-post.scss */
.single-post h7,
.single-post .wdp3,
.single-post .tag {
  line-height: 1; }
/* line 169, sass/page/_single-post.scss */
.single-post .post .tag {
  color: #818b94;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 2px; }
/* line 176, sass/page/_single-post.scss */
.single-post .excerpt {
  border-bottom: 2px solid rgba(30, 45, 80, 0.1);
  padding-bottom: 60px;
  margin-bottom: 50px; }
  @media (min-width: 48em) {
    /* line 176, sass/page/_single-post.scss */
    .single-post .excerpt {
      padding-bottom: 90px;
      margin-bottom: 90px; } }
/* line 186, sass/page/_single-post.scss */
.single-post .excerpt p {
  margin: 0 0 0px; }
/* line 189, sass/page/_single-post.scss */
.single-post .excerpt p i {
  font-style: italic; }
/* line 193, sass/page/_single-post.scss */
.single-post .excerpt .wonderpost-button-container {
  text-align: center;
  margin: 20px; }
  /* line 196, sass/page/_single-post.scss */
  .single-post .excerpt .wonderpost-button-container .cd-add-to-cart {
    background-color: #3B7575;
    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 208, sass/page/_single-post.scss */
    .single-post .excerpt .wonderpost-button-container .cd-add-to-cart:hover {
      color: white;
      background-color: #3B7575;
      text-decoration: none; }
    /* line 213, sass/page/_single-post.scss */
    .single-post .excerpt .wonderpost-button-container .cd-add-to-cart:active {
      color: white;
      background-color: #3B7575;
      text-decoration: none; }
    /* line 218, sass/page/_single-post.scss */
    .single-post .excerpt .wonderpost-button-container .cd-add-to-cart:after {
      padding: 5px 10px; }
/* line 223, sass/page/_single-post.scss */
.single-post .excerpt ul {
  list-style: disc;
  list-style-position: outside;
  padding: 20px; }
/* line 228, sass/page/_single-post.scss */
.single-post .excerpt ol {
  list-style: decimal;
  list-style-position: outside;
  padding: 30px; }
/* line 234, 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 234, sass/page/_single-post.scss */
    .single-post .tags {
      margin-bottom: 165px; } }
/* line 245, 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 268, sass/page/_single-post.scss */
.single-post .tags .tag:hover {
  background-color: #171717;
  color: #fff; }
/* line 272, sass/page/_single-post.scss */
.single-post .cat-item a {
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.4px; }
/* line 277, sass/page/_single-post.scss */
.single-post .cat-item a:hover {
  opacity: 1; }
/* line 280, sass/page/_single-post.scss */
.single-post .excerpt img {
  margin: 32px auto;
  display: block;
  width: 100%; }
@media (min-width: 768px) {
  /* line 286, sass/page/_single-post.scss */
  .single-post .pic::before {
    padding-top: 61.5131%; }
  /* line 289, sass/page/_single-post.scss */
  .single-post .excerpt .alignleft {
    float: left;
    margin: 0 1em 0.5em 0;
    width: auto; }
  /* line 294, sass/page/_single-post.scss */
  .single-post .excerpt .alignright {
    float: right;
    margin: 0 0 0.5em 1em;
    width: auto; }
  /* line 299, sass/page/_single-post.scss */
  .single-post .excerpt .aligncenter {
    display: block;
    margin: 0.5em auto;
    width: auto; } }
@media (min-width: 62em) {
  /* line 306, sass/page/_single-post.scss */
  .single-post .sharing {
    display: block; }
  /* line 309, sass/page/_single-post.scss */
  .single-post .excerpt {
    line-height: 22px; }
  /* line 312, sass/page/_single-post.scss */
  .single-post .excerpt p i {
    /*
        	font-size: 32px;
        	line-height: 38px;        
    */ }
  /* line 319, sass/page/_single-post.scss */
  .single-post .not-header {
    margin-top: 24px; }
  /* line 322, sass/page/_single-post.scss */
  .single-post .col-md-8 .post {
    padding: 15px;
    margin-bottom: 10px;
    padding-top: 26px; }
  /* line 327, sass/page/_single-post.scss */
  .single-post .title {
    margin-bottom: 0; }
  /* line 330, sass/page/_single-post.scss */
  .single-post .block {
    padding: 0px 12px;
    margin-bottom: 16px; }
  /* line 334, sass/page/_single-post.scss */
  .single-post .col-md-8 {
    padding-right: 8px; }
  /* line 337, sass/page/_single-post.scss */
  .single-post .col-md-4 {
    padding-left: 8px; }
  /* line 340, sass/page/_single-post.scss */
  .single-post #posts .pic {
    width: 35%; } }
/* line 347, 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 352, 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 361, sass/page/_single-post.scss */
  .single-post .page-heading .hashtag1 {
    color: #171717;
    text-transform: uppercase;
    margin: 36px 0px 20px;
    letter-spacing: 2px; }
    @media (min-width: 48em) {
      /* line 361, sass/page/_single-post.scss */
      .single-post .page-heading .hashtag1 {
        margin: 70px 0px 15px; } }
  /* line 370, sass/page/_single-post.scss */
  .single-post .page-heading .body2b.regular,
  .single-post .page-heading .menu3.bold {
    color: #900020;
    line-height: 14px; }
  /* line 376, sass/page/_single-post.scss */
  .single-post .page-heading .header3 {
    color: #171717;
    line-height: 30px; }
    @media (min-width: 48em) {
      /* line 376, sass/page/_single-post.scss */
      .single-post .page-heading .header3 {
        line-height: 40px; } }
/* line 385, sass/page/_single-post.scss */
.single-post main {
  position: relative; }
  /* line 387, sass/page/_single-post.scss */
  .single-post main:before {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top left;
    content: "";
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    height: 100%;
    max-height: 1000px;
    background-color: #fffcf8; }
/* line 407, sass/page/_single-post.scss */
.single-post .featured-image {
  position: relative;
  /*
  	&: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;
  
  	   	@include breakpoint(md) {
  		    right: 10px;
  		    top: -173px;
  		    transform: scale(0.5) translate(100%, -50%);
  		}		
  	}
  	&:after {
  	    content: url(/wp-content/themes/wonderfruit-2018/images/2018/wonderpost-element2.png);
  	    left: -125px;
  	    bottom: -22px;
  	    z-index: -1;
  	    transform: scale(.5) translate(50%,-50%);
  	    position: absolute;
  	    display: none;
  	   	@include breakpoint(md) {
  		   	display: block;
  		    left: -285px;
  		    bottom: 0px;
  		    transform: scale(0.5) translate(-100%, 50%);
  		}		
  	}	
  */ }
/* line 441, sass/page/_single-post.scss */
.single-post .content-submenu.fixed-submenu {
  background-color: transparent; }
  /* line 443, sass/page/_single-post.scss */
  .single-post .content-submenu.fixed-submenu.fixed-submenu-sticky {
    background-color: #fff; }

/* line 62, sass/wonderfruit.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: #000000;
    text-decoration: underline;
    font-weight: 500 !important; }
  /* line 24, sass/page/_single-press.scss */
  .single-press .excerpt b {
    font-weight: 700;
    color: #000000; }
  /* line 28, sass/page/_single-press.scss */
  .single-press .excerpt strong {
    font-weight: 500;
    color: #000000; }
  /* line 32, sass/page/_single-press.scss */
  .single-press .excerpt a:hover span,
  .single-press .excerpt a:hover {
    color: white;
    background-color: #AE0020;
    text-decoration: underline;
    font-weight: 500; }
  /* line 39, sass/page/_single-press.scss */
  .single-press .excerpt a:active span,
  .single-press .excerpt a:active {
    color: white;
    background-color: #7D171B;
    text-decoration: underline;
    font-weight: 500; }
  /* line 46, sass/page/_single-press.scss */
  .single-press .excerpt em {
    font-style: italic; }
  /* line 50, sass/page/_single-press.scss */
  .single-press .text-3 {
    margin: 0;
    padding: 13px 0px;
    letter-spacing: 3px; }
  /* line 55, sass/page/_single-press.scss */
  .single-press .title {
    margin: 6px 0; }
    @media (min-width: 48em) {
      /* line 55, sass/page/_single-press.scss */
      .single-press .title {
        margin: 25px 0; } }
  /* line 63, sass/page/_single-press.scss */
  .single-press .post {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px; }
  /* line 69, sass/page/_single-press.scss */
  .single-press .post .title a:link,
  .single-press .post .title a:visited {
    color: black; }
  /* line 73, sass/page/_single-press.scss */
  .single-press .post footer {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px; }
  /* line 79, 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 87, sass/page/_single-press.scss */
    .single-press .sharing a {
      display: block;
      text-align: center; }
      /* line 90, sass/page/_single-press.scss */
      .single-press .sharing a i {
        color: #1E2D50;
        font-size: 1.5em;
        padding: 5px; }
  /* line 98, 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 106, 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 113, 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 119, 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 128, sass/page/_single-press.scss */
  .single-press .pic::before {
    content: "";
    display: block;
    padding-top: 100%; }
  /* line 133, 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 143, sass/page/_single-press.scss */
  .single-press h7,
  .single-press .wdp3,
  .single-press .tag {
    line-height: 1; }
  /* line 148, sass/page/_single-press.scss */
  .single-press .tag {
    font-size: 13px !important;
    letter-spacing: 0.2px; }
  /* line 152, sass/page/_single-press.scss */
  .single-press .post .tag {
    color: #818b94;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 2px; }
  /* line 159, sass/page/_single-press.scss */
  .single-press .excerpt {
    line-height: 20px;
    border-bottom: 2px solid #d5d5d5;
    padding-bottom: 70px;
    margin-bottom: 100px; }
  /* line 168, sass/page/_single-press.scss */
  .single-press body.lang-th .excerpt {
    font-family: cloud; }
  /* line 172, sass/page/_single-press.scss */
  .single-press body.lang-th .excerpt b, .single-press body.lang-th .excerpt strong {
    font-family: cloud-semibold; }
  /* line 175, sass/page/_single-press.scss */
  .single-press body.lang-th .title {
    font-family: cloud-semibold; }
  /* line 179, sass/page/_single-press.scss */
  .single-press .excerpt p {
    margin: 0 0 0px; }
  /* line 185, sass/page/_single-press.scss */
  .single-press .tags {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 14px; }
  /* line 192, 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 216, sass/page/_single-press.scss */
  .single-press .tags .tag:hover {
    background-color: #1e2d50;
    color: #fff; }
  /* line 220, sass/page/_single-press.scss */
  .single-press .cat-item a {
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.4px; }
  /* line 225, sass/page/_single-press.scss */
  .single-press .cat-item a:hover {
    opacity: 1; }
  /* line 228, sass/page/_single-press.scss */
  .single-press .excerpt img {
    margin: 32px auto;
    display: block;
    /*         width: 100%; */ }
  /* line 233, sass/page/_single-press.scss */
  .single-press footer header strong {
    color: #1E2D50; }
  @media (min-width: 768px) {
    /* line 237, sass/page/_single-press.scss */
    .single-press .pic::before {
      padding-top: 61.5131%; }
    /* line 240, sass/page/_single-press.scss */
    .single-press .excerpt .alignleft {
      float: left;
      margin: 0 1em 0.5em 0;
      width: auto; }
    /* line 245, sass/page/_single-press.scss */
    .single-press .excerpt .alignright {
      float: right;
      margin: 0 0 0.5em 1em;
      width: auto; }
    /* line 250, sass/page/_single-press.scss */
    .single-press .excerpt .aligncenter {
      display: block;
      margin: 0.5em auto;
      width: auto; } }
  @media (min-width: 62em) {
    /* line 62, sass/wonderfruit.scss */
    .single-press {
      /*
          .excerpt p i {
          	font-size: 32px;
          	line-height: 38px;        
          }
      */ }
      /* line 257, sass/page/_single-press.scss */
      .single-press .sharing {
        display: none; }
      /* line 260, sass/page/_single-press.scss */
      .single-press .excerpt {
        line-height: 22px; }
      /* line 270, sass/page/_single-press.scss */
      .single-press .not-header {
        margin-top: 0px; }
      /* line 273, sass/page/_single-press.scss */
      .single-press .col-md-8 .post {
        padding: 15px;
        margin-bottom: 10px;
        padding-top: 26px; }
      /* line 278, sass/page/_single-press.scss */
      .single-press .block {
        padding: 0px 12px;
        margin-bottom: 16px; }
      /* line 282, sass/page/_single-press.scss */
      .single-press .col-md-8 {
        padding-right: 8px; }
      /* line 285, sass/page/_single-press.scss */
      .single-press .col-md-4 {
        padding-left: 8px; }
      /* line 288, sass/page/_single-press.scss */
      .single-press #posts .pic {
        width: 35%; } }
  /* line 293, sass/page/_single-press.scss */
  .single-press #primary {
    background-attachment: local;
    background-position: center bottom; }
  /* line 305, 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 311, sass/page/_single-press.scss */
  .single-press.lang-th .excerpt {
    line-height: 1.4; }
  /* line 314, 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: 4%;
    text-align: center;
    background-color: transparent; }
  /* line 324, 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 324, sass/page/_single-press.scss */
      .single-press .press-gallery-images article {
        width: 32%;
        margin: 1%;
        padding: 0px; } }
  /* line 337, sass/page/_single-press.scss */
  .single-press .press-gallery-images article:nth-child(3n+1) {
    margin-left: 0px; }
  /* line 340, sass/page/_single-press.scss */
  .single-press .press-gallery-images article:nth-child(3n+3) {
    margin-right: 0px; }
  /* line 344, 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 349, sass/page/_single-press.scss */
  .single-press .press-gallery-images article .gallery-pic:before {
    content: "";
    display: block;
    padding-top: 66%; }
  /* line 355, sass/page/_single-press.scss */
  .single-press .press-gallery-images:after {
    content: "";
    width: 100%;
    clear: both;
    display: block; }
  /* line 361, sass/page/_single-press.scss */
  .single-press .press-gallery-images {
    margin-top: 30px;
    margin-bottom: 30px; }
  /* line 365, 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;
    line-height: 19px;
    text-transform: uppercase;
    padding: 13px 0px;
    width: 216px;
    text-align: center; }
    /* line 380, sass/page/_single-press.scss */
    .single-press .download-all-btn.mobile-only {
      position: relative;
      text-align: center; }
    /* line 385, sass/page/_single-press.scss */
    .single-press .download-all-btn:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    /* line 388, sass/page/_single-press.scss */
    .single-press .download-all-btn:active {
      background-color: rgba(0, 0, 0, 0.2); }
  /* line 392, sass/page/_single-press.scss */
  .single-press .press-release-language .language-switcher {
    display: block;
    text-align: right;
    margin: 0px 0px 20px; }
  /* line 399, sass/page/_single-press.scss */
  .single-press .page-heading .hashtag1 {
    color: #000000;
    text-transform: uppercase;
    margin: 25px;
    letter-spacing: 2px; }
    @media (min-width: 48em) {
      /* line 399, sass/page/_single-press.scss */
      .single-press .page-heading .hashtag1 {
        margin: 0px; } }
  /* line 408, sass/page/_single-press.scss */
  .single-press .page-heading .body2b {
    color: #900020; }
  /* line 412, sass/page/_single-press.scss */
  .single-press .page-heading .header3 {
    color: #000000; }

/* line 65, sass/wonderfruit.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 18, sass/page/_archive-activity.scss */
  .post-type-archive-activity .filter-container {
    text-align: center;
    margin: 0px 0px 80px; }
    @media (min-width: 48em) {
      /* line 18, sass/page/_archive-activity.scss */
      .post-type-archive-activity .filter-container {
        margin: 0px 0px 120px; } }
    /* line 24, sass/page/_archive-activity.scss */
    .post-type-archive-activity .filter-container label {
      margin-bottom: 20px; }
      @media (min-width: 48em) {
        /* line 24, sass/page/_archive-activity.scss */
        .post-type-archive-activity .filter-container label {
          margin-right: 40px;
          margin-bottom: 0px; } }
    /* line 31, sass/page/_archive-activity.scss */
    .post-type-archive-activity .filter-container select {
      margin: 0;
      padding: 5px 24px 5px 12px;
      border: 0;
      border-bottom: 1px solid #171717;
      text-align: center;
      text-align-last: center;
      height: 55px;
      border-radius: 0;
      bottom: 10%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down-black) 100%/12px no-repeat transparent;
      width: 100%; }
      @media (min-width: 48em) {
        /* line 31, sass/page/_archive-activity.scss */
        .post-type-archive-activity .filter-container select {
          width: 440px; } }
    /* line 53, sass/page/_archive-activity.scss */
    .post-type-archive-activity .filter-container .ui-selectmenu-button:focus {
      outline: none; }
    /* line 57, sass/page/_archive-activity.scss */
    .post-type-archive-activity .filter-container .ui-selectmenu-text {
      margin-top: 40px;
      width: 100%;
      display: inline-block;
      border-bottom: 1px solid black;
      padding-bottom: 10px;
      background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down-black) 100%/12px no-repeat transparent;
      cursor: pointer; }
      @media (min-width: 48em) {
        /* line 57, sass/page/_archive-activity.scss */
        .post-type-archive-activity .filter-container .ui-selectmenu-text {
          margin-top: 0px;
          width: 440px; } }
      /* line 69, sass/page/_archive-activity.scss */
      .post-type-archive-activity .filter-container .ui-selectmenu-text:focus {
        outline: none; }
  /* line 75, sass/page/_archive-activity.scss */
  .post-type-archive-activity .ui-selectmenu-menu {
    background-color: rgba(255, 252, 248, 0.95);
    border: 1px solid black;
    z-index: 5;
    display: none;
    padding: 25px 0px;
    width: 302px; }
    @media (max-width: 48em) {
      /* line 75, sass/page/_archive-activity.scss */
      .post-type-archive-activity .ui-selectmenu-menu {
        width: 92%;
        left: unset !important;
        margin: auto; } }
    @media (min-width: 48em) {
      /* line 75, sass/page/_archive-activity.scss */
      .post-type-archive-activity .ui-selectmenu-menu {
        width: 440px; } }
    /* line 93, sass/page/_archive-activity.scss */
    .post-type-archive-activity .ui-selectmenu-menu .ui-menu-item {
      text-align: center;
      padding: 10px 0px;
      cursor: pointer; }
      /* line 97, sass/page/_archive-activity.scss */
      .post-type-archive-activity .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
        display: inline;
        padding: 0px 5px; }
      /* line 102, sass/page/_archive-activity.scss */
      .post-type-archive-activity .ui-selectmenu-menu .ui-menu-item.ui-state-disabled {
        color: #C0C0C0;
        cursor: default; }
      /* line 106, sass/page/_archive-activity.scss */
      .post-type-archive-activity .ui-selectmenu-menu .ui-menu-item:focus {
        outline: none; }
      /* line 110, sass/page/_archive-activity.scss */
      .post-type-archive-activity .ui-selectmenu-menu .ui-menu-item:hover .ui-menu-item-wrapper {
        display: inline;
        width: auto;
        border-bottom: 1px solid black;
        text-decoration: none; }
      /* line 116, sass/page/_archive-activity.scss */
      .post-type-archive-activity .ui-selectmenu-menu .ui-menu-item:hover.ui-state-disabled .ui-menu-item-wrapper {
        border-bottom: 0px solid black;
        text-decoration: none; }
    /* line 123, sass/page/_archive-activity.scss */
    .post-type-archive-activity .ui-selectmenu-menu.ui-selectmenu-open {
      display: block; }
  /* line 130, 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 135, 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 142, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist > a:hover .artist-name {
      opacity: .4; }
    /* line 145, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist > a:active .artist-name {
      opacity: .7; }
    @media (min-width: 48em) {
      /* line 135, sass/page/_archive-activity.scss */
      .post-type-archive-activity .artist > a {
        overflow: hidden; } }
  /* line 153, 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 162, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist-name {
    color: white;
    line-height: 20px; }
    @media (min-width: 48em) {
      /* line 162, sass/page/_archive-activity.scss */
      .post-type-archive-activity .artist-name {
        line-height: 24px; } }
  /* line 171, 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 177, sass/page/_archive-activity.scss */
    .post-type-archive-activity .gridview-tab .artist-list-item .artist-pillar {
      color: #707070;
      letter-spacing: 0.7px; }
    /* line 181, sass/page/_archive-activity.scss */
    .post-type-archive-activity .gridview-tab .artist-list-item .artist-other-cat {
      display: none; }
  /* line 188, 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 195, sass/page/_archive-activity.scss */
    .post-type-archive-activity .listview-tab .artist-list-item .artist-pillar {
      display: none; }
    /* line 198, sass/page/_archive-activity.scss */
    .post-type-archive-activity .listview-tab .artist-list-item .artist-other-cat {
      color: #707070;
      letter-spacing: 0.7px; }
  /* line 205, 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 205, sass/page/_archive-activity.scss */
      .post-type-archive-activity .venueview-tab .artist {
        width: 25%; } }
  /* line 213, 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 218, sass/page/_archive-activity.scss */
    .post-type-archive-activity .venueview-tab .artist-list-item .artist-pillar {
      color: #707070;
      letter-spacing: 0.7px; }
    /* line 222, sass/page/_archive-activity.scss */
    .post-type-archive-activity .venueview-tab .artist-list-item .artist-other-cat {
      display: none; }
  /* line 227, sass/page/_archive-activity.scss */
  .post-type-archive-activity .venueview-tab .artist-img-container {
    display: block;
    width: 140px;
    margin: auto; }
  /* line 234, 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 243, sass/page/_archive-activity.scss */
  .post-type-archive-activity .category {
    margin: 24px 0px 13px;
    color: white; }
  @media (min-width: 62em) {
    /* line 248, sass/page/_archive-activity.scss */
    .post-type-archive-activity .category {
      margin: 40px 0px; }
    /* line 252, 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 259, 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 269, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist > a:hover::after {
      background-color: #000;
      opacity: 0.5; }
    /* line 273, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist article div {
      display: block;
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 4px; }
    /* line 280, sass/page/_archive-activity.scss */
    .post-type-archive-activity .category-description {
      font-size: 24px;
      line-height: 30px;
      padding: 43px 0px; }
    /* line 285, sass/page/_archive-activity.scss */
    .post-type-archive-activity .featured-heading {
      color: #1E2D50;
      font-family: value-bold;
      font-size: 24px;
      line-height: 28px; }
    /* line 291, sass/page/_archive-activity.scss */
    .post-type-archive-activity .toggle-label {
      font-size: 14px;
      line-height: 30px;
      margin-right: 5px; }
    /* line 296, sass/page/_archive-activity.scss */
    .post-type-archive-activity .page-heading h2.page-title {
      padding-bottom: 5%;
      padding-top: 0%; }
    /* line 300, 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 307, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist-name {
      line-height: 26px; }
    /* line 310, sass/page/_archive-activity.scss */
    .post-type-archive-activity .more-to-announce {
      font-size: 28px;
      line-height: 33px;
      padding: 5%; } }
  /* line 320, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist {
    float: none;
    width: 100%;
    margin: 0 0 20px; }
    @media (min-width: 48em) {
      /* line 320, sass/page/_archive-activity.scss */
      .post-type-archive-activity .artist {
        width: 80%; } }
  /* line 328, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist > a {
    position: relative;
    padding-top: 0px; }
  /* line 332, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist > a::after {
    display: none; }
  /* line 335, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist .artist-popup-link {
    display: inline-block;
    width: 64px;
    position: relative; }
  /* line 340, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist article {
    display: inline-block;
    padding: 0;
    margin: 0; }
  /* line 345, 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 353, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist article {
      display: inline-block;
      margin-left: 15px; }
    /* line 357, sass/page/_archive-activity.scss */
    .post-type-archive-activity .artist article .artist-name,
    .post-type-archive-activity .artist article div {
      width: 50%; } }
  /* line 364, sass/page/_archive-activity.scss */
  .post-type-archive-activity #container-body {
    position: relative;
    padding-top: 20px;
    padding-bottom: 250px; }
  /* line 369, 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 376, sass/page/_archive-activity.scss */
    .post-type-archive-activity .view-switcher {
      position: absolute;
      top: 100px; } }
  /* line 384, 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 389, 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 398, 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 406, 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 420, 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 426, 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 426, sass/page/_archive-activity.scss */
      .post-type-archive-activity .highlight-section {
        background-color: rgba(60, 95, 160, 0.8);
        padding: 60px 0px; } }
  /* line 435, 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 435, sass/page/_archive-activity.scss */
      .post-type-archive-activity .highlight-section:before {
        left: 0px;
        bottom: 0px;
        transform: unset; } }
  /* line 449, 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 449, sass/page/_archive-activity.scss */
      .post-type-archive-activity .highlight-section .header2 {
        color: white;
        line-height: 46px;
        text-align: left; } }
  /* line 462, 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 473, sass/page/_archive-activity.scss */
  .post-type-archive-activity .highlight-section .button1:hover {
    color: rgba(60, 95, 160, 0.8);
    background-color: white; }
  /* line 477, sass/page/_archive-activity.scss */
  .post-type-archive-activity .highlight-section .button1:active {
    opacity: .8; }
  @media (min-width: 62em) {
    /* line 481, sass/page/_archive-activity.scss */
    .post-type-archive-activity .highlight-section .button1 {
      text-align: center;
      vertical-align: middle;
      float: right;
      margin: 0px; } }
  /* line 489, 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 498, 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 506, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist a:hover .artist-img {
    transform: scale(1.1); }
  /* line 509, 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 518, 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 521, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist a:hover .artist-name {
    font-weight: bold; }
  /* line 525, sass/page/_archive-activity.scss */
  .post-type-archive-activity .artist-img:after {
    content: "";
    display: block;
    padding-bottom: 100%; }
  /* line 532, sass/page/_archive-activity.scss */
  .post-type-archive-activity .category-divider {
    background-color: white;
    opacity: .5;
    height: 1px;
    margin: 45px 15px 10px; }
  /* line 538, 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 538, sass/page/_archive-activity.scss */
      .post-type-archive-activity .letter-menu {
        display: none;
        top: 50px;
        right: 50px; } }
    /* line 549, sass/page/_archive-activity.scss */
    .post-type-archive-activity .letter-menu a {
      position: relative; }
      /* line 551, 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 563, sass/page/_archive-activity.scss */
      .post-type-archive-activity .letter-menu a:hover .hover-letter {
        display: block;
        color: #1E2D50; }
    /* line 568, sass/page/_archive-activity.scss */
    .post-type-archive-activity .letter-menu.letter-menu-sticky {
      position: fixed;
      top: 70px; }
      @media (min-width: 48em) {
        /* line 568, sass/page/_archive-activity.scss */
        .post-type-archive-activity .letter-menu.letter-menu-sticky {
          top: 200px; } }
  /* line 576, sass/page/_archive-activity.scss */
  .post-type-archive-activity.gridview .letter-menu {
    display: block; }
    @media (min-width: 48em) {
      /* line 576, sass/page/_archive-activity.scss */
      .post-type-archive-activity.gridview .letter-menu {
        display: none; } }
  /* line 582, 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;
  width: inherit; }
/* line 14, sass/page/_single-activity.scss */
.single-activity .title-container {
  padding-top: 4%;
  padding-bottom: 4%; }
/* line 18, sass/page/_single-activity.scss */
.single-activity .sharing {
  border-right: 0px; }
  @media (min-width: 48em) {
    /* line 18, sass/page/_single-activity.scss */
    .single-activity .sharing {
      position: absolute;
      left: 0px;
      bottom: 45%;
      transform: unset; } }
  /* line 33, sass/page/_single-activity.scss */
  .single-activity .sharing a i {
    color: #000000;
    font-size: 1.5em;
    padding: 0px 15px 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (min-width: 48em) {
      /* line 33, sass/page/_single-activity.scss */
      .single-activity .sharing a i {
        color: #000000;
        padding: 0px 25px 35px 0px; } }
    /* line 48, sass/page/_single-activity.scss */
    .single-activity .sharing a i:hover {
      transform: scale(1.1); }
    /* line 51, sass/page/_single-activity.scss */
    .single-activity .sharing a i:active {
      opacity: .7; }
/* line 59, sass/page/_single-activity.scss */
.single-activity .sharing a {
  display: inline-block;
  text-align: center; }
@media (min-width: 62em) {
  /* line 65, sass/page/_single-activity.scss */
  .single-activity .title-container {
    position: absolute;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    padding-right: 50px; }
  /* line 73, sass/page/_single-activity.scss */
  .single-activity .section-description {
    margin: 54px 0px; }
  /* line 77, sass/page/_single-activity.scss */
  .single-activity .sharing {
    left: 70px;
    bottom: 0px; } }
@media (min-width: 62em) {
  /* line 85, sass/page/_single-activity.scss */
  .single-activity #artist-section .container {
    width: 600px; } }
@media (min-width: 48em) {
  /* line 90, sass/page/_single-activity.scss */
  .single-activity #artist-section .container {
    width: 600px; } }
/* line 98, sass/page/_single-activity.scss */
.single-activity .frame {
  /*
      padding: 12px;
  	@include breakpoint(md) {    
      	padding: 22px;
  	}
  */
  /*
      background-color: transparent;
      background-size: cover;
      background-repeat: no-repeat;
  	background-position: center center;
  */ }
  /* line 113, sass/page/_single-activity.scss */
  .single-activity .frame:after {
    background-size: 100% auto;
    background-position: bottom;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat; }
/* line 126, 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 135, sass/page/_single-activity.scss */
.single-activity .pic::before {
  content: "";
  display: block;
  padding-top: 100%; }
/* line 140, sass/page/_single-activity.scss */
.single-activity .pic::after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/artist_gradiants.png);
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0px;
  left: 0px; }
  @media (min-width: 48em) {
    /* line 140, sass/page/_single-activity.scss */
    .single-activity .pic::after {
      background-color: transparent;
      background-image: none; } }
/* line 159, 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 159, sass/page/_single-activity.scss */
    .single-activity .artist-heading {
      display: flex; } }
  /* line 170, sass/page/_single-activity.scss */
  .single-activity .artist-heading > div {
    padding: 0px; }
/* line 174, sass/page/_single-activity.scss */
.single-activity .back-button {
  text-transform: uppercase;
  color: #000000;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 36px; }
  /* line 181, 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 187, sass/page/_single-activity.scss */
  .single-activity .back-button:hover {
    opacity: .7; }
/* line 192, 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 192, sass/page/_single-activity.scss */
    .single-activity .info-column {
      position: relative;
      bottom: initial;
      height: auto;
      width: 50%;
      left: initial;
      transform: initial; } }
  /* line 207, sass/page/_single-activity.scss */
  .single-activity .info-column .title-container-inner {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding: 0px 15px; }
    @media (min-width: 48em) {
      /* line 207, sass/page/_single-activity.scss */
      .single-activity .info-column .title-container-inner {
        position: relative;
        bottom: unset;
        width: 100%;
        padding: 0px; } }
/* line 222, sass/page/_single-activity.scss */
.single-activity .pillar-title {
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 2.8px;
  margin: 0px;
  text-align: left; }
  @media (min-width: 48em) {
    /* line 222, sass/page/_single-activity.scss */
    .single-activity .pillar-title {
      margin: 9px 0px 9px;
      text-align: left; } }
/* line 234, sass/page/_single-activity.scss */
.single-activity .page-title {
  color: #FFFFFF;
  line-height: 1.19;
  letter-spacing: 1.7px;
  text-align: left; }
  @media (min-width: 48em) {
    /* line 234, sass/page/_single-activity.scss */
    .single-activity .page-title {
      color: #000000;
      text-align: left; } }
/* line 244, sass/page/_single-activity.scss */
.single-activity .artist-venue,
.single-activity .artist-schedule {
  color: #888888;
  letter-spacing: 2.8px;
  line-height: 1.43;
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 244, sass/page/_single-activity.scss */
    .single-activity .artist-venue,
    .single-activity .artist-schedule {
      text-align: left;
      margin-top: 27px; } }
/* line 257, sass/page/_single-activity.scss */
.single-activity .triangles {
  width: 146px;
  margin: 10px auto 6px;
  text-align: center; }
  @media (min-width: 48em) {
    /* line 257, sass/page/_single-activity.scss */
    .single-activity .triangles {
      width: 168px;
      text-align: left;
      margin: 20px 0px 27px; } }
/* line 268, sass/page/_single-activity.scss */
.single-activity .triangles svg {
  fill: white; }
/* line 271, sass/page/_single-activity.scss */
.single-activity .mobile-bar {
  background-color: #F8F1E4;
  padding: 0px 15px;
  padding: 0px 15px;
  height: 57px; }
  /* line 276, sass/page/_single-activity.scss */
  .single-activity .mobile-bar .artist-venue {
    float: left;
    line-height: 57px;
    color: #000000; }
  /* line 281, sass/page/_single-activity.scss */
  .single-activity .mobile-bar .sharing {
    float: right;
    line-height: 57px; }
    /* line 284, sass/page/_single-activity.scss */
    .single-activity .mobile-bar .sharing i {
      color: #000;
      font-size: 1.3em;
      padding: 0 0px 0px 15px; }
/* line 292, sass/page/_single-activity.scss */
.single-activity .pillar-title {
  color: white; }
/* line 296, sass/page/_single-activity.scss */
.single-activity .music-activity .frame:after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/artist_frame_red.png); }
/* line 299, sass/page/_single-activity.scss */
.single-activity .music-activity .artist-heading {
  background-color: #F8F1E4; }
@media (min-width: 48em) {
  /* line 303, sass/page/_single-activity.scss */
  .single-activity .music-activity .triangles svg {
    fill: #78C8C3; }
  /* line 306, sass/page/_single-activity.scss */
  .single-activity .music-activity .pillar-title {
    color: #900020; } }
/* line 312, sass/page/_single-activity.scss */
.single-activity .arts-activity .frame:after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/artist_frame_yellow.png); }
/* line 315, sass/page/_single-activity.scss */
.single-activity .arts-activity .artist-heading {
  background-color: #F8F1E4; }
@media (min-width: 48em) {
  /* line 319, sass/page/_single-activity.scss */
  .single-activity .arts-activity .triangles svg {
    fill: #FF6464; }
  /* line 322, sass/page/_single-activity.scss */
  .single-activity .arts-activity .pillar-title {
    color: #900020; } }
/* line 328, sass/page/_single-activity.scss */
.single-activity .talks-workshops-activity .frame:after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/artist_frame_purple.png); }
/* line 331, sass/page/_single-activity.scss */
.single-activity .talks-workshops-activity .artist-heading {
  background-color: #F8F1E4; }
@media (min-width: 48em) {
  /* line 335, sass/page/_single-activity.scss */
  .single-activity .talks-workshops-activity .triangles svg {
    fill: #FFC08B; }
  /* line 338, sass/page/_single-activity.scss */
  .single-activity .talks-workshops-activity .pillar-title {
    color: #900020; } }
/* line 344, sass/page/_single-activity.scss */
.single-activity .wellness-adventures-activity .frame:after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/artist_frame_green.png); }
/* line 347, sass/page/_single-activity.scss */
.single-activity .wellness-adventures-activity .artist-heading {
  background-color: #F8F1E4; }
@media (min-width: 48em) {
  /* line 351, sass/page/_single-activity.scss */
  .single-activity .wellness-adventures-activity .triangles svg {
    fill: #AAEBFF; }
  /* line 354, sass/page/_single-activity.scss */
  .single-activity .wellness-adventures-activity .pillar-title {
    color: #900020; } }
/* line 360, sass/page/_single-activity.scss */
.single-activity .family-activity .frame:after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/artist_frame_pink.png); }
/* line 363, sass/page/_single-activity.scss */
.single-activity .family-activity .artist-heading {
  background-color: #F8F1E4; }
@media (min-width: 48em) {
  /* line 367, sass/page/_single-activity.scss */
  .single-activity .family-activity .triangles svg {
    fill: #3C5FA0; }
  /* line 370, sass/page/_single-activity.scss */
  .single-activity .family-activity .pillar-title {
    color: #900020; } }
/* line 376, sass/page/_single-activity.scss */
.single-activity .farm-to-feasts-activity .frame:after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/artist_frame_orange.png); }
/* line 379, sass/page/_single-activity.scss */
.single-activity .farm-to-feasts-activity .artist-heading {
  background-color: #F8F1E4; }
@media (min-width: 48em) {
  /* line 383, sass/page/_single-activity.scss */
  .single-activity .farm-to-feasts-activity .triangles svg {
    fill: #84DDE2; }
  /* line 386, sass/page/_single-activity.scss */
  .single-activity .farm-to-feasts-activity .pillar-title {
    color: #900020; } }
/* line 393, sass/page/_single-activity.scss */
.single-activity .venue-activity .frame:after,
.single-activity .camps-activity .frame:after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/artist_frame_brown.png); }
/* line 396, sass/page/_single-activity.scss */
.single-activity .venue-activity .artist-heading,
.single-activity .camps-activity .artist-heading {
  background-color: #F8F1E4; }
@media (min-width: 48em) {
  /* line 400, sass/page/_single-activity.scss */
  .single-activity .venue-activity .triangles svg,
  .single-activity .camps-activity .triangles svg {
    fill: #FFD1AA; }
  /* line 403, sass/page/_single-activity.scss */
  .single-activity .venue-activity .pillar-title,
  .single-activity .camps-activity .pillar-title {
    color: #900020; } }
/* line 409, sass/page/_single-activity.scss */
.single-activity .artist-description {
  margin: 20px 0px;
  color: #000000; }
  /* line 412, sass/page/_single-activity.scss */
  .single-activity .artist-description.artist-related {
    margin-bottom: 90px; }
  @media (min-width: 48em) {
    /* line 409, sass/page/_single-activity.scss */
    .single-activity .artist-description {
      margin: 0px;
      color: #000000;
      margin-top: 35px; }
      /* line 420, sass/page/_single-activity.scss */
      .single-activity .artist-description.artist-related {
        color: #000000;
        margin-top: 0px;
        margin-bottom: 90px; } }
  /* line 427, sass/page/_single-activity.scss */
  .single-activity .artist-description.desktop-only {
    margin-top: 35px; }
  /* line 430, sass/page/_single-activity.scss */
  .single-activity .artist-description ul {
    list-style: inside; }
  /* line 433, sass/page/_single-activity.scss */
  .single-activity .artist-description a {
    font-weight: bold; }
  /* line 437, sass/page/_single-activity.scss */
  .single-activity .artist-description.artist-related a {
    text-decoration: underline; }
  /* line 445, 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;
    color: #888888; }
    @media (min-width: 48em) {
      /* line 445, sass/page/_single-activity.scss */
      .single-activity .artist-description.artist-related h1 {
        margin: 34px 0px 40px; } }
  /* line 458, 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 458, 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 469, sass/page/_single-activity.scss */
.single-activity.lang-th .artist-description {
  line-height: 26px; }
  @media (min-width: 48em) {
    /* line 469, sass/page/_single-activity.scss */
    .single-activity.lang-th .artist-description {
      line-height: 23px; } }
/* line 477, sass/page/_single-activity.scss */
.single-activity .section-label {
  margin: 38px 0px 38px;
  color: #171717;
  border-bottom: 1px solid #171717;
  padding-bottom: 16px; }
  @media (min-width: 48em) {
    /* line 477, sass/page/_single-activity.scss */
    .single-activity .section-label {
      margin: 80px 0px 38px;
      padding-bottom: 24px; } }
/* line 488, sass/page/_single-activity.scss */
.single-activity audio {
  width: 100%; }
/* line 491, sass/page/_single-activity.scss */
.single-activity .related-content > * {
  margin: 20px 0px; }
/* line 494, sass/page/_single-activity.scss */
.single-activity .related-content iframe {
  height: 460px; }
/* line 497, sass/page/_single-activity.scss */
.single-activity .triangles {
  display: none; }

/* line 72, sass/wonderfruit.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;
    margin-bottom: 20px; }
    @media (min-width: 48em) {
      /* line 18, sass/page/_post.scss */
      .post-type-archive-podcast .overhead {
        margin-bottom: 0px; } }
  /* line 30, sass/page/_post.scss */
  .post-type-archive-podcast .overhead::before {
    content: "";
    display: block;
    padding-top: 133%; }
  /* line 37, 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 37, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .container {
        text-align: left; } }
  /* line 51, 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 57, 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 62, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .slider {
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto; }
  /* line 68, 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 80, sass/page/_post.scss */
    .post-type-archive-podcast .slide-wrap:before {
      content: "";
      top: 0px;
      left: 0;
      position: absolute;
      background-color: black;
      width: 100%;
      height: 100%;
      opacity: .05; }
      @media (min-width: 48em) {
        /* line 80, sass/page/_post.scss */
        .post-type-archive-podcast .slide-wrap:before {
          opacity: .5; } }
  /* line 95, sass/page/_post.scss */
  .post-type-archive-podcast .read-more:hover {
    background-color: rgba(255, 255, 255, 0.2); }
  /* line 98, sass/page/_post.scss */
  .post-type-archive-podcast .read-more:active {
    background-color: rgba(255, 255, 255, 0.4); }
  /* line 102, sass/page/_post.scss */
  .post-type-archive-podcast .block.navigator .h-e.cat {
    margin-bottom: 24px; }
  /* line 105, sass/page/_post.scss */
  .post-type-archive-podcast .post {
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 10px; }
  /* line 111, sass/page/_post.scss */
  .post-type-archive-podcast .post:first-child {
    padding-top: 0; }
  /* line 114, sass/page/_post.scss */
  .post-type-archive-podcast .post:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  /* line 120, sass/page/_post.scss */
  .post-type-archive-podcast .post footer {
    font-size: 0;
    display: none;
    margin-top: 0px; }
  /* line 126, 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 137, sass/page/_post.scss */
  .post-type-archive-podcast .pic::before {
    content: "";
    display: block;
    padding-top: 100%; }
  /* line 142, 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 151, sass/page/_post.scss */
  .post-type-archive-podcast .post-body {
    overflow: hidden; }
  /* line 155, sass/page/_post.scss */
  .post-type-archive-podcast h7,
  .post-type-archive-podcast .text-1,
  .post-type-archive-podcast .tag {
    line-height: 1; }
  /* line 160, sass/page/_post.scss */
  .post-type-archive-podcast .post .tag {
    color: #171717;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 3px; }
  /* line 168, 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 177, sass/page/_post.scss */
  .post-type-archive-podcast .lang-th .excerpt {
    line-height: 24px; }
  /* line 180, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-sidebar {
    margin-top: 60px; }
    @media (min-width: 48em) {
      /* line 180, sass/page/_post.scss */
      .post-type-archive-podcast #wdp-sidebar {
        margin-top: 20px; } }
  /* line 187, sass/page/_post.scss */
  .post-type-archive-podcast .block .post {
    padding: 10px 0;
    overflow: hidden; }
  /* line 191, sass/page/_post.scss */
  .post-type-archive-podcast .block .post header div {
    margin-bottom: 0;
    line-height: 20px; }
  /* line 195, sass/page/_post.scss */
  .post-type-archive-podcast .block .post .pic {
    margin-right: 10px; }
  /* line 199, sass/page/_post.scss */
  .post-type-archive-podcast .block.subscribe {
    border: 0;
    background-color: #6fbccc;
    color: #fff; }
  /* line 204, sass/page/_post.scss */
  .post-type-archive-podcast .block.subscribe > header {
    color: #fff;
    margin-bottom: 16px; }
  /* line 208, 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 220, 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 225, 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 229, 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 239, sass/page/_post.scss */
  .post-type-archive-podcast .block.tags {
    padding-bottom: 19px;
    padding-right: 4px; }
  /* line 243, 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 251, 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 262, sass/page/_post.scss */
  .post-type-archive-podcast #primary {
    background-attachment: local;
    background-position: center bottom; }
  /* line 266, sass/page/_post.scss */
  .post-type-archive-podcast .row.search {
    margin-top: 26px; }
  /* line 269, sass/page/_post.scss */
  .post-type-archive-podcast .row.search .text {
    border: 1px solid black;
    background-color: transparent;
    margin: 0; }
  /* line 274, sass/page/_post.scss */
  .post-type-archive-podcast .hide-search .row.search {
    display: none; }
  /* line 277, sass/page/_post.scss */
  .post-type-archive-podcast .blahblah {
    margin-top: 30px; }
  /* line 280, sass/page/_post.scss */
  .post-type-archive-podcast .cat-item a {
    text-transform: uppercase; }
  /* line 284, 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 294, sass/page/_post.scss */
  .post-type-archive-podcast #newsletter-submit:hover {
    background: #fff;
    color: #6fbccc; }
  /* line 298, sass/page/_post.scss */
  .post-type-archive-podcast #newsletter-submit:active {
    background: #fff;
    color: #6fbccc;
    opacity: 0.5; }
  @media (min-width: 768px) {
    /* line 304, sass/page/_post.scss */
    .post-type-archive-podcast .pic::before {
      padding-top: 61.5131%; }
    /* line 307, 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 314, sass/page/_post.scss */
    .post-type-archive-podcast .wdp1 {
      line-height: 58px; }
    /* line 317, sass/page/_post.scss */
    .post-type-archive-podcast .lang-th .wdp1 {
      font-family: cloud-semibold;
      line-height: 42px; }
    /* line 321, sass/page/_post.scss */
    .post-type-archive-podcast .slider-nav {
      left: 0;
      right: 0;
      text-align: center; } }
  @media (min-width: 62em) {
    /* line 72, sass/wonderfruit.scss */
    .post-type-archive-podcast {
      /*
          .slide-wrap::before {
              display: none;
          }
      */ }
      /* line 328, sass/page/_post.scss */
      .post-type-archive-podcast .blahblah {
        margin-top: 24px; }
      /* line 331, sass/page/_post.scss */
      .post-type-archive-podcast .pic {
        margin-right: 32px; }
      /* line 334, sass/page/_post.scss */
      .post-type-archive-podcast .post-body {
        /*             overflow: visible; */
        position: absolute;
        padding-left: 42%;
        top: 50%;
        transform: translateY(-50%); }
      /* line 341, sass/page/_post.scss */
      .post-type-archive-podcast .excerpt {
        line-height: 22px;
        margin-top: 14px; }
      /* line 345, 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 350, sass/page/_post.scss */
      .post-type-archive-podcast .wdp4 {
        line-height: 40px !important; }
      /* line 353, sass/page/_post.scss */
      .post-type-archive-podcast .lang-th .wdp3 {
        font-family: cloud;
        font-size: 17px; }
      /* line 357, 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 364, sass/page/_post.scss */
      .post-type-archive-podcast .block .post {
        padding: 16px 0 20px; }
      /* line 367, sass/page/_post.scss */
      .post-type-archive-podcast .block .post:first-child {
        padding-top: 20px; }
      /* line 370, sass/page/_post.scss */
      .post-type-archive-podcast .block.cats .post {
        padding: 10px 0; }
      /* line 373, sass/page/_post.scss */
      .post-type-archive-podcast .block.cats .post:first-child {
        padding: 16px 0 5px; }
      /* line 376, sass/page/_post.scss */
      .post-type-archive-podcast .col-md-8 {
        padding-right: 8px; }
      /* line 379, sass/page/_post.scss */
      .post-type-archive-podcast .pull-up-desktop {
        margin-top: -62px; }
      /* line 382, sass/page/_post.scss */
      .post-type-archive-podcast .hide-search .pull-up-desktop {
        margin-top: 0; }
      /* line 385, sass/page/_post.scss */
      .post-type-archive-podcast .col-md-4 {
        padding-left: 8px; }
      /* line 388, sass/page/_post.scss */
      .post-type-archive-podcast #posts_remaining .pic,
      .post-type-archive-podcast #posts .pic {
        width: 38%; }
      /* line 392, sass/page/_post.scss */
      .post-type-archive-podcast .overhead {
        margin-top: 0px;
        padding-top: 7%;
        padding-bottom: 0%; }
      /* line 397, sass/page/_post.scss */
      .post-type-archive-podcast .overhead::before,
      .post-type-archive-podcast .slide-wrap::before {
        padding-top: 28.15625%; }
      /* line 401, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .container {
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0); }
      /* line 406, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .container > .row {
        position: relative; }
      /* line 409, 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 417, 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 429, sass/page/_post.scss */
      .post-type-archive-podcast .slide-wrap {
        left: 15px; }
      /* line 439, 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 448, sass/page/_post.scss */
      .post-type-archive-podcast #overhead-slider .block .post.active {
        /*             display: none; */ }
      /* line 451, 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 462, sass/page/_post.scss */
      .post-type-archive-podcast .slide-wrap.active {
        display: block; }
      /* line 465, 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 470, sass/page/_post.scss */
      .post-type-archive-podcast .slider-nav {
        display: none; } }
  @media (min-width: 1200px) {
    /* line 475, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .container {
      left: 50%; }
    /* line 478, 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 483, sass/page/_post.scss */
    .post-type-archive-podcast #overhead-slider .col-md-4 {
      margin-left: 570px; } }
  /* line 487, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-header .the-wonder-post img {
    width: 194px; }
  @media (min-width: 992px) {
    /* line 491, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-header .the-wonder-post img {
      width: 300px; } }
  /* line 496, 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 510, sass/page/_post.scss */
  .post-type-archive-podcast .search-button:hover {
    color: white;
    background-color: black;
    border-color: black; }
  /* line 518, sass/page/_post.scss */
  .post-type-archive-podcast .slick-list,
  .post-type-archive-podcast .slick-track {
    height: 100%; }
  /* line 522, sass/page/_post.scss */
  .post-type-archive-podcast .slick-dots {
    bottom: 5% !important; }
  /* line 525, sass/page/_post.scss */
  .post-type-archive-podcast .slick-dots li {
    margin: 0px !important; }
  /* line 528, 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 533, 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 543, 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 554, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-header .the-wonder-post {
      padding-bottom: 5%;
      padding-top: 9%;
      padding-left: 7%; } }
  /* line 560, sass/page/_post.scss */
  .post-type-archive-podcast #wdp-header .cats-nav {
    margin: 12px 0 12px 0;
    text-align: center;
    line-height: 24px; }
  /* line 567, 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 573, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-header .cats-nav {
      letter-spacing: 1.2px;
      font-size: 20px;
      line-height: 24px; }
    /* line 578, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-header .cats-nav .submenu-link {
      padding: 15px; } }
  /* line 583, sass/page/_post.scss */
  .post-type-archive-podcast .slider-title {
    margin: 20px 0px 10px;
    padding: 0px 15px; }
    @media (min-width: 48em) {
      /* line 583, sass/page/_post.scss */
      .post-type-archive-podcast .slider-title {
        margin: 8px 0px 0px;
        padding: 0px; } }
  /* line 594, sass/page/_post.scss */
  .post-type-archive-podcast .slider-date {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px; }
  @media (min-width: 62em) {
    /* line 600, sass/page/_post.scss */
    .post-type-archive-podcast .slider-date {
      margin: 20px 0px 15px; } }
  /* line 609, sass/page/_post.scss */
  .post-type-archive-podcast .slider-excerpt {
    color: #ffffff;
    line-height: 18px;
    margin: 15px 0px 4px; }
  @media (min-width: 62em) {
    /* line 615, sass/page/_post.scss */
    .post-type-archive-podcast .slider-excerpt {
      line-height: 22px; } }
  /* line 619, sass/page/_post.scss */
  .post-type-archive-podcast .slider-read-more {
    border: 2px solid white;
    display: inline-block;
    padding: 15px 25px;
    margin: 20px 0px;
    letter-spacing: 4.2px; }
    /* line 626, sass/page/_post.scss */
    .post-type-archive-podcast .slider-read-more:after {
      padding: 15px 25px;
      color: white; }
  /* line 632, sass/page/_post.scss */
  .post-type-archive-podcast .slider-read-more .hs2 {
    color: #ffffff;
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 637, sass/page/_post.scss */
    .post-type-archive-podcast .slider-read-more {
      padding: 15px 15px; }
      /* line 639, sass/page/_post.scss */
      .post-type-archive-podcast .slider-read-more:after {
        padding: 15px 15px;
        color: white; } }
  /* line 647, 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);
    z-index: 1; }
  @media (min-width: 48em) {
    /* line 659, 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 677, sass/page/_post.scss */
    .post-type-archive-podcast .title-n-button {
      width: 50%; } }
  @media (min-width: 62em) {
    /* line 683, 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;
      position: relative; }
      /* line 688, 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 694, sass/page/_post.scss */
  .post-type-archive-podcast .block .post {
    border-bottom: none; }
  /* line 697, sass/page/_post.scss */
  .post-type-archive-podcast .post .title {
    color: #171717;
    text-transform: none;
    line-height: 18px;
    margin-top: 0px; }
    @media (min-width: 48em) {
      /* line 697, sass/page/_post.scss */
      .post-type-archive-podcast .post .title {
        line-height: 22px; } }
  /* line 706, sass/page/_post.scss */
  .post-type-archive-podcast .post .title a:link,
  .post-type-archive-podcast .post .title a:visited {
    color: #171717; }
  /* line 710, sass/page/_post.scss */
  .post-type-archive-podcast .post .cat {
    color: #171717;
    text-transform: uppercase;
    letter-spacing: 2px; }
  /* line 715, sass/page/_post.scss */
  .post-type-archive-podcast .post header .h-e {
    margin-bottom: 4px;
    margin-top: 0px; }
  /* line 719, sass/page/_post.scss */
  .post-type-archive-podcast .headline-small3 {
    color: #171717; }
  /* line 722, sass/page/_post.scss */
  .post-type-archive-podcast .slider-read-more,
  .post-type-archive-podcast .button1 {
    text-transform: uppercase; }
  @media (min-width: 62em) {
    /* line 727, sass/page/_post.scss */
    .post-type-archive-podcast .post .title {
      margin-top: 10px;
      margin-bottom: 2px; } }
  /* line 736, sass/page/_post.scss */
  .post-type-archive-podcast .date-n-by {
    color: #888888;
    padding: 13px 0px;
    letter-spacing: 1.5px;
    line-height: 12px; }
  /* line 744, 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 750, sass/page/_post.scss */
  .post-type-archive-podcast .post footer .fa {
    margin-right: 16px;
    font-size: 20px; }
  /* line 754, sass/page/_post.scss */
  .post-type-archive-podcast .block > header {
    margin-bottom: 12px;
    color: #171717; }
  /* line 758, sass/page/_post.scss */
  .post-type-archive-podcast .block .post header div {
    color: #171717; }
  /* line 761, sass/page/_post.scss */
  .post-type-archive-podcast .block {
    border: 0px solid black;
    margin-bottom: 60px; }
  @media (min-width: 62em) {
    /* line 766, sass/page/_post.scss */
    .post-type-archive-podcast .block {
      padding: 15px 12px;
      margin-bottom: 16px; }
    /* line 770, sass/page/_post.scss */
    .post-type-archive-podcast #wdp-sidebar {
      margin-top: 0;
      padding-left: 4.3%;
      padding-right: 20px; }
    /* line 775, sass/page/_post.scss */
    .post-type-archive-podcast .block .post header div {
      line-height: 20px; } }
  @media (min-width: 81em) {
    /* line 780, sass/page/_post.scss */
    .post-type-archive-podcast .block .post header div {
      line-height: 20px; } }
  /* line 785, 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;
    letter-spacing: 1px; }
  /* line 807, sass/page/_post.scss */
  .post-type-archive-podcast .block.tags .tag:hover {
    background-color: #171717;
    color: #fff; }
  /* line 811, 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 816, 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: 0px;
    letter-spacing: 0.5px;
    cursor: pointer;
    border: 2px solid #171717;
    width: 100px;
    height: 30px;
    line-height: 24px; }
  /* line 833, sass/page/_post.scss */
  .post-type-archive-podcast.lang-th #button-load-more {
    letter-spacing: 2px; }
  @media (min-width: 62em) {
    /* line 837, sass/page/_post.scss */
    .post-type-archive-podcast #button-load-more {
      width: 294px;
      margin-bottom: 180px;
      height: 46px;
      line-height: 40px; }
      /* line 842, sass/page/_post.scss */
      .post-type-archive-podcast #button-load-more:hover {
        background-color: rgba(0, 0, 0, 0.1); }
      /* line 845, sass/page/_post.scss */
      .post-type-archive-podcast #button-load-more:active {
        background-color: rgba(0, 0, 0, 0.2); } }
  @media (min-width: 992px) {
    /* line 72, sass/wonderfruit.scss */
    .post-type-archive-podcast {
      /*
          #button-load-more:hover {
              background-color: #1e2d50;
              color: #fff;
          }
          #button-load-more:active {
              opacity: 0.8;
          }
      */ }
      /* line 868, sass/page/_post.scss */
      .post-type-archive-podcast #button-load-more div {
        padding-left: 35px;
        padding-right: 35px; } }
  /* line 885, sass/page/_post.scss */
  .post-type-archive-podcast .block.wondercast > div {
    /*         border: 2px solid #1e2d50; */
    padding: 12px; }
  /* line 889, sass/page/_post.scss */
  .post-type-archive-podcast .block.wondercast .wondercast-see-all {
    border-top: 0px;
    text-align: center;
    color: #171717;
    padding: 0px;
    border: 2px solid #171717; }
    /* line 895, sass/page/_post.scss */
    .post-type-archive-podcast .block.wondercast .wondercast-see-all a {
      display: block;
      line-height: 30px; }
      /* line 898, sass/page/_post.scss */
      .post-type-archive-podcast .block.wondercast .wondercast-see-all a:after {
        text-transform: uppercase;
        /*
        			font-family: Value;
        			font-weight: bold;
        			font-size: 12px;
        */
        color: #171717;
        letter-spacing: 4.2px; }
      /* line 911, sass/page/_post.scss */
      .post-type-archive-podcast .block.wondercast .wondercast-see-all a:hover {
        background-color: rgba(0, 0, 0, 0.1); }
      /* line 914, sass/page/_post.scss */
      .post-type-archive-podcast .block.wondercast .wondercast-see-all a:active {
        background-color: rgba(0, 0, 0, 0.2); }
  /* line 920, sass/page/_post.scss */
  .post-type-archive-podcast.lang-th .slider-read-more, .post-type-archive-podcast.lang-th .block.wondercast .wondercast-see-all {
    letter-spacing: 2px; }
    /* line 924, sass/page/_post.scss */
    .post-type-archive-podcast.lang-th .slider-read-more a, .post-type-archive-podcast.lang-th .block.wondercast .wondercast-see-all a {
      letter-spacing: 2px; }
    /* line 927, sass/page/_post.scss */
    .post-type-archive-podcast.lang-th .slider-read-more a:after, .post-type-archive-podcast.lang-th .block.wondercast .wondercast-see-all a:after {
      letter-spacing: 2px; }
    /* line 931, sass/page/_post.scss */
    .post-type-archive-podcast.lang-th .slider-read-more span, .post-type-archive-podcast.lang-th .block.wondercast .wondercast-see-all span {
      letter-spacing: 2px; }
  /* line 937, sass/page/_post.scss */
  .post-type-archive-podcast .container-fluid {
    padding: 0px; }
  /* line 940, sass/page/_post.scss */
  .post-type-archive-podcast .container-fluid .row {
    margin-left: 0px;
    margin-right: 0px; }
  /* line 944, sass/page/_post.scss */
  .post-type-archive-podcast .subscribe-section-container.container-fluid .row > div {
    background-color: #D1CCCA; }
  /* line 947, sass/page/_post.scss */
  .post-type-archive-podcast .slick-prev, .post-type-archive-podcast .slick-next {
    z-index: 100; }
  /* line 950, 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 958, sass/page/_post.scss */
  .post-type-archive-podcast .slick-next {
    right: 3% !important;
    left: inherit !important; }
  /* line 962, sass/page/_post.scss */
  .post-type-archive-podcast .slick-prev {
    left: 2% !important;
    right: inherit !important; }
  /* line 966, 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 975, 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 989, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .triangles {
    top: 0px;
    left: 0px; }
    /* line 992, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .triangles svg {
      height: 22px;
      width: 236px;
      padding-left: 15px;
      fill: white; }
  /* line 999, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .fixed-content {
    position: absolute;
    z-index: 1;
    width: 100%; }
    /* line 1003, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .fixed-content.category-links {
      bottom: 0px;
      color: white; }
  /* line 1008, sass/page/_post.scss */
  .post-type-archive-podcast .overhead .category-list {
    padding: 0px 16px 40px; }
    @media (min-width: 321px) {
      /* line 1008, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .category-list {
        padding: 0px 16px 70px; } }
    @media (min-width: 48em) {
      /* line 1008, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .category-list {
        padding: 0px 16px 60px; } }
    /* line 1016, sass/page/_post.scss */
    .post-type-archive-podcast .overhead .category-list li {
      display: inline-block; }
      /* line 1018, 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 1028, sass/page/_post.scss */
      .post-type-archive-podcast .overhead .category-list li:last-child:after {
        display: none; }
    /* line 1032, 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 1043, sass/page/_post.scss */
  .post-type-archive-podcast.lang-th .home-block-subscribe form .body2,
  .post-type-archive-podcast.lang-th .home-block-subscribe form .menu1 {
    letter-spacing: 2px; }
  /* line 1048, sass/page/_post.scss */
  .post-type-archive-podcast .home-block-subscribe {
    padding: 42px 0px 48px; }
    /* line 1051, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe::before {
      content: "";
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: 0;
      background-size: cover;
      background-image: url(/wp-content/themes/wonderfruit-2019/images/subscribe-bg-mob.jpg); }
      @media (min-width: 48em) {
        /* line 1051, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe::before {
          background-image: url(/wp-content/themes/wonderfruit-2019/images/subscribe-bg.jpg); } }
    /* line 1068, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .subscribe-form-container {
      background-color: rgba(240, 90, 54, 0.7);
      padding: 25px 0px 10px; }
      @media (min-width: 48em) {
        /* line 1068, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe .subscribe-form-container {
          padding: 0px;
          height: 60px; } }
    /* line 1076, 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 1076, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe .header2 {
          text-align: left;
          line-height: 26px;
          margin-bottom: 0px; } }
    /* line 1086, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .header2, .post-type-archive-podcast .home-block-subscribe .body2 {
      color: white; }
    /* line 1089, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .subscribe-options {
      padding: 10px 0px;
      text-align: center; }
      @media (min-width: 48em) {
        /* line 1089, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe .subscribe-options {
          padding: 0px 0px;
          padding-left: 12px;
          text-align: left; } }
    /* line 1098, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe form .body2,
    .post-type-archive-podcast .home-block-subscribe form .menu1 {
      width: 85%; }
      @media (min-width: 48em) {
        /* line 1098, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe form .body2,
        .post-type-archive-podcast .home-block-subscribe form .menu1 {
          width: 90%; } }
    /* line 1106, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .col-md-6 {
      top: 50%;
      transform: translateY(-50%); }
    /* line 1110, 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 1125, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe select:focus {
        outline: 0; }
    /* line 1129, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe option {
      width: auto; }
    /* line 1132, sass/page/_post.scss */
    .post-type-archive-podcast .home-block-subscribe .hidden_select {
      display: none; }
      /* line 1134, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe .hidden_select .hidden_option {
        width: auto; }
    /* line 1139, 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 1139, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe form input {
          padding: 4px 0px;
          padding-left: 10px; } }
      /* line 1152, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe form input::placeholder {
        color: white; }
      /* line 1155, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe form input:-ms-input-placeholder {
        color: white; }
      /* line 1158, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe form input::-ms-input-placeholder {
        color: white; }
      /* line 1161, sass/page/_post.scss */
      .post-type-archive-podcast .home-block-subscribe form input:focus {
        outline: 0; }
    /* line 1165, 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 1165, sass/page/_post.scss */
        .post-type-archive-podcast .home-block-subscribe form button {
          padding: 6px 9px 6px; } }
    /* line 1177, 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 1177, 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;
    filter: sepia(10%) saturate(50%) grayscale(1) contrast(99%) invert(20%); }
  /* line 6, sass/page/_podcast.scss */
  .post-type-archive-podcast .post footer {
    display: block; }
  /* line 9, sass/page/_podcast.scss */
  .post-type-archive-podcast .date-n-by {
    text-transform: none;
    color: #000000;
    letter-spacing: 1px;
    line-height: 18px; }
  /* line 15, sass/page/_podcast.scss */
  .post-type-archive-podcast.lang-th .date-n-by {
    padding: 13px 0px 23px; }
  /* line 18, sass/page/_podcast.scss */
  .post-type-archive-podcast .slider-read-more {
    padding: 15px 43px; }
    /* line 20, sass/page/_podcast.scss */
    .post-type-archive-podcast .slider-read-more:after {
      padding: 15px 43px;
      color: white; }
  /* line 25, sass/page/_podcast.scss */
  .post-type-archive-podcast.lang-th .slider-read-more {
    letter-spacing: 2px; }
  /* line 28, sass/page/_podcast.scss */
  .post-type-archive-podcast .pic {
    margin-right: 16px;
    margin-top: 4px; }
  /* line 32, sass/page/_podcast.scss */
  .post-type-archive-podcast.lang-th .pic {
    margin-top: 2px; }
  /* line 35, sass/page/_podcast.scss */
  .post-type-archive-podcast .slider-date {
    text-transform: none;
    opacity: .5; }
  /* line 39, sass/page/_podcast.scss */
  .post-type-archive-podcast .post .cat {
    text-transform: none;
    color: #888888; }
  @media (min-width: 62em) {
    /* line 43, sass/page/_podcast.scss */
    .post-type-archive-podcast .post-body {
      position: relative;
      padding-left: 0;
      top: initial;
      transform: none; } }

/* line 1, sass/page/_single-podcast.scss */
.single-podcast audio {
  filter: sepia(10%) saturate(50%) grayscale(1) contrast(99%) invert(20%); }
/* line 4, sass/page/_single-podcast.scss */
.single-podcast body {
  line-height: 1.2; }
/* line 7, sass/page/_single-podcast.scss */
.single-podcast input {
  border-radius: 0; }
/* line 10, sass/page/_single-podcast.scss */
.single-podcast .post a,
.single-podcast .post a:link,
.single-podcast .post a:visited,
.single-podcast .post a:hover,
.single-podcast .post a:active {
  color: #1E2D50;
  text-decoration: none; }
/* line 18, 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: #000000;
  text-decoration: underline;
  font-weight: 500 !important; }
/* line 27, sass/page/_single-podcast.scss */
.single-podcast .excerpt b {
  font-weight: 700;
  color: #000000; }
/* line 31, sass/page/_single-podcast.scss */
.single-podcast .excerpt strong {
  font-weight: 500;
  color: #000000; }
/* line 35, sass/page/_single-podcast.scss */
.single-podcast .excerpt a:hover span,
.single-podcast .excerpt a:hover {
  color: white;
  background-color: #AE0020;
  text-decoration: underline;
  font-weight: 500; }
/* line 42, sass/page/_single-podcast.scss */
.single-podcast .excerpt a:active span,
.single-podcast .excerpt a:active {
  color: white;
  background-color: #7D171B;
  text-decoration: underline;
  font-weight: 500; }
/* line 51, sass/page/_single-podcast.scss */
.single-podcast .excerpt em {
  font-style: italic; }
/* line 54, sass/page/_single-podcast.scss */
.single-podcast .excerpt h1, .single-podcast .excerpt h1 strong {
  font-size: 22px;
  font-weight: bold !important; }
/* line 58, sass/page/_single-podcast.scss */
.single-podcast .excerpt h2, .single-podcast .excerpt h2 strong {
  font-size: 22px;
  font-weight: bold !important; }
/* line 62, sass/page/_single-podcast.scss */
.single-podcast .excerpt h3, .single-podcast .excerpt h3 strong {
  font-size: 22px;
  font-weight: bold !important; }
/* line 66, sass/page/_single-podcast.scss */
.single-podcast .excerpt h4, .single-podcast .excerpt h4 strong {
  font-size: 22px;
  font-weight: bold !important; }
/* line 72, sass/page/_single-podcast.scss */
.single-podcast .text-3 {
  margin: 0;
  color: #900020;
  padding: 25px 0px 50px;
  letter-spacing: 3px; }
/* line 80, sass/page/_single-podcast.scss */
.single-podcast .title {
  color: #171717;
  margin: 6px 0; }
/* line 84, sass/page/_single-podcast.scss */
.single-podcast .post {
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px; }
/* line 90, sass/page/_single-podcast.scss */
.single-podcast .post .title a:link,
.single-podcast .post .title a:visited {
  color: black; }
/* line 94, sass/page/_single-podcast.scss */
.single-podcast .post footer {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px; }
/* line 100, 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: #F8F1E4;
  padding: 16px 4px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  display: none; }
/* line 113, sass/page/_single-podcast.scss */
.single-podcast .sharing a {
  display: block;
  text-align: center; }
/* line 118, sass/page/_single-podcast.scss */
.single-podcast .sharing a i {
  color: #900020;
  font-size: 1.5em;
  padding: 5px; }
  /* line 122, sass/page/_single-podcast.scss */
  .single-podcast .sharing a i:hover {
    color: #7D171B; }
  /* line 125, sass/page/_single-podcast.scss */
  .single-podcast .sharing a i:active {
    color: #7D171B; }
/* line 131, sass/page/_single-podcast.scss */
.single-podcast .post footer span,
.single-podcast .post footer .fa {
  line-height: 20px;
  display: inline-block; }
/* line 136, sass/page/_single-podcast.scss */
.single-podcast .post footer .fa {
  font-size: 20px;
  color: #171717; }
/* line 140, sass/page/_single-podcast.scss */
.single-podcast .post footer .fa:hover {
  opacity: 1; }
/* line 143, 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 153, sass/page/_single-podcast.scss */
.single-podcast .pic::before {
  content: "";
  display: block;
  padding-top: 100%; }
/* line 158, 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 168, sass/page/_single-podcast.scss */
.single-podcast h7,
.single-podcast .wdp3,
.single-podcast .tag {
  line-height: 1; }
/* line 173, sass/page/_single-podcast.scss */
.single-podcast .tag {
  font-size: 13px !important;
  letter-spacing: 0.2px; }
/* line 177, sass/page/_single-podcast.scss */
.single-podcast .post .tag {
  color: #818b94;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 2px; }
/* line 183, sass/page/_single-podcast.scss */
.single-podcast .page-heading .cat {
  color: #171717;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  line-height: 18px; }
/* line 190, sass/page/_single-podcast.scss */
.single-podcast .excerpt {
  color: #171717;
  line-height: 20px;
  padding-bottom: 19px;
  margin-bottom: 120px; }
/* line 200, sass/page/_single-podcast.scss */
.single-podcast .excerpt p {
  margin: 0 0 0px; }
/* line 203, sass/page/_single-podcast.scss */
.single-podcast .excerpt p i {
  line-height: 24px;
  font-style: normal; }
/* line 207, sass/page/_single-podcast.scss */
.single-podcast .tags {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 14px; }
/* line 214, 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 235, sass/page/_single-podcast.scss */
.single-podcast .tags .tag:hover {
  background-color: #171717;
  color: #fff; }
/* line 239, sass/page/_single-podcast.scss */
.single-podcast .cat-item a {
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.4px; }
/* line 244, sass/page/_single-podcast.scss */
.single-podcast .cat-item a:hover {
  opacity: 1; }
/* line 247, sass/page/_single-podcast.scss */
.single-podcast .excerpt img {
  margin: 32px auto;
  display: block;
  width: 100%; }
/* line 252, sass/page/_single-podcast.scss */
.single-podcast footer header strong {
  color: #171717;
  line-height: 30px; }
@media (min-width: 768px) {
  /* line 257, sass/page/_single-podcast.scss */
  .single-podcast .pic::before {
    padding-top: 61.5131%; }
  /* line 260, sass/page/_single-podcast.scss */
  .single-podcast .excerpt .alignleft {
    float: left;
    margin: 0 1em 0.5em 0;
    width: auto; }
  /* line 265, sass/page/_single-podcast.scss */
  .single-podcast .excerpt .alignright {
    float: right;
    margin: 0 0 0.5em 1em;
    width: auto; }
  /* line 270, sass/page/_single-podcast.scss */
  .single-podcast .excerpt .aligncenter {
    display: block;
    margin: 0.5em auto;
    width: auto; } }
@media (min-width: 62em) {
  /* line 277, sass/page/_single-podcast.scss */
  .single-podcast .sharing {
    display: block; }
  /* line 280, sass/page/_single-podcast.scss */
  .single-podcast .excerpt {
    line-height: 22px; }
  /* line 284, sass/page/_single-podcast.scss */
  .single-podcast .excerpt p i {
    font-size: 32px;
    line-height: 38px; }
  /* line 289, sass/page/_single-podcast.scss */
  .single-podcast .not-header {
    margin-top: 0px; }
  /* line 292, sass/page/_single-podcast.scss */
  .single-podcast .col-md-8 .post {
    padding: 15px;
    margin-bottom: 10px;
    padding-top: 26px; }
  /* line 297, sass/page/_single-podcast.scss */
  .single-podcast .title {
    font-size: 44px;
    line-height: 48px;
    margin-bottom: 0; }
  /* line 302, sass/page/_single-podcast.scss */
  .single-podcast .block {
    padding: 0px 12px;
    margin-bottom: 16px; }
  /* line 306, sass/page/_single-podcast.scss */
  .single-podcast .col-md-8 {
    padding-right: 8px; }
  /* line 309, sass/page/_single-podcast.scss */
  .single-podcast .col-md-4 {
    padding-left: 8px; }
  /* line 312, sass/page/_single-podcast.scss */
  .single-podcast #posts .pic {
    width: 35%; } }
/* line 317, sass/page/_single-podcast.scss */
.single-podcast.lang-th .excerpt {
  line-height: 24px; }
/* line 321, sass/page/_single-podcast.scss */
.single-podcast #primary {
  background-attachment: local;
  background-position: center bottom; }
@media (min-width: 75em) {
  /* line 327, sass/page/_single-podcast.scss */
  .single-podcast .single-post .container {
    width: 1140px; } }
/* line 331, 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 337, 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; }
  /* line 345, sass/page/_single-podcast.scss */
  .single-podcast .page-heading .hashtag1 {
    color: #171717;
    text-transform: uppercase;
    margin: 36px 0px 20px;
    line-height: 1.17;
    letter-spacing: 3.6px; }
    @media (min-width: 48em) {
      /* line 345, sass/page/_single-podcast.scss */
      .single-podcast .page-heading .hashtag1 {
        margin: 70px 0px 15px; } }
  /* line 355, sass/page/_single-podcast.scss */
  .single-podcast .page-heading .body2b.regular,
  .single-podcast .page-heading .menu3.bold {
    color: #900020;
    letter-spacing: 3px; }
  /* line 361, sass/page/_single-podcast.scss */
  .single-podcast .page-heading .header3 {
    color: #171717; }
@media (min-width: 62em) {
  /* line 366, sass/page/_single-podcast.scss */
  .single-podcast .page-heading {
    text-align: center; } }
/* line 370, sass/page/_single-podcast.scss */
.single-podcast .post audio,
.single-podcast .post video {
  height: 50px;
  width: 100%;
  margin-bottom: 45px; }
/* line 376, sass/page/_single-podcast.scss */
.single-podcast main {
  position: relative; }
  /* line 378, sass/page/_single-podcast.scss */
  .single-podcast main:before {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top right;
    content: "";
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    height: 100%;
    max-height: 1000px;
    background-color: #fffcf8; }
/* line 399, sass/page/_single-podcast.scss */
.single-podcast .featured-image {
  position: relative;
  /*
  	&: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;
  
  	   	@include breakpoint(md) {
  		    right: -145px;
  		    top: -120px;
  		    transform: scale(0.5) translate(50%, -50%);
  		}		
  	}
  	&:after {
  	    content: url(/wp-content/themes/wonderfruit-2018/images/2018/wondercast-element2.png);
  	    left: -125px;
  	    bottom: -22px;
  	    z-index: -1;
  	    transform: scale(.5) translate(50%,-50%);
  	    position: absolute;
  	    display: none;
  	   	@include breakpoint(md) {
  		   	display: block;
  		    left: -130px;
  		    bottom: 55px;
  		    transform: scale(0.5) translate(-50%, 50%);
  
  		}		
  	}	
  */ }

/* line 79, sass/wonderfruit.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%); } }

/*
.page-story-land,
.page-story-ethos,
.page-story-architecture,
.page-story-plastic {
	@import "page/story-common";
}

.page-story-land {
	@import "page/story-land";
}
.page-story-ethos {
	@import "page/story-ethos";
}
.page-story-architecture {
	@import "page/story-architecture";
}
.page-story-plastic {
	@import "page/story-plastic";
}
*/
/* line 1, sass/page/_partners.scss */
.page-partners .content-header {
  background-size: 100% auto;
  background-position-y: 50%;
  /*
      background-color: #D08023;
      background-color: rgba(208,128,35,.9);    
  */
  background-image: none; }
/* line 10, sass/page/_partners.scss */
.page-partners .content-header::after {
  background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-partners-mob.jpg);
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size: cover;
  background-position: bottom; }
@media (min-width: 62em) {
  /* line 26, sass/page/_partners.scss */
  .page-partners .content-header::after {
    background-image: url(/wp-content/themes/wonderfruit-2019/images/page-heading-partners.jpg); } }
/* line 33, sass/page/_partners.scss */
.page-partners .content-area ol, .page-partners .content-area ul {
  list-style: initial;
  list-style-position: inside; }
@media (min-width: 48em) {
  /* line 40, sass/page/_partners.scss */
  .page-partners .content-main {
    margin-bottom: 50px; } }
/* line 49, sass/page/_partners.scss */
.page-partners .partner-list {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  padding: 0px; }
@media (min-width: 768px) {
  /* line 57, sass/page/_partners.scss */
  .page-partners .partner-list {
    margin-top: 66px;
    margin-bottom: 168px; } }
/* line 63, sass/page/_partners.scss */
.page-partners .partner-item {
  display: inline-table; }
  /* line 65, sass/page/_partners.scss */
  .page-partners .partner-item.tier-one {
    margin: 0px auto 60px;
    width: 100%; }
    /* line 68, sass/page/_partners.scss */
    .page-partners .partner-item.tier-one img {
      height: 114px; }
  /* line 72, sass/page/_partners.scss */
  .page-partners .partner-item.tier-two {
    margin: 0 auto 60px;
    width: 49%; }
    /* line 75, sass/page/_partners.scss */
    .page-partners .partner-item.tier-two img {
      height: 114px; }
  /* line 79, sass/page/_partners.scss */
  .page-partners .partner-item.tier-three {
    margin: 0 auto 60px;
    width: 49%; }
    /* line 83, sass/page/_partners.scss */
    .page-partners .partner-item.tier-three img {
      height: 123px; }
  /* line 88, sass/page/_partners.scss */
  .page-partners .partner-item img {
    max-width: 100%; }
@media (min-width: 768px) {
  /* line 95, sass/page/_partners.scss */
  .page-partners .partner-item {
    display: inline-block; }
    /* line 97, sass/page/_partners.scss */
    .page-partners .partner-item.tier-one {
      margin: 0 45px 58px;
      width: unset; }
    /* line 101, sass/page/_partners.scss */
    .page-partners .partner-item.tier-two {
      margin: 0 35px 46px;
      width: unset; }
    /* line 106, sass/page/_partners.scss */
    .page-partners .partner-item.tier-three {
      margin: 0 38px 0px;
      width: unset; }
    /* line 111, sass/page/_partners.scss */
    .page-partners .partner-item.tier-one img {
      max-width: 100%;
      height: 140px; }
    /* line 115, sass/page/_partners.scss */
    .page-partners .partner-item.tier-two img {
      max-width: 100%;
      height: 148px; }
    /* line 119, sass/page/_partners.scss */
    .page-partners .partner-item.tier-two.size-2 img {
      max-width: 100%;
      height: 163px; }
    /* line 123, sass/page/_partners.scss */
    .page-partners .partner-item.tier-three img {
      max-width: 100%;
      height: 148px; } }
/* line 133, sass/page/_partners.scss */
.page-partners .row {
  max-width: 1366px;
  margin: auto; }
/* line 137, sass/page/_partners.scss */
.page-partners a.partner-item {
  pointer-events: none; }

/* line 106, sass/wonderfruit.scss */
body.experience-page {
  /*
  [class*="icon-"] {
    background-image: url(/wp-content/themes/wonderfruit-2019/temp-assets/images/sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
  }
  */
  /*VIDEO POPUP STYLING*/ }
@keyframes bg1animation {
  0% {
    opacity: 1; }
  33% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes bg2animation {
  0% {
    opacity: 0; }
  33% {
    opacity: 1; }
  66% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes bg3animation {
  0% {
    opacity: 0; }
  33% {
    opacity: 0; }
  66% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  /* line 62, sass/page/_experience-pages.scss */
  body.experience-page .fade-bg-gradiant {
    background-size: 100%;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed; }
  /* line 73, sass/page/_experience-pages.scss */
  body.experience-page #footer {
    position: relative; }
  /* line 76, sass/page/_experience-pages.scss */
  body.experience-page .text-link {
    letter-spacing: .3em;
    border-bottom: 1px solid;
    color: #000000;
    display: inline-block;
    line-height: 21px; }
    /* line 82, sass/page/_experience-pages.scss */
    body.experience-page .text-link:hover {
      background-color: #333;
      color: #fff; }
    /* line 86, sass/page/_experience-pages.scss */
    body.experience-page .text-link:active {
      background-color: #000;
      color: #fff; }
  /* line 92, sass/page/_experience-pages.scss */
  body.experience-page .container-solar {
    max-width: 941px;
    padding: 0 15px;
    margin: 0 auto; }
  /* line 100, sass/page/_experience-pages.scss */
  body.experience-page .content-main {
    margin-top: 0px;
    margin-bottom: 0px; }
  /* line 104, sass/page/_experience-pages.scss */
  body.experience-page .solar-content {
    position: relative; }
  /* line 107, sass/page/_experience-pages.scss */
  body.experience-page .banner-title {
    top: 50%;
    bottom: auto;
    right: auto;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2; }
@-webkit-keyframes example {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
@keyframes example {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
  /* line 123, sass/page/_experience-pages.scss */
  body.experience-page .banner-title {
    overflow: hidden;
    white-space: nowrap;
    width: 100%; }
  /* line 129, sass/page/_experience-pages.scss */
  body.experience-page .title-text span {
    margin-right: 300px; }
    /* line 131, sass/page/_experience-pages.scss */
    body.experience-page .title-text span:last-child {
      display: none; }
    /* line 134, sass/page/_experience-pages.scss */
    body.experience-page .title-text span em {
      display: block;
      margin-left: 150px; }
  /* line 140, sass/page/_experience-pages.scss */
  body.experience-page .title-text {
    font-size: 80px;
    font-family: 'Value';
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block;
    -webkit-animation: example 6s linear 0s infinite;
    /* Safari 4.0 - 8.0 */
    animation: example 6s linear 0s infinite; }
    /* line 150, sass/page/_experience-pages.scss */
    body.experience-page .title-text span {
      letter-spacing: 30px; }
    @media only screen and (min-width: 768px) {
      /* line 140, sass/page/_experience-pages.scss */
      body.experience-page .title-text {
        -webkit-animation: example 20s linear 0s infinite;
        /* Safari 4.0 - 8.0 */
        animation: example 20s linear 0s infinite; }
        /* line 156, sass/page/_experience-pages.scss */
        body.experience-page .title-text span {
          margin-right: 400px;
          letter-spacing: 30px; }
          /* line 159, sass/page/_experience-pages.scss */
          body.experience-page .title-text span:last-child {
            display: inline-block; }
          /* line 162, sass/page/_experience-pages.scss */
          body.experience-page .title-text span em {
            display: inline-block;
            margin-left: 0; } }
  /* line 170, sass/page/_experience-pages.scss */
  body.experience-page .banner-slider {
    margin-bottom: 75px; }
  /* line 173, sass/page/_experience-pages.scss */
  body.experience-page .sliding-content {
    height: 560px; }
  /* line 178, sass/page/_experience-pages.scss */
  body.experience-page .sliding-content img {
    width: 100%;
    object-fit: cover;
    height: 100%; }
  /* line 185, sass/page/_experience-pages.scss */
  body.experience-page .spritiual-content {
    text-align: center; }
  /* line 188, sass/page/_experience-pages.scss */
  body.experience-page .about-spritiual {
    padding: 0 22px;
    margin-bottom: 23px; }
  /* line 193, sass/page/_experience-pages.scss */
  body.experience-page .spritiual-content .header1 {
    color: #171717;
    line-height: 34px;
    margin-bottom: 45px;
    padding: 0 10px; }
  /* line 201, sass/page/_experience-pages.scss */
  body.experience-page .about-spritiual p {
    line-height: 1.3;
    margin-bottom: 43px;
    color: #000; }
  /* line 208, sass/page/_experience-pages.scss */
  body.experience-page.lang-th .about-spritiual p {
    line-height: 1.6; }
  /* line 214, sass/page/_experience-pages.scss */
  body.experience-page .intro-block .intro-logo {
    width: 100%; }
    @media (min-width: 48em) {
      /* line 214, sass/page/_experience-pages.scss */
      body.experience-page .intro-block .intro-logo {
        height: 150px;
        width: unset; } }
  /* line 221, sass/page/_experience-pages.scss */
  body.experience-page .intro-block .about-spritiual {
    padding: 0px; }
    @media (min-width: 48em) {
      /* line 221, sass/page/_experience-pages.scss */
      body.experience-page .intro-block .about-spritiual {
        padding: 0 22px; } }
  /* line 228, sass/page/_experience-pages.scss */
  body.experience-page .play-btn {
    text-align: center;
    margin-bottom: 49px; }
    /* line 231, sass/page/_experience-pages.scss */
    body.experience-page .play-btn .button-effect1 {
      display: inline-block; }
      /* line 233, sass/page/_experience-pages.scss */
      body.experience-page .play-btn .button-effect1:after {
        padding: 17px 25px;
        text-transform: uppercase; }
    /* line 238, sass/page/_experience-pages.scss */
    body.experience-page .play-btn span {
      display: inline-block;
      height: 86px;
      width: 86px;
      background-color: #F05A36;
      border-radius: 50%;
      margin-bottom: 19px;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      cursor: pointer;
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      /* line 249, sass/page/_experience-pages.scss */
      body.experience-page .play-btn span.header-watch {
        background-color: #F05A36; }
        /* line 251, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-watch:hover {
          opacity: 1;
          background-color: #d65030; }
        /* line 256, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-watch:active {
          opacity: 1;
          background-color: #bf472b; }
      /* line 261, sass/page/_experience-pages.scss */
      body.experience-page .play-btn span.header-read {
        background-color: #E9961A; }
        /* line 263, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-read:hover {
          opacity: 1;
          background-color: #DE8F18; }
        /* line 268, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-read:active {
          opacity: 1;
          background-color: #D78A18; }
        /* line 272, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-read .icon-play {
          font-size: 1.5em; }
          /* line 274, sass/page/_experience-pages.scss */
          body.experience-page .play-btn span.header-read .icon-play:before {
            left: 52%;
            top: 50%;
            /*
            				left: 51%;
            				top: 46%;			    
            */ }
      /* line 284, sass/page/_experience-pages.scss */
      body.experience-page .play-btn span.header-listen {
        background-color: #329595; }
        /* line 286, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-listen:hover {
          background-color: #2E8B8B;
          opacity: 1; }
        /* line 290, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-listen:active {
          background-color: #2C8585;
          opacity: 1; }
        /* line 294, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-listen .icon-play {
          font-size: 1.75em; }
          /* line 296, sass/page/_experience-pages.scss */
          body.experience-page .play-btn span.header-listen .icon-play:before {
            left: 51%;
            top: 46%; }
      /* line 302, sass/page/_experience-pages.scss */
      body.experience-page .play-btn span.header-book {
        background-color: transparent;
        border: 2px solid black;
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 0px;
        height: unset;
        width: unset;
        padding: 15px 25px;
        text-transform: uppercase; }
        /* line 312, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-book:hover {
          background-color: rgba(0, 0, 0, 0.1);
          opacity: 1; }
        /* line 316, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span.header-book:active {
          background-color: rgba(0, 0, 0, 0.2);
          opacity: 1; }
      /* line 322, sass/page/_experience-pages.scss */
      body.experience-page .play-btn span .icon-play {
        background-position: 0 0;
        height: 86px;
        width: 86px;
        margin: 0px 0 0 0;
        position: relative;
        background-image: none; }
        /* line 329, sass/page/_experience-pages.scss */
        body.experience-page .play-btn span .icon-play:before {
          font-size: 2.3em;
          color: white;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
    /* line 339, sass/page/_experience-pages.scss */
    body.experience-page .play-btn em {
      color: #000;
      display: block;
      text-transform: uppercase;
      letter-spacing: 3.4px; }
  /* line 347, sass/page/_experience-pages.scss */
  body.experience-page.lang-th .play-btn em {
    letter-spacing: 2px; }
  /* line 351, sass/page/_experience-pages.scss */
  body.experience-page .tags {
    text-align: center;
    width: 80%;
    margin: auto;
    margin-bottom: 141px; }
    /* line 356, sass/page/_experience-pages.scss */
    body.experience-page .tags li {
      color: #888888;
      display: inline-block;
      margin-right: 15px;
      letter-spacing: 3.1px;
      border-right: 1px solid #888888;
      line-height: 15px;
      padding-right: 15px; }
      /* line 366, sass/page/_experience-pages.scss */
      body.experience-page .tags li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0px; }
  /* line 373, sass/page/_experience-pages.scss */
  body.experience-page .icon-tag {
    background-position: -85px 0;
    width: 10px;
    height: 11px;
    margin-right: 5px; }
  /* line 379, sass/page/_experience-pages.scss */
  body.experience-page .featuring-slider {
    margin-bottom: 50px; }
  /* line 382, sass/page/_experience-pages.scss */
  body.experience-page .featuring-wrapper {
    margin-bottom: 125px; }
    /* line 384, sass/page/_experience-pages.scss */
    body.experience-page .featuring-wrapper .container-solar {
      padding: 0; }
  /* line 388, sass/page/_experience-pages.scss */
  body.experience-page .featuring-content {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,5b5b5b+100 */
    /*
      background: rgb(255,255,255); 
      background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(91,91,91,1) 100%); 
      background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(91,91,91,1) 100%); 
      background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(91,91,91,1) 100%); 
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5b5b5b',GradientType=0 ); 
    */
    position: relative;
    margin: 0 10px;
    display: block; }
    /* line 400, sass/page/_experience-pages.scss */
    body.experience-page .featuring-content .artist-image:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(/wp-content/themes/wonderfruit-2019/images/experiences/featuring_gradiant.png);
      background-size: contain;
      background-position: 0px 0px;
      background-repeat: no-repeat; }
    /* line 413, sass/page/_experience-pages.scss */
    body.experience-page .featuring-content img {
      width: 100%; }
    /* line 416, sass/page/_experience-pages.scss */
    body.experience-page .featuring-content .hover-text {
      display: inline-block;
      color: #fff;
      top: auto;
      bottom: 7%;
      right: 0;
      left: 0;
      position: absolute;
      padding: 0 20px;
      line-height: 1;
      text-align: center;
      opacity: 1;
      -webkit-animation: mymove 5s infinite;
      animation: mymove 5s infinite; }
  /* line 429, sass/page/_experience-pages.scss */
  body.experience-page .hover-effect {
    opacity: 0;
    top: 0;
    bottom: auto;
    right: auto;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%; }
    /* line 434, sass/page/_experience-pages.scss */
    body.experience-page .hover-effect:after {
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      bottom: auto;
      right: auto;
      left: 0;
      position: absolute;
      background: rgba(0, 0, 0, 0.1); }
  /* line 439, sass/page/_experience-pages.scss */
  body.experience-page .featuring-content {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    /* line 442, sass/page/_experience-pages.scss */
    body.experience-page .featuring-content:hover .hover-effect {
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    /* line 446, sass/page/_experience-pages.scss */
    body.experience-page .featuring-content:hover .hover-text {
      top: auto;
      bottom: 50%;
      right: 0;
      left: 0;
      position: absolute;
      transform: translateY(50%); }
    /* line 450, sass/page/_experience-pages.scss */
    body.experience-page .featuring-content:hover .view-info {
      opacity: 1; }
    /* line 453, sass/page/_experience-pages.scss */
    body.experience-page .featuring-content:hover .extra-effects {
      opacity: 1; }
  /* line 460, sass/page/_experience-pages.scss */
  body.experience-page .featuring-wrapper .spritiual-content .header1 {
    margin-bottom: 50px; }
  /* line 465, sass/page/_experience-pages.scss */
  body.experience-page .judges-content {
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease; }
    /* line 466, sass/page/_experience-pages.scss */
    body.experience-page .judges-content .header2, body.experience-page .judges-content .menu1 {
      position: relative;
      display: block;
      color: black;
      bottom: 0%;
      margin: 10px 0px; }
    /* line 473, sass/page/_experience-pages.scss */
    body.experience-page .judges-content .menu1 {
      line-height: 18px; }
    /* line 478, sass/page/_experience-pages.scss */
    body.experience-page .judges-content:hover .hover-effect {
      opacity: 1;
      -webkit-transition: all 0s ease;
      -moz-transition: all 0s ease;
      -ms-transition: all 0s ease;
      -o-transition: all 0s ease;
      transition: all 0s ease; }
    /* line 482, sass/page/_experience-pages.scss */
    body.experience-page .judges-content:hover .hover-text {
      top: auto;
      bottom: 0%;
      right: 0;
      left: 0;
      position: absolute;
      position: relative;
      transform: none; }
    /* line 487, sass/page/_experience-pages.scss */
    body.experience-page .judges-content:hover .view-info {
      opacity: 1; }
    /* line 490, sass/page/_experience-pages.scss */
    body.experience-page .judges-content:hover .extra-effects {
      opacity: 1; }
  /* line 496, sass/page/_experience-pages.scss */
  body.experience-page .view-info {
    top: auto;
    bottom: 22px;
    right: 0;
    left: 0;
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    z-index: 5;
    letter-spacing: 3px;
    opacity: 0;
    cursor: pointer;
    width: 37%;
    padding: 1px 4px;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    /* line 510, sass/page/_experience-pages.scss */
    body.experience-page .view-info:after {
      content: '';
      width: 100%;
      height: 1px;
      top: auto;
      bottom: 0;
      right: 0;
      left: 0;
      position: absolute;
      background: #fff;
      margin: 0 auto; }
    /* line 515, sass/page/_experience-pages.scss */
    body.experience-page .view-info:hover {
      background: #fff;
      color: #F05A36; }
  /* line 520, sass/page/_experience-pages.scss */
  body.experience-page .extra-effects {
    top: 50%;
    bottom: auto;
    right: auto;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    justify-content: center;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    /* line 528, sass/page/_experience-pages.scss */
    body.experience-page .extra-effects span {
      padding: 0;
      background: transparent;
      border: 0;
      cursor: pointer;
      margin-right: 12px;
      opacity: 0.7;
      display: inline-block;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      /* line 537, sass/page/_experience-pages.scss */
      body.experience-page .extra-effects span:hover {
        opacity: 1; }
      /* line 540, sass/page/_experience-pages.scss */
      body.experience-page .extra-effects span .icon-plus {
        background-image: none;
        width: 37px;
        height: 36px;
        margin-top: 3px; }
        /* line 546, sass/page/_experience-pages.scss */
        body.experience-page .extra-effects span .icon-plus:before {
          font-size: 2.2em;
          color: white; }
  /* line 553, sass/page/_experience-pages.scss */
  body.experience-page .timings {
    color: #fff;
    line-height: 1; }
    /* line 556, sass/page/_experience-pages.scss */
    body.experience-page .timings span {
      display: block;
      text-align: left; }
  /* line 561, sass/page/_experience-pages.scss */
  body.experience-page .more-cards {
    display: block;
    color: #000;
    text-align: center; }
  /* line 567, sass/page/_experience-pages.scss */
  body.experience-page .commitment-content figure {
    text-align: center; }
    /* line 569, sass/page/_experience-pages.scss */
    body.experience-page .commitment-content figure img {
      width: 100%;
      margin-bottom: 19px; }
  /* line 575, sass/page/_experience-pages.scss */
  body.experience-page .commitment-content {
    margin-bottom: 26px;
    outline: none; }
    /* line 578, sass/page/_experience-pages.scss */
    body.experience-page .commitment-content h3 {
      display: none;
      text-transform: uppercase; }
  /* line 586, sass/page/_experience-pages.scss */
  body.experience-page .commitment-wrapper .spritiual-content .header1 {
    margin-bottom: 54px; }
  /* line 591, sass/page/_experience-pages.scss */
  body.experience-page .commitment-slider {
    padding: 0 21px;
    margin-bottom: 156px; }
    /* line 594, sass/page/_experience-pages.scss */
    body.experience-page .commitment-slider .slick-dots {
      margin-top: 0px;
      text-align: center; }
      /* line 597, sass/page/_experience-pages.scss */
      body.experience-page .commitment-slider .slick-dots li {
        display: inline-block;
        margin-right: 18px; }
        /* line 600, sass/page/_experience-pages.scss */
        body.experience-page .commitment-slider .slick-dots li:last-child {
          margin-right: 0; }
        /* line 603, sass/page/_experience-pages.scss */
        body.experience-page .commitment-slider .slick-dots li button {
          font-size: 0px;
          height: 14px;
          width: 14px;
          padding: 0;
          border: 0;
          background: #d8cab9;
          border-radius: 50%;
          outline: none; }
  /* line 619, sass/page/_experience-pages.scss */
  body.experience-page .commitment-slider .slick-dots li.slick-active button {
    background: #b1977a; }
  /* line 626, sass/page/_experience-pages.scss */
  body.experience-page .commitment-figure figcaption {
    letter-spacing: 4.6px;
    margin-bottom: 8px;
    text-transform: uppercase;
    min-height: 40px; }
  /* line 633, sass/page/_experience-pages.scss */
  body.experience-page .sustain-para {
    line-height: 1.58; }
  /* line 636, sass/page/_experience-pages.scss */
  body.experience-page .explore-mobile {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+42,fde8c6+42 */
    padding-bottom: 116px; }
  /* line 640, sass/page/_experience-pages.scss */
  body.experience-page .mobile-slide-container {
    min-height: 550px;
    position: relative; }
    /* line 643, sass/page/_experience-pages.scss */
    body.experience-page .mobile-slide-container > div {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
  /* line 650, sass/page/_experience-pages.scss */
  body.experience-page .explore-wrapper .spritiual-content {
    margin-bottom: -9px; }
    @media (min-width: 48em) {
      /* line 650, sass/page/_experience-pages.scss */
      body.experience-page .explore-wrapper .spritiual-content {
        margin-bottom: 63px; } }
    /* line 655, sass/page/_experience-pages.scss */
    body.experience-page .explore-wrapper .spritiual-content .header1 {
      margin-bottom: 37px; }
  /* line 660, sass/page/_experience-pages.scss */
  body.experience-page .explore-desc {
    text-align: left;
    padding: 0 21px;
    line-height: 1.57; }
  /* line 665, sass/page/_experience-pages.scss */
  body.experience-page .explore-desktop {
    display: none; }
  /* line 668, sass/page/_experience-pages.scss */
  body.experience-page .slider-title {
    color: #000;
    padding: 0 36px;
    text-transform: uppercase;
    letter-spacing: 4.3px;
    margin-bottom: 18px; }
  /* line 675, sass/page/_experience-pages.scss */
  body.experience-page .view-content, body.experience-page .watch-content, body.experience-page .listen-content, body.experience-page .read-content {
    margin: 0 9px; }
    /* line 677, sass/page/_experience-pages.scss */
    body.experience-page .view-content img, body.experience-page .watch-content img, body.experience-page .listen-content img, body.experience-page .read-content img {
      width: 302px; }
      @media (min-width: 48em) {
        /* line 677, sass/page/_experience-pages.scss */
        body.experience-page .view-content img, body.experience-page .watch-content img, body.experience-page .listen-content img, body.experience-page .read-content img {
          width: 100%; } }
  /* line 685, sass/page/_experience-pages.scss */
  body.experience-page .watch-content img, body.experience-page .listen-content img, body.experience-page .read-content img {
    height: 302px;
    object-fit: cover; }
    @media (min-width: 48em) {
      /* line 685, sass/page/_experience-pages.scss */
      body.experience-page .watch-content img, body.experience-page .listen-content img, body.experience-page .read-content img {
        height: 100%; } }
  /* line 694, sass/page/_experience-pages.scss */
  body.experience-page .view-wrapper {
    margin-bottom: 67px; }
  /* line 698, sass/page/_experience-pages.scss */
  body.experience-page .watch-wrapper {
    margin-bottom: 65px; }
  /* line 701, sass/page/_experience-pages.scss */
  body.experience-page .watch-content, body.experience-page .listen-content {
    position: relative; }
    /* line 703, sass/page/_experience-pages.scss */
    body.experience-page .watch-content:after, body.experience-page .listen-content:after {
      content: '';
      width: auto;
      height: auto;
      top: 15px;
      bottom: auto;
      right: 14px;
      left: auto;
      position: absolute;
      /*
          background:url(/wp-content/themes/wonderfruit-2019/temp-assets/images/sprite.png) no-repeat;
          background-position: -44px -81px;
      */
      background-image: none;
      content: '\f144';
      font-family: "Font Awesome 5 Pro";
      font-weight: bold;
      color: white;
      font-size: 60px;
      z-index: 3;
      opacity: .8; }
    /* line 718, sass/page/_experience-pages.scss */
    body.experience-page .watch-content:hover:after, body.experience-page .listen-content:hover:after {
      opacity: 1; }
    /* line 721, sass/page/_experience-pages.scss */
    body.experience-page .watch-content span, body.experience-page .listen-content span {
      display: inline-block;
      color: #fff;
      top: auto;
      bottom: 9%;
      right: 0;
      left: 0;
      position: absolute;
      padding: 0 20px;
      line-height: 1;
      text-align: center; }
  /* line 730, sass/page/_experience-pages.scss */
  body.experience-page .watch-content:after {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%); }
  /* line 738, sass/page/_experience-pages.scss */
  body.experience-page .live-event:after {
    content: '';
    width: 37px;
    height: 26px;
    top: 15px;
    bottom: auto;
    right: 14px;
    left: auto;
    position: absolute;
    /*
    	youtube icon
        background:url(/wp-content/themes/wonderfruit-2019/temp-assets/images/sprite.png) no-repeat;
        background-position: 0 -81px;
    */ }
  /* line 747, sass/page/_experience-pages.scss */
  body.experience-page .image-overlay {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    /* line 751, sass/page/_experience-pages.scss */
    body.experience-page .image-overlay:before {
      content: '';
      width: 100%;
      height: 100%;
      top: 0px;
      bottom: auto;
      right: auto;
      left: 0;
      position: absolute;
      background: rgba(0, 0, 0, 0.15);
      z-index: 1; }
    /* line 756, sass/page/_experience-pages.scss */
    body.experience-page .image-overlay img {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    /* line 760, sass/page/_experience-pages.scss */
    body.experience-page .image-overlay:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  /* line 767, sass/page/_experience-pages.scss */
  body.experience-page .listen-wrapper {
    margin-bottom: 65px; }
  /* line 771, sass/page/_experience-pages.scss */
  body.experience-page .sound-cloud:after {
    content: '';
    width: 44px;
    height: 19px;
    top: 16px;
    bottom: auto;
    right: 17px;
    left: auto;
    position: absolute;
    /*
        background:url(/wp-content/themes/wonderfruit-2019/temp-assets/images/sprite.png) no-repeat;
        background-position: 0 -128px;
    */
    background-image: none;
    content: '\f1be';
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: white;
    font-size: 1.8em;
    z-index: 3;
    opacity: .8; }
  /* line 786, sass/page/_experience-pages.scss */
  body.experience-page .sound-cloud:hover:after {
    opacity: 1; }
  /* line 791, sass/page/_experience-pages.scss */
  body.experience-page .spotify:after {
    content: '';
    width: 32px;
    height: 32px;
    top: 16px;
    bottom: auto;
    right: 17px;
    left: auto;
    position: absolute;
    /*
        background:url(/wp-content/themes/wonderfruit-2019/temp-assets/images/sprite.png) no-repeat;
        background-position: -53px -127px;
    */
    background-image: none;
    content: '\f1bc';
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: white;
    font-size: 1.8em;
    z-index: 3;
    opacity: .8; }
  /* line 806, sass/page/_experience-pages.scss */
  body.experience-page .spotify:hover:after {
    opacity: 1; }
  /* line 811, sass/page/_experience-pages.scss */
  body.experience-page .read-content {
    text-align: center; }
    /* line 812, sass/page/_experience-pages.scss */
    body.experience-page .read-content.wonderpost-icon {
      background-color: #336565; }
    /* line 815, sass/page/_experience-pages.scss */
    body.experience-page .read-content.wondercast-icon {
      background-color: #8B6A59; }
      /* line 817, sass/page/_experience-pages.scss */
      body.experience-page .read-content.wondercast-icon .image-overlay:after {
        height: 30px;
        width: 30px; }
    @media (min-width: 48em) {
      /* line 811, sass/page/_experience-pages.scss */
      body.experience-page .read-content {
        min-height: 290px; } }
    @media (min-width: 48em) {
      /* line 828, sass/page/_experience-pages.scss */
      body.experience-page .read-content .image-overlay img {
        width: 100%; } }
    /* line 835, sass/page/_experience-pages.scss */
    body.experience-page .read-content a > h4 {
      position: absolute;
      top: 15px;
      color: #fff;
      width: 100%;
      z-index: 1; }
      @media (min-width: 48em) {
        /* line 835, sass/page/_experience-pages.scss */
        body.experience-page .read-content a > h4 {
          position: relative;
          top: unset;
          z-index: unset; } }
  /* line 849, sass/page/_experience-pages.scss */
  body.experience-page .wonder-content {
    padding: 20px 39px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    text-align: center;
    position: absolute;
    bottom: 0px; }
    @media (min-width: 48em) {
      /* line 849, sass/page/_experience-pages.scss */
      body.experience-page .wonder-content {
        padding: 20px 15px;
        min-height: 174px;
        position: relative; } }
    /* line 863, sass/page/_experience-pages.scss */
    body.experience-page .wonder-content h4 {
      margin-top: 10px;
      color: #fff;
      width: 100%; }
      @media (min-width: 48em) {
        /* line 863, sass/page/_experience-pages.scss */
        body.experience-page .wonder-content h4 {
          margin-top: 0px; } }
  /* line 872, sass/page/_experience-pages.scss */
  body.experience-page .wonder-para {
    color: #fff;
    text-align: center;
    width: 100%; }
    @media (min-width: 48em) {
      /* line 872, sass/page/_experience-pages.scss */
      body.experience-page .wonder-para {
        margin: 10px 0px; } }
  /* line 882, sass/page/_experience-pages.scss */
  body.experience-page .read-content .image-overlay:after, body.experience-page .read-content .wonder-cast:after {
    content: '';
    width: 21px;
    height: 28px;
    top: 16px;
    bottom: auto;
    right: 17px;
    left: auto;
    position: absolute;
    /*
          background:url(/wp-content/themes/wonderfruit-2019/temp-assets/images/sprite.png) no-repeat;
          background-position: -43px -257px;
    */
    z-index: 9;
    opacity: .8;
    background-image: none;
    content: '\f15c';
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    color: white;
    font-size: 1.8em; }
  /* line 900, sass/page/_experience-pages.scss */
  body.experience-page .read-content .image-overlay:hover:after, body.experience-page .read-content .wonder-cast:hover:after {
    opacity: 1; }
  /* line 906, sass/page/_experience-pages.scss */
  body.experience-page .read-content.wondercast-icon .image-overlay:after, body.experience-page .read-content.wondercast-icon .wonder-cast:after {
    content: '\f025';
    font-weight: bold; }
  /* line 914, sass/page/_experience-pages.scss */
  body.experience-page .read-content .wonder-cast:after {
    content: '';
    width: 27px;
    height: 24px;
    top: 16px;
    bottom: auto;
    right: 17px;
    left: auto;
    position: absolute;
    background-position: -2px -257px; }
  /* line 921, sass/page/_experience-pages.scss */
  body.experience-page body.over-hidden {
    overflow: hidden; }
  /* line 925, sass/page/_experience-pages.scss */
  body.experience-page .popup-video {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 991;
    height: 100vh;
    overflow: auto;
    display: none; }
  /* line 936, sass/page/_experience-pages.scss */
  body.experience-page .popup-video.video-show {
    display: block; }
  /* line 939, sass/page/_experience-pages.scss */
  body.experience-page .inner-video-sec {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
  /* line 955, sass/page/_experience-pages.scss */
  body.experience-page .inner-video-sec .close-popup .icon-close {
    top: -52px;
    bottom: auto;
    right: -16px;
    left: auto;
    position: absolute;
    cursor: pointer;
    background-position: 0 -211px;
    width: 35px;
    height: 35px;
    opacity: .8; }
    /* line 962, sass/page/_experience-pages.scss */
    body.experience-page .inner-video-sec .close-popup .icon-close:hover {
      opacity: 1; }
  @media only screen and (max-width: 767px) {
    /* line 973, sass/page/_experience-pages.scss */
    body.experience-page .inner-video-sec iframe {
      width: 80%;
      height: auto;
      margin: 0 auto; }
    /* line 981, sass/page/_experience-pages.scss */
    body.experience-page .inner-video-sec .close-popup .icon-close {
      top: -52px;
      bottom: auto;
      right: 28px;
      left: auto;
      position: absolute; } }
  @media only screen and (min-width: 768px) {
    /* line 106, sass/wonderfruit.scss */
    body.experience-page {
      /*
        .commitment-wrapper .container-solar {
      	max-width: 745px; 	  
        }
      */ }
      /* line 989, sass/page/_experience-pages.scss */
      body.experience-page .sliding-content {
        height: auto; }
      /* line 993, sass/page/_experience-pages.scss */
      body.experience-page .spritiual-content .header1 {
        line-height: 50px;
        margin-bottom: 41px; }
      /* line 998, sass/page/_experience-pages.scss */
      body.experience-page .para-desc {
        text-align: right; }
      /* line 1002, sass/page/_experience-pages.scss */
      body.experience-page .about-spritiual p {
        line-height: 1.6;
        margin: 0 12px 43px 12px; }
      /* line 1007, sass/page/_experience-pages.scss */
      body.experience-page .play-btn {
        margin-bottom: 52px; }
      /* line 1010, sass/page/_experience-pages.scss */
      body.experience-page .featuring-slider {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
      /* line 1016, sass/page/_experience-pages.scss */
      body.experience-page .featuring-content {
        display: inline-block;
        width: 32.3%;
        margin: 0px 11px 13px 0; }
        /* line 1021, sass/page/_experience-pages.scss */
        body.experience-page .featuring-content:nth-child(3n) {
          margin: 0 0 13px 0; }
      /* line 1029, sass/page/_experience-pages.scss */
      body.experience-page .featuring-wrapper .container-solar {
        padding: 0 15px; }
      /* line 1033, sass/page/_experience-pages.scss */
      body.experience-page .tags {
        margin-bottom: 169px; }
      /* line 1038, sass/page/_experience-pages.scss */
      body.experience-page .featuring-wrapper .spritiual-content .header1 {
        margin-bottom: 64px; }
      /* line 1043, sass/page/_experience-pages.scss */
      body.experience-page .featuring-slider {
        margin-bottom: 32px; }
      /* line 1048, sass/page/_experience-pages.scss */
      body.experience-page .commitment-content figure figcaption {
        display: none; }
      /* line 1054, sass/page/_experience-pages.scss */
      body.experience-page .commitment-content h3 {
        display: block;
        margin-top: 0;
        letter-spacing: 6.1px;
        margin-bottom: 14px; }
      /* line 1060, sass/page/_experience-pages.scss */
      body.experience-page .commitment-content .sustain-para {
        margin-bottom: 0; }
      /* line 1064, sass/page/_experience-pages.scss */
      body.experience-page.lang-th .commitment-content h3 {
        margin-bottom: 20px; }
      /* line 1067, sass/page/_experience-pages.scss */
      body.experience-page .featuring-wrapper {
        margin-bottom: 171px; }
      /* line 1072, sass/page/_experience-pages.scss */
      body.experience-page .commitment-wrapper .spritiual-content .header1 {
        margin-bottom: 58px; }
      /* line 1079, sass/page/_experience-pages.scss */
      body.experience-page .commitment-content figure img {
        margin-bottom: 0; }
      /* line 1084, sass/page/_experience-pages.scss */
      body.experience-page .commitment-slider {
        padding: 0;
        margin-bottom: 120px; }
      /* line 1090, sass/page/_experience-pages.scss */
      body.experience-page .sustain-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin-bottom: 28px; }
      /* line 1098, sass/page/_experience-pages.scss */
      body.experience-page .sustain-image {
        width: 45%;
        margin-left: 5px; }
      /* line 1109, sass/page/_experience-pages.scss */
      body.experience-page .sustain-content {
        width: 46%; }
      /* line 1113, sass/page/_experience-pages.scss */
      body.experience-page .explore-mobile {
        display: none; }
      /* line 1116, sass/page/_experience-pages.scss */
      body.experience-page .explore-desktop {
        display: block; }
      /* line 1119, sass/page/_experience-pages.scss */
      body.experience-page .view-content, body.experience-page .watch-content, body.experience-page .listen-content, body.experience-page .read-content {
        margin: 0;
        cursor: pointer; }
      /* line 1123, sass/page/_experience-pages.scss */
      body.experience-page .explore-content {
        margin: 0 8px;
        outline: none; }
      /* line 1127, sass/page/_experience-pages.scss */
      body.experience-page .explore-desc {
        text-align: center;
        padding: 0 90px; }
      /* line 1131, sass/page/_experience-pages.scss */
      body.experience-page .explore-desktop {
        position: relative; }
        /* line 1133, sass/page/_experience-pages.scss */
        body.experience-page .explore-desktop .slick-arrow {
          top: 0px;
          bottom: auto;
          right: 127px;
          left: auto;
          position: absolute;
          padding: 0;
          border: 0;
          border-radius: 50%;
          background: transparent;
          width: 40px;
          height: 40px;
          font-size: 0px;
          outline: none;
          z-index: 10; }
          /* line 1144, sass/page/_experience-pages.scss */
          body.experience-page .explore-desktop .slick-arrow:before {
            font-family: "Font Awesome 5 Pro";
            font-size: 43px;
            color: black;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-weight: 300; }
      /* line 1157, sass/page/_experience-pages.scss */
      body.experience-page .explore-desktop .slick-prev.slick-arrow {
        right: 174px; }
        /* line 1159, sass/page/_experience-pages.scss */
        body.experience-page .explore-desktop .slick-prev.slick-arrow:before {
          content: "\f137"; }
      /* line 1164, sass/page/_experience-pages.scss */
      body.experience-page .explore-desktop .slick-next.slick-arrow:before {
        content: "\f138"; }
      /* line 1170, sass/page/_experience-pages.scss */
      body.experience-page .explore-wrapper .spritiual-content {
        margin-bottom: 0px; }
        /* line 1172, sass/page/_experience-pages.scss */
        body.experience-page .explore-wrapper .spritiual-content .header1 {
          margin-bottom: 58px; }
      /* line 1177, sass/page/_experience-pages.scss */
      body.experience-page .desktop-margin1 {
        margin-top: 70px; }
      /* line 1180, sass/page/_experience-pages.scss */
      body.experience-page .desktop-margin2 {
        margin-top: 157px; }
      /* line 1183, sass/page/_experience-pages.scss */
      body.experience-page .desktop-margin3 {
        margin-top: 70px; }
      /* line 1186, sass/page/_experience-pages.scss */
      body.experience-page .desktop-margin4 {
        margin-top: 159px; }
      /* line 1189, sass/page/_experience-pages.scss */
      body.experience-page .desktop-margin5 {
        margin-top: 100px; }
      /* line 1193, sass/page/_experience-pages.scss */
      body.experience-page .read-content, body.experience-page .watch-content, body.experience-page .view-content, body.experience-page .listen-content {
        margin-bottom: 14px; }
      /* line 1197, sass/page/_experience-pages.scss */
      body.experience-page .watch-content:after {
        top: 50%;
        bottom: auto;
        right: auto;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      /* line 1203, sass/page/_experience-pages.scss */
      body.experience-page .live-event:after {
        content: '';
        width: 37px;
        height: 26px;
        top: 15px;
        bottom: auto;
        right: 14px;
        left: auto;
        position: absolute;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0); }
      /* line 1208, sass/page/_experience-pages.scss */
      body.experience-page .explore-desktop {
        padding-bottom: 205px; }
      /* line 1211, sass/page/_experience-pages.scss */
      body.experience-page .view-info {
        width: 47%; } }
  @media only screen and (min-width: 992px) {
    /* line 1216, sass/page/_experience-pages.scss */
    body.experience-page .about-spritiual {
      width: 885px;
      margin: 0 auto; }
    /* line 1220, sass/page/_experience-pages.scss */
    body.experience-page .title-text {
      font-size: 120px; }
    /* line 1223, sass/page/_experience-pages.scss */
    body.experience-page .banner-slider {
      margin-bottom: 121px; }
    /* line 1226, sass/page/_experience-pages.scss */
    body.experience-page .featuring-content {
      width: 32.5%; }
    /* line 1229, sass/page/_experience-pages.scss */
    body.experience-page .view-info {
      width: 37%; } }
  @media only screen and (min-width: 768px) {
    /* line 1243, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-thequarry .about-spritiual .row .col-sm-6:first-child p {
      margin: 0 8px 43px 2px; }
    /* line 1246, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-thequarry .about-spritiual .row .col-sm-6:last-child p {
      margin: 0 2px 43px 8px; } }
  @media only screen and (min-width: 768px) {
    /* line 1251, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-solarstage .about-spritiual .row .col-sm-6:first-child p {
      margin: 0 26px 43px 12px; }
    /* line 1254, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-solarstage .about-spritiual .row .col-sm-6:last-child p {
      margin: 0 12px 43px 26px; } }
  @media only screen and (min-width: 768px) {
    /* line 1259, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-forbiddenfruit .about-spritiual p {
      margin: 0 4px 43px 12px; } }
  @media only screen and (min-width: 768px) {
    /* line 1265, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-thequarry .about-spritiual p {
      margin: 0 4px 43px 12px; } }
  @media only screen and (min-width: 768px) {
    /* line 1273, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-polygon .spritiual-content .header1 {
      line-height: 50px;
      margin-bottom: 41px;
      width: 87%;
      margin: auto;
      margin-bottom: 41px; } }
  @media only screen and (min-width: 768px) {
    /* line 1282, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-musicity .spritiual-content .header1 {
      line-height: 50px;
      margin-bottom: 41px;
      width: 96%;
      margin: auto;
      margin-bottom: 41px; } }
  /* line 1292, sass/page/_experience-pages.scss */
  body.experience-page .block7 .explore-desc {
    margin: 40px 0px; }
    @media (min-width: 48em) {
      /* line 1292, sass/page/_experience-pages.scss */
      body.experience-page .block7 .explore-desc {
        margin: 40px 0px 60px; } }
  /* line 1298, sass/page/_experience-pages.scss */
  body.experience-page .block7 .sustain-para {
    margin: 0px 0px 60px; }
    @media (min-width: 48em) {
      /* line 1298, sass/page/_experience-pages.scss */
      body.experience-page .block7 .sustain-para {
        margin: 0px; } }
  /* line 1304, sass/page/_experience-pages.scss */
  body.experience-page .block7 .container-solar {
    padding: 0px; }
  /* line 1308, sass/page/_experience-pages.scss */
  body.experience-page .block7 .image-container img {
    width: 100%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26); }
  /* line 1315, sass/page/_experience-pages.scss */
  body.experience-page .block7 .content-container img {
    height: 90px; }
  @media (min-width: 48em) {
    /* line 1318, sass/page/_experience-pages.scss */
    body.experience-page .block7 .content-container > div {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); } }
  @media (min-width: 48em) {
    /* line 1327, sass/page/_experience-pages.scss */
    body.experience-page .block7 .position-left .image-container {
      padding-right: 50px; } }
  /* line 1334, sass/page/_experience-pages.scss */
  body.experience-page .block7 .position-right .content-container {
    text-align: right; }
  @media (min-width: 48em) {
    /* line 1337, sass/page/_experience-pages.scss */
    body.experience-page .block7 .position-right .image-container {
      padding-left: 50px; } }
  @media (min-width: 48em) {
    /* line 1344, sass/page/_experience-pages.scss */
    body.experience-page .block7 .block7-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 30px 0px; } }
  @media (min-width: 48em) {
    /* line 1291, sass/page/_experience-pages.scss */
    body.experience-page .block7 {
      margin-bottom: 120px; } }
  /* line 1358, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .explore-desc {
    margin: 40px 0px; }
    @media (min-width: 48em) {
      /* line 1358, sass/page/_experience-pages.scss */
      body.experience-page .sponsor-whattheydo-block .explore-desc {
        margin: 40px 0px 60px; } }
  /* line 1364, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .sustain-para {
    margin: 0px 0px 60px; }
    @media (min-width: 48em) {
      /* line 1364, sass/page/_experience-pages.scss */
      body.experience-page .sponsor-whattheydo-block .sustain-para {
        margin: 20px 0px 0px;
        width: 95%; } }
  /* line 1372, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .display5 {
    padding-bottom: 30px; }
    @media (min-width: 48em) {
      /* line 1372, sass/page/_experience-pages.scss */
      body.experience-page .sponsor-whattheydo-block .display5 {
        padding-bottom: 0px; } }
  /* line 1380, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .menu5 {
    letter-spacing: .3em;
    text-align: center;
    margin: 30px 0px; }
    @media (min-width: 48em) {
      /* line 1380, sass/page/_experience-pages.scss */
      body.experience-page .sponsor-whattheydo-block .menu5 {
        text-align: left;
        margin: 0px; } }
  /* line 1391, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .text-link {
    margin: 40px 0px; }
  /* line 1394, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .text-link-container {
    text-align: center;
    margin: -60px 0px 40px; }
    @media (min-width: 48em) {
      /* line 1394, sass/page/_experience-pages.scss */
      body.experience-page .sponsor-whattheydo-block .text-link-container {
        text-align: left;
        margin: 0px; } }
  /* line 1403, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .container-solar {
    padding: 0px; }
  /* line 1407, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .image-container img {
    width: 100%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26); }
  /* line 1414, sass/page/_experience-pages.scss */
  body.experience-page .sponsor-whattheydo-block .content-container img {
    height: 90px; }
  @media (min-width: 48em) {
    /* line 1417, sass/page/_experience-pages.scss */
    body.experience-page .sponsor-whattheydo-block .content-container > div {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); } }
  @media (min-width: 48em) {
    /* line 1432, sass/page/_experience-pages.scss */
    body.experience-page .sponsor-whattheydo-block .position-left .content-container > div {
      padding-left: 15px; } }
  @media (min-width: 48em) {
    /* line 1442, sass/page/_experience-pages.scss */
    body.experience-page .sponsor-whattheydo-block .position-right .content-container > div {
      padding-right: 15px; } }
  @media (min-width: 48em) {
    /* line 1455, sass/page/_experience-pages.scss */
    body.experience-page .sponsor-whattheydo-block .block7-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 30px 0px; } }
  @media (min-width: 48em) {
    /* line 1357, sass/page/_experience-pages.scss */
    body.experience-page .sponsor-whattheydo-block {
      margin-bottom: 120px; } }
  /* line 1470, sass/page/_experience-pages.scss */
  body.experience-page .block8 .about-spritiual {
    text-align: center;
    padding: 0px;
    width: unset; }
  /* line 1476, sass/page/_experience-pages.scss */
  body.experience-page .block8 .container-solar {
    padding: 0px; }
    /* line 1478, sass/page/_experience-pages.scss */
    body.experience-page .block8 .container-solar h2 {
      margin: 50px 0px; }
  /* line 1483, sass/page/_experience-pages.scss */
  body.experience-page .block8 .sponsor-logo {
    text-align: center;
    width: 160px;
    margin: 20px auto 50px; }
    @media (min-width: 48em) {
      /* line 1483, sass/page/_experience-pages.scss */
      body.experience-page .block8 .sponsor-logo {
        margin: 20px auto 60px;
        width: 240px; } }
  /* line 1492, sass/page/_experience-pages.scss */
  body.experience-page .block8 .para-desc {
    text-align: center;
    padding: 0px 15px; }
  @media (min-width: 48em) {
    /* line 1469, sass/page/_experience-pages.scss */
    body.experience-page .block8 {
      margin-bottom: 120px; }
      /* line 1498, sass/page/_experience-pages.scss */
      body.experience-page .block8 .para-desc {
        padding: 0px; } }
  /* line 1504, sass/page/_experience-pages.scss */
  body.experience-page .featuring-takeover-wrapper {
    padding-top: 130px;
    padding-bottom: 130px;
    margin-bottom: 130px;
    /*
    	.takeover-date {
    		margin: 20px 0px;		
    	}
    */ }
    @media (min-width: 48em) {
      /* line 1504, sass/page/_experience-pages.scss */
      body.experience-page .featuring-takeover-wrapper {
        padding-top: 140px;
        padding-bottom: 140px;
        margin-bottom: 140px; } }
    /* line 1514, sass/page/_experience-pages.scss */
    body.experience-page .featuring-takeover-wrapper .container-solar {
      /*
      	    padding-bottom: 30px;
      	    margin-bottom: 60px;
      */
      position: relative;
      margin-top: 110px; }
      @media (min-width: 48em) {
        /* line 1514, sass/page/_experience-pages.scss */
        body.experience-page .featuring-takeover-wrapper .container-solar {
          margin-top: 140px; } }
    /* line 1526, sass/page/_experience-pages.scss */
    body.experience-page .featuring-takeover-wrapper > .container-solar:first-child {
      margin-bottom: -20px; }
    /* line 1530, sass/page/_experience-pages.scss */
    body.experience-page .featuring-takeover-wrapper .spritiual-content {
      position: relative; }
      /* line 1532, sass/page/_experience-pages.scss */
      body.experience-page .featuring-takeover-wrapper .spritiual-content img {
        height: 100px; }
        @media (min-width: 48em) {
          /* line 1532, sass/page/_experience-pages.scss */
          body.experience-page .featuring-takeover-wrapper .spritiual-content img {
            height: 116px; } }
    /* line 1539, sass/page/_experience-pages.scss */
    body.experience-page .featuring-takeover-wrapper .takeover-title {
      margin: 15px 0px;
      margin-bottom: 15px !important; }
    /* line 1548, sass/page/_experience-pages.scss */
    body.experience-page .featuring-takeover-wrapper .takeover-description {
      width: 90%;
      margin: 20px auto 40px; }
      @media (min-width: 48em) {
        /* line 1548, sass/page/_experience-pages.scss */
        body.experience-page .featuring-takeover-wrapper .takeover-description {
          margin: 40px auto 60px; } }
    /* line 1556, sass/page/_experience-pages.scss */
    body.experience-page .featuring-takeover-wrapper .more-cards {
      position: relative;
      padding: 20px 0px 40px; }
    /* line 1561, sass/page/_experience-pages.scss */
    body.experience-page .featuring-takeover-wrapper:before {
      content: "";
      background-color: rgba(255, 255, 255, 0.5);
      position: absolute;
      z-index: 0;
      margin: auto;
      width: 100%;
      height: calc(100% - 130px); }
      @media (min-width: 48em) {
        /* line 1561, sass/page/_experience-pages.scss */
        body.experience-page .featuring-takeover-wrapper:before {
          left: 3%;
          width: 94%;
          height: calc(100% - 140px); } }
  /* line 1579, sass/page/_experience-pages.scss */
  body.experience-page section.featuring-stage-template {
    margin-bottom: 125px; }
    /* line 1580, sass/page/_experience-pages.scss */
    body.experience-page section.featuring-stage-template:before {
      content: "";
      background-color: rgba(255, 255, 255, 0.5);
      position: absolute;
      z-index: 0;
      margin: auto;
      width: 100%;
      height: 100%; }
      @media (min-width: 48em) {
        /* line 1580, sass/page/_experience-pages.scss */
        body.experience-page section.featuring-stage-template:before {
          left: 3%;
          width: 94%;
          height: 100%; } }
    /* line 1595, sass/page/_experience-pages.scss */
    body.experience-page section.featuring-stage-template .block8 {
      position: relative;
      padding-top: 50px;
      margin-top: 50px; }
      @media (min-width: 48em) {
        /* line 1595, sass/page/_experience-pages.scss */
        body.experience-page section.featuring-stage-template .block8 {
          margin-top: 0px; } }
      /* line 1603, sass/page/_experience-pages.scss */
      body.experience-page section.featuring-stage-template .block8 .about-spritiual p {
        margin: 43px 15px; }
        @media (min-width: 48em) {
          /* line 1603, sass/page/_experience-pages.scss */
          body.experience-page section.featuring-stage-template .block8 .about-spritiual p {
            margin: 43px 50px; } }
    /* line 1610, sass/page/_experience-pages.scss */
    body.experience-page section.featuring-stage-template > .container-solar {
      position: relative;
      padding-bottom: 125px;
      padding-top: 60px; }
      @media (min-width: 48em) {
        /* line 1610, sass/page/_experience-pages.scss */
        body.experience-page section.featuring-stage-template > .container-solar {
          padding-top: 0px; } }
  /* line 1622, sass/page/_experience-pages.scss */
  body.experience-page section.bar-block-section {
    padding: 30px 0 135px; }
    /* line 1624, sass/page/_experience-pages.scss */
    body.experience-page section.bar-block-section img {
      height: 115px;
      margin: 0px 25px 35px; }
  /* line 1629, sass/page/_experience-pages.scss */
  body.experience-page section.experience-map-block {
    margin: 75px 0px; }
    /* line 1631, sass/page/_experience-pages.scss */
    body.experience-page section.experience-map-block img.main-map-image {
      padding: 0px; }
      @media (min-width: 48em) {
        /* line 1631, sass/page/_experience-pages.scss */
        body.experience-page section.experience-map-block img.main-map-image {
          padding: 0px 3%; } }
  /* line 1639, sass/page/_experience-pages.scss */
  body.experience-page section.sponsor-about-block {
    margin: 75px 0px; }
    /* line 1641, sass/page/_experience-pages.scss */
    body.experience-page section.sponsor-about-block .text-link {
      margin: 40px 0px; }
    /* line 1644, sass/page/_experience-pages.scss */
    body.experience-page section.sponsor-about-block .sponsor-logo {
      width: 100%; }
      @media (min-width: 48em) {
        /* line 1644, sass/page/_experience-pages.scss */
        body.experience-page section.sponsor-about-block .sponsor-logo {
          height: 150px;
          width: unset; } }
    /* line 1651, sass/page/_experience-pages.scss */
    body.experience-page section.sponsor-about-block .sponsor-description {
      line-height: 1.58; }
  @media (min-width: 48em) {
    /* line 1658, sass/page/_experience-pages.scss */
    body.experience-page section.two-column1 .position-left .content-container > div {
      padding-right: 60px; } }
  @media (min-width: 48em) {
    /* line 1665, sass/page/_experience-pages.scss */
    body.experience-page section.two-column1 .position-right .content-container > div {
      padding-left: 60px; } }
  /* line 1672, sass/page/_experience-pages.scss */
  body.experience-page section.two-column1 .position-right .content-container {
    text-align: left; }
    @media (min-width: 48em) {
      /* line 1672, sass/page/_experience-pages.scss */
      body.experience-page section.two-column1 .position-right .content-container {
        text-align: right; } }
  @media (min-width: 48em) {
    /* line 1679, sass/page/_experience-pages.scss */
    body.experience-page section.two-column1 .content-container {
      padding: 0px; } }
  @media (min-width: 48em) {
    /* line 1684, sass/page/_experience-pages.scss */
    body.experience-page section.two-column1 h1 {
      margin: 0px 0px 15px; } }
  /* line 1689, sass/page/_experience-pages.scss */
  body.experience-page section.two-column1 .sustain-para {
    margin: 45px 0px 45px; }
    @media (min-width: 48em) {
      /* line 1689, sass/page/_experience-pages.scss */
      body.experience-page section.two-column1 .sustain-para {
        margin: 0px; } }
  /* line 1695, sass/page/_experience-pages.scss */
  body.experience-page section.two-column1 .bottom-link {
    text-align: center;
    display: inline-block;
    margin: 20px 0px 0px;
    letter-spacing: .3em;
    color: #c0c0Bf;
    text-decoration: underline; }
    @media (min-width: 48em) {
      /* line 1695, sass/page/_experience-pages.scss */
      body.experience-page section.two-column1 .bottom-link {
        margin: 60px 0px 0px; } }
    /* line 1706, sass/page/_experience-pages.scss */
    body.experience-page section.two-column1 .bottom-link:hover {
      color: white;
      background-color: silver; }
    /* line 1710, sass/page/_experience-pages.scss */
    body.experience-page section.two-column1 .bottom-link:active {
      color: white;
      background-color: #b0b0b0; }
  /* line 1717, sass/page/_experience-pages.scss */
  body.experience-page.lang-th section.two-column1 .bottom-link {
    letter-spacing: .05em; }
  /* line 1720, sass/page/_experience-pages.scss */
  body.experience-page section.two-column1.block7 {
    padding: 60px 0px 140px; }
    @media (min-width: 48em) {
      /* line 1720, sass/page/_experience-pages.scss */
      body.experience-page section.two-column1.block7 {
        padding: 120px 0px; } }
  /* line 1727, sass/page/_experience-pages.scss */
  body.experience-page section.full-width-image-block {
    min-height: 580px;
    background-size: cover;
    background-position: center; }
    @media (min-width: 48em) {
      /* line 1731, sass/page/_experience-pages.scss */
      body.experience-page section.full-width-image-block.experience-page-header {
        margin-top: 58px; } }
    /* line 1736, sass/page/_experience-pages.scss */
    body.experience-page section.full-width-image-block .title-container {
      color: white;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 830px;
      width: 100%; }
      /* line 1745, sass/page/_experience-pages.scss */
      body.experience-page section.full-width-image-block .title-container h2 {
        line-height: 26px;
        margin: 30px 0px; }
        @media (min-width: 48em) {
          /* line 1745, sass/page/_experience-pages.scss */
          body.experience-page section.full-width-image-block .title-container h2 {
            margin: 15px 80px; } }
  /* line 1755, sass/page/_experience-pages.scss */
  body.experience-page section.full-width-call-to-action {
    min-height: 150px;
    background-color: #336565;
    color: white; }
    /* line 1759, sass/page/_experience-pages.scss */
    body.experience-page section.full-width-call-to-action.sticky-state-mob {
      position: fixed;
      bottom: 0px;
      top: inherit;
      z-index: 2000;
      width: 100%; }
    @media (min-width: 48em) {
      /* line 1766, sass/page/_experience-pages.scss */
      body.experience-page section.full-width-call-to-action.sticky-state {
        position: fixed;
        bottom: 0px;
        top: inherit;
        z-index: 2000;
        width: 100%; } }
    /* line 1775, sass/page/_experience-pages.scss */
    body.experience-page section.full-width-call-to-action .row {
      text-align: center;
      padding: 30px 0px; }
      @media (min-width: 48em) {
        /* line 1775, sass/page/_experience-pages.scss */
        body.experience-page section.full-width-call-to-action .row {
          text-align: inherit;
          padding: 0px;
          margin-left: -80px;
          margin-right: -80px; } }
    /* line 1786, sass/page/_experience-pages.scss */
    body.experience-page section.full-width-call-to-action .row > div {
      position: relative; }
      @media (min-width: 48em) {
        /* line 1786, sass/page/_experience-pages.scss */
        body.experience-page section.full-width-call-to-action .row > div {
          height: 150px; } }
      @media (min-width: 48em) {
        /* line 1792, sass/page/_experience-pages.scss */
        body.experience-page section.full-width-call-to-action .row > div a, body.experience-page section.full-width-call-to-action .row > div h1 {
          position: absolute;
          top: 50%;
          transform: translateY(-50%); } }
      /* line 1799, sass/page/_experience-pages.scss */
      body.experience-page section.full-width-call-to-action .row > div a {
        color: white;
        border: 1px solid white;
        padding: 15px 20px;
        display: inline-block; }
        /* line 1804, sass/page/_experience-pages.scss */
        body.experience-page section.full-width-call-to-action .row > div a:after {
          padding: 15px 20px; }
        /* line 1807, sass/page/_experience-pages.scss */
        body.experience-page section.full-width-call-to-action .row > div a:hover {
          background-color: rgba(255, 255, 255, 0.1); }
        /* line 1810, sass/page/_experience-pages.scss */
        body.experience-page section.full-width-call-to-action .row > div a:active {
          background-color: rgba(255, 255, 255, 0.2); }
      /* line 1814, sass/page/_experience-pages.scss */
      body.experience-page section.full-width-call-to-action .row > div h1 {
        margin: 0px 0px 15px; }
        @media (min-width: 48em) {
          /* line 1814, sass/page/_experience-pages.scss */
          body.experience-page section.full-width-call-to-action .row > div h1 {
            margin: 0px 0px 0px; } }
  /* line 1823, sass/page/_experience-pages.scss */
  body.experience-page.lang-th.experience-page section.full-width-call-to-action a {
    letter-spacing: .05em; }
  /* line 1827, sass/page/_experience-pages.scss */
  body.experience-page.lang-th.experience-page .sponsor-description {
    line-height: 1.6; }
  /* line 1832, sass/page/_experience-pages.scss */
  body.experience-page.lang-th.experience-page .takeover-description {
    line-height: 24px; }
  /* line 1835, sass/page/_experience-pages.scss */
  body.experience-page.lang-th.experience-page .more-cards {
    letter-spacing: 2px; }
  /* line 1838, sass/page/_experience-pages.scss */
  body.experience-page .popup-image-container {
    background-color: rgba(0, 0, 0, 0.8); }
    /* line 1840, sass/page/_experience-pages.scss */
    body.experience-page .popup-image-container .popup-image-content {
      width: 700px;
      height: 700px; }
  /* line 1847, sass/page/_experience-pages.scss */
  body.experience-page .excerpt ul {
    list-style: disc;
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 17px; }
  /* line 1857, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience {
    width: 100%;
    padding: 15px;
    margin: auto; }
    @media (min-width: 48em) {
      /* line 1857, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience {
        width: 1230px;
        padding: 0px;
        margin: auto; } }
  /* line 1867, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .sliding-content {
    height: 100vw; }
    /* line 1869, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-main.experience-page .sliding-content img {
      object-position: 0% 0%; }
    @media (min-width: 48em) {
      /* line 1867, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .sliding-content {
        height: auto; } }
  @media (min-width: 48em) {
    /* line 1877, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-main.experience-page .experience-container {
      padding-left: 218px; } }
  /* line 1882, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .section-title {
    text-transform: uppercase;
    letter-spacing: .3em;
    width: 174px;
    display: inline-block;
    margin: 25px 0px 55px; }
  /* line 1889, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-footer {
    text-align: center;
    margin: 24px 0px 200px; }
    @media (min-width: 48em) {
      /* line 1889, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience-footer {
        margin: 90px auto 240px; } }
  /* line 1899, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-menu li {
    position: relative; }
    @media (min-width: 48em) {
      /* line 1899, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience-menu li {
        height: 70px; } }
    @media (min-width: 48em) {
      /* line 1905, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience-menu li a {
        display: inline-flex;
        height: 100%; } }
  /* line 1914, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-menu .experience-title {
    text-transform: uppercase;
    letter-spacing: .2em;
    width: 100%;
    display: inline-block; }
    @media (min-width: 48em) {
      /* line 1914, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience-menu .experience-title {
        width: 500px; } }
  /* line 1925, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-menu .experience-strapline {
    color: #000000;
    width: 306px;
    display: inline-block;
    line-height: 18px;
    margin: 1px 0 33px; }
    @media (min-width: 48em) {
      /* line 1925, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience-menu .experience-strapline {
        margin: 0px; } }
  /* line 1939, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-menu .experience-tags {
    display: none; }
    @media (min-width: 48em) {
      /* line 1939, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience-menu .experience-tags {
        display: inline-block;
        color: #900020;
        text-transform: uppercase;
        letter-spacing: .2em;
        width: 178px;
        line-height: 12px; } }
  /* line 1951, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-menu .bg-wrap {
    position: absolute;
    top: -120px;
    left: -70px;
    height: 270px;
    width: 525px;
    opacity: 0;
    overflow: hidden;
    /*
    		    -webkit-transition: all 0.3s ease-in-out;
    		    -moz-transition: all 0.3s ease-in-out;
    		    -ms-transition: all 0.3s ease-in-out;
    		    -o-transition: all 0.3s ease-in-out;
    		    transition: all 0.3s ease-in-out;
    */
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    pointer-events: none; }
    /* line 1974, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-main.experience-page .experience-menu .bg-wrap span {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
  /* line 1984, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-menu a:hover .experience-title {
    z-index: 3;
    color: white;
    position: relative; }
  /* line 1990, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-menu a:hover .experience-strapline {
    color: #000000; }
  @media (min-width: 48em) {
    /* line 1993, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-main.experience-page .experience-menu a:hover .bg-wrap {
      width: 525px;
      opacity: 1;
      z-index: 3; } }
  /* line 2010, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-partners .experience-strapline img {
    width: 105px;
    margin: 0px 0 25px;
    display: block; }
    @media (min-width: 48em) {
      /* line 2010, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience-partners .experience-strapline img {
        width: 125px; } }
  /* line 2024, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .experience-partners .experience-menu li {
    height: 140px; }
    @media (min-width: 48em) {
      /* line 2024, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .experience-partners .experience-menu li {
        height: 120px; } }
  /* line 2033, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .banner-slider {
    margin-bottom: 45px; }
    @media (min-width: 48em) {
      /* line 2033, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .banner-slider {
        margin-bottom: 75px;
        height: 100vh;
        overflow: hidden; } }
  /* line 2043, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-main.experience-page .video-bg {
    display: none; }
    @media (min-width: 48em) {
      /* line 2043, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-main.experience-page .video-bg {
        display: block;
        height: 100vh; }
        /* line 2049, sass/page/_experience-pages.scss */
        body.experience-page.experience-page-main.experience-page .video-bg video {
          object-fit: cover;
          width: 100%;
          height: 100%; } }
  /* line 2063, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-designcompetition .excerpt .desktop-only img {
    margin: 45px 0px; }
  /* line 2066, sass/page/_experience-pages.scss */
  body.experience-page.lang-th.experience-page-designcompetition .excerpt {
    line-height: 1.6; }
  /* line 2071, sass/page/_experience-pages.scss */
  body.experience-page.page-experience-the-quarry.experience-page .commitment-slider {
    margin-bottom: 75px; }
  /* line 2075, sass/page/_experience-pages.scss */
  body.experience-page.page-experience-the-quarry.experience-page .poster-wrap {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 120px; }
    @media (min-width: 48em) {
      /* line 2075, sass/page/_experience-pages.scss */
      body.experience-page.page-experience-the-quarry.experience-page .poster-wrap {
        margin-bottom: 180px; } }
    /* line 2084, sass/page/_experience-pages.scss */
    body.experience-page.page-experience-the-quarry.experience-page .poster-wrap img {
      max-width: 500px; }
  /* line 2089, sass/page/_experience-pages.scss */
  body.experience-page.lang-th.page-experience-solar-stage.experience-page .explore-desc {
    padding: 0 120px; }
  /* line 2094, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-carbon-calculator.experience-page .intro-block {
    padding: 70px 0px; }
    @media (min-width: 48em) {
      /* line 2094, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-carbon-calculator.experience-page .intro-block {
        padding: 70px; } }
  /* line 2100, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-carbon-calculator.experience-page .restore-carbon-section {
    background-color: #F8F1E4;
    margin-bottom: 0px;
    padding: 140px 0px 140px; }
  /* line 2107, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-carbon-calculator.experience-page .carbon-neutral-journey-section h1 {
    margin: 40px 0px 19px;
    text-align: center;
    letter-spacing: .3em; }
    @media (min-width: 48em) {
      /* line 2107, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-carbon-calculator.experience-page .carbon-neutral-journey-section h1 {
        margin: 0px 0px 15px;
        text-align: left;
        letter-spacing: .3em; } }
  /* line 2117, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-carbon-calculator.experience-page .carbon-neutral-journey-section .sustain-para {
    margin: 20px 0px 45px; }
    @media (min-width: 48em) {
      /* line 2117, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-carbon-calculator.experience-page .carbon-neutral-journey-section .sustain-para {
        margin: 0px; } }
  @media (min-width: 48em) {
    /* line 2123, sass/page/_experience-pages.scss */
    body.experience-page.experience-page-carbon-calculator.experience-page .carbon-neutral-journey-section .position-right h1 {
      margin: 0px 0px 15px;
      text-align: right; } }
  /* line 2137, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-indorama.experience-page .about-spritiual p {
    margin: 0 14px 43px 14px; }
  /* line 2141, sass/page/_experience-pages.scss */
  body.experience-page.experience-page-indorama.experience-page .title-text {
    -webkit-animation: example 20s linear 0s infinite;
    /* Safari 4.0 - 8.0 */
    animation: example 20s linear 0s infinite; }
    @media only screen and (min-width: 768px) {
      /* line 2141, sass/page/_experience-pages.scss */
      body.experience-page.experience-page-indorama.experience-page .title-text {
        -webkit-animation: example 30s linear 0s infinite;
        /* Safari 4.0 - 8.0 */
        animation: example 30s linear 0s infinite; } }
  /* line 2151, sass/page/_experience-pages.scss */
  body.experience-page.page-experience-sot.experience-page .title-text span {
    margin-right: 800px;
    letter-spacing: 30px; }
  /* line 2156, sass/page/_experience-pages.scss */
  body.experience-page.page-experience-scratch-talks.experience-page .title-text span em {
    margin-left: 237px; }
  /* line 2160, sass/page/_experience-pages.scss */
  body.experience-page.page-experience-forbidden-fruit.experience-page .takeover-content-container .container-solar:nth-child(2) .spritiual-content img {
    width: 76px;
    height: auto; }
  /* line 2165, sass/page/_experience-pages.scss */
  body.experience-page.page-experience-neramit.experience-page .takeover-content-container .container-solar:nth-child(1) .spritiual-content img {
    width: 136px;
    height: auto; }
  @media (min-width: 48em) {
    /* line 2173, sass/page/_experience-pages.scss */
    body.experience-page.page-experience-forbidden-fruit.experience-page .takeover-content-container .container-solar:nth-child(1) .spritiual-content img {
      height: 100px; }
    /* line 2176, sass/page/_experience-pages.scss */
    body.experience-page.page-experience-forbidden-fruit.experience-page .takeover-content-container .container-solar:nth-child(2) .spritiual-content img {
      height: 85px;
      width: auto; }
    /* line 2180, sass/page/_experience-pages.scss */
    body.experience-page.page-experience-neramit.experience-page .takeover-content-container .container-solar:nth-child(1) .spritiual-content img {
      width: 156px;
      height: auto; } }

/* line 1, sass/_user.scss */
body.user-page #main {
  min-height: 92vh;
  background-image: url(/wp-content/themes/wonderfruit-2019/images/user-background.jpg);
  background-size: cover; }
/* line 6, sass/_user.scss */
body.user-page section {
  text-align: center;
  padding-bottom: 90px; }
/* line 10, sass/_user.scss */
body.user-page .header2 {
  color: #000000;
  padding: 50px 0 5px; }
/* line 15, sass/_user.scss */
body.user-page .reset-description {
  color: #000000;
  margin: 25px 0px 50px; }
/* line 19, sass/_user.scss */
body.user-page .user-inputs {
  width: 294px;
  margin: auto; }
  @media (min-width: 48em) {
    /* line 19, sass/_user.scss */
    body.user-page .user-inputs {
      width: 352px; } }
  /* line 26, sass/_user.scss */
  body.user-page .user-inputs .field {
    margin: 10px 0px; }
  /* line 29, sass/_user.scss */
  body.user-page .user-inputs .body2 {
    line-height: 20px; }
  /* line 32, sass/_user.scss */
  body.user-page .user-inputs input {
    background: transparent;
    border: 0px;
    border-bottom: solid 0.5px black;
    outline: 0;
    border-radius: 0;
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    color: #000000; }
    /* line 42, sass/_user.scss */
    body.user-page .user-inputs input:focus, body.user-page .user-inputs input:active {
      outline: 0;
      outline-style: none;
      outline-color: transparent;
      outline-width: 0px;
      box-shadow: none; }
    /* line 50, sass/_user.scss */
    body.user-page .user-inputs input::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #000000;
      opacity: 1;
      /* Firefox */ }
    /* line 55, sass/_user.scss */
    body.user-page .user-inputs input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #000000; }
    /* line 59, sass/_user.scss */
    body.user-page .user-inputs input::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #000000; }
  /* line 64, sass/_user.scss */
  body.user-page .user-inputs .field.notempty label {
    opacity: 0;
    color: #329595; }
  /* line 68, sass/_user.scss */
  body.user-page .user-inputs .field.haserror input {
    border-bottom-color: #FF6464; }
  /* line 71, sass/_user.scss */
  body.user-page .user-inputs .field.haserror .msg {
    opacity: 1;
    color: #FF6464; }
  /* line 75, sass/_user.scss */
  body.user-page .user-inputs .field.focused.notempty label {
    opacity: 1;
    color: #329595; }
  /* line 79, sass/_user.scss */
  body.user-page .user-inputs .field.focused.notempty input {
    border-bottom-color: #329595; }
  /* line 82, sass/_user.scss */
  body.user-page .user-inputs #reset-password-btn {
    margin-top: 40px; }
  /* line 87, sass/_user.scss */
  body.user-page .user-inputs .forgot-user-link {
    position: absolute;
    right: 0px;
    bottom: 0px; }
  /* line 92, sass/_user.scss */
  body.user-page .user-inputs .datepicker {
    background: url(/wp-content/themes/wonderfruit-2019/images/angle-down-black) 98%/12px no-repeat transparent; }
  /* line 95, sass/_user.scss */
  body.user-page .user-inputs .iti {
    display: block; }
  /* line 98, sass/_user.scss */
  body.user-page .user-inputs .iti input, body.user-page .user-inputs .iti input[type=tel], body.user-page .user-inputs .iti input[type=text] {
    padding-left: 70px; }
  /* line 101, sass/_user.scss */
  body.user-page .user-inputs .iti__arrow {
    margin-left: 10px;
    width: 12px;
    height: 12px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid #555;
    background: url(/wp-content/themes/wonderfruit-2019/images/angle-down-black) no-repeat transparent;
    background-position: center;
    display: none; }
  /* line 112, sass/_user.scss */
  body.user-page .user-inputs .iti__arrow--up {
    border-top: none;
    border-bottom: none; }
  /* line 118, sass/_user.scss */
  body.user-page .user-inputs .iti__selected-dial-code {
    color: #888888;
    background: url(/wp-content/themes/wonderfruit-2019/images/angle-down-black) no-repeat transparent;
    background-position: left center;
    padding-left: 25px;
    background-size: 12px;
    padding: 6px 25px; }
  /* line 126, sass/_user.scss */
  body.user-page .user-inputs .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent; }
  /* line 132, sass/_user.scss */
  body.user-page .user-inputs button.user-button-standard {
    display: block;
    width: 100%;
    border: 1px;
    background-color: transparent;
    margin: 40px 0px 40px;
    text-transform: uppercase;
    color: #3B7575;
    height: 44px;
    outline: transparent;
    border: 2px solid #3B7575;
    letter-spacing: .2em; }
    /* line 145, sass/_user.scss */
    body.user-page .user-inputs button.user-button-standard#signup-submit-btn {
      margin: 20px 0px 40px; }
  /* line 149, sass/_user.scss */
  body.user-page .user-inputs button.user-button-standard:hover {
    background-color: #3B7575;
    color: white; }
  /* line 153, sass/_user.scss */
  body.user-page .user-inputs button.user-button-standard:active {
    background-color: #55A29D;
    border: 2px solid #55A29D; }
  /* line 157, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon {
    display: block;
    width: 100%;
    background-color: transparent;
    margin: 7px 0px;
    text-transform: uppercase;
    color: white;
    height: 44px;
    padding: 0px;
    outline: transparent;
    outline-width: 0px;
    border-width: 0px; }
  /* line 171, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon:hover {
    background-color: white; }
  /* line 174, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon:active {
    background-color: rgba(255, 255, 255, 0.7); }
  /* line 177, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon:hover .button3 {
    color: #1E2D50; }
  /* line 180, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon:active .button3 {
    color: #1E2D50; }
  /* line 183, sass/_user.scss */
  body.user-page .user-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; }
  /* line 193, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon .button3 {
    width: calc(100% - 49px);
    display: inline-block;
    line-height: 44px; }
  /* line 198, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon.user-button-fb {
    background-color: #4A6598; }
  /* line 201, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon.user-button-google {
    background-color: #C94444; }
  /* line 204, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon.user-button-email {
    background-color: #78C8C3; }
  /* line 208, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon.user-button-fb .icon-container {
    background-color: #587AB7; }
  /* line 211, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon.user-button-google .icon-container {
    background-color: #C94444; }
  /* line 214, sass/_user.scss */
  body.user-page .user-inputs button.user-button-icon.user-button-email .icon-container {
    background-color: #78C8C3; }
  /* line 218, sass/_user.scss */
  body.user-page .user-inputs .form-control {
    padding: 6px 0px; }
  /* line 221, sass/_user.scss */
  body.user-page .user-inputs .field {
    position: relative;
    text-align: left; }
  /* line 225, sass/_user.scss */
  body.user-page .user-inputs .field label {
    display: block;
    top: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 0px;
    position: absolute; }
  /* line 234, sass/_user.scss */
  body.user-page .user-inputs .field select {
    margin: 0px;
    width: 100%;
    color: #000000;
    padding: 5px 0px 5px 0px;
    border: 0px;
    border-bottom: .5px solid #000000;
    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-black) 100%/12px no-repeat transparent;
    outline-color: transparent;
    outline-style: none; }
  /* line 253, sass/_user.scss */
  body.user-page .user-inputs .field.notempty select {
    color: black !important; }
  /* line 260, sass/_user.scss */
  body.user-page .user-inputs .or-divider {
    padding: 45px 0px;
    display: block;
    position: relative; }
    /* line 264, sass/_user.scss */
    body.user-page .user-inputs .or-divider .or-divider-inner {
      width: 125%;
      /*     border-bottom: 1px solid white; */
      margin: auto;
      text-align: center;
      position: absolute;
      /* margin: 10px 0px; */
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    /* line 275, sass/_user.scss */
    body.user-page .user-inputs .or-divider .line1, body.user-page .user-inputs .or-divider .line2 {
      background-color: rgba(0, 0, 0, 0.3);
      height: 1px;
      display: inline-block;
      width: 45%;
      position: absolute;
      transform: translateY(-50%);
      top: 50%; }
    /* line 284, sass/_user.scss */
    body.user-page .user-inputs .or-divider .line2 {
      left: 55%; }
    /* line 287, sass/_user.scss */
    body.user-page .user-inputs .or-divider .line1 {
      right: 55%; }
    /* line 290, sass/_user.scss */
    body.user-page .user-inputs .or-divider .or-text {
      color: #000000;
      opacity: .3; }
  /* line 295, sass/_user.scss */
  body.user-page .user-inputs .cart-user-text a {
    text-decoration: underline; }

/* line 113, sass/wonderfruit.scss */
body.carbon-calculator {
  /*
  .stopovers {
  	input {
  	    margin: 15px 0px;
  	}	
  }
  */ }
  /* line 1, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #main {
    min-height: 92vh;
    background-image: none;
    background-size: cover; }
  /* line 8, sass/page/_carbon-calculator.scss */
  body.carbon-calculator section {
    text-align: center; }
  /* line 12, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .header2 {
    color: #000000;
    padding: 50px 0 5px; }
  /* line 17, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .calculator-description {
    margin: 25px auto 50px;
    text-align: left; }
  /* line 22, sass/page/_carbon-calculator.scss */
  body.carbon-calculator label {
    display: inline-block; }
  /* line 28, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.lang-th #wizard-container .compare-calc-title,
  body.carbon-calculator.lang-th #wizard-container .body5,
  body.carbon-calculator.lang-th #wizard-container .body4,
  body.carbon-calculator.lang-th #wizard-container .button1,
  body.carbon-calculator.lang-th #wizard-container .button3 {
    letter-spacing: 0.05em !important; }
  /* line 37, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #wizard-container .air-travel-mode-label {
    display: none !important; }
  /* line 40, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #wizard-container .land-travel-mode-label {
    display: inline-block !important; }
  /* line 45, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #wizard-container.air-travel-included .field-land-travel-companions-input-wizard {
    display: none; }
  /* line 48, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #wizard-container.air-travel-included .air-travel-mode-label {
    display: inline-block !important; }
  /* line 51, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #wizard-container.air-travel-included .land-travel-mode-label {
    display: none !important; }
  /* line 58, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #wizard-container:not(.air-travel-included) .field-air-travel {
    display: none; }
  /* line 63, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #wizard-container .steps ul {
    text-align: center; }
    /* line 65, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .steps ul li {
      display: inline-block;
      height: 50px;
      padding: 40px 25px 50px;
      width: 25px;
      position: relative;
      position: relative;
      /*
      				&.first:before {
      				    width: 50%;
      				    left: unset;
      				    right: 0px;
      				    transform: translate(0%, -50%);
      				}
      */
      /*
      				&.last:before {
      				    width: 50%;
      				    left: 0px;
      				    transform: translate(0%, -50%);
      				}
      */ }
      @media (min-width: 48em) {
        /* line 65, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .steps ul li {
          height: 60px;
          padding: 60px 40px;
          width: 40px; } }
      /* line 81, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li .current-info {
        display: none; }
      /* line 84, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        /* line 89, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .steps ul li a img {
          padding-top: 3px; }
      /* line 93, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li:before {
        position: absolute;
        content: "";
        border-bottom: 0px;
        border-top: .5px solid #c0c0c0;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(0%, -50%); }
      /* line 105, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.done:before {
        border-top: .5px solid #2C9898; }
      /* line 123, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.last:before {
        width: 0%; }
      /* line 128, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.done img.header-home {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/greenoutline-home.svg); }
      /* line 131, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.done img.header-departure {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/greenoutline-departure.svg); }
      /* line 134, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.done img.header-arrival {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/greenoutline-arrival.svg); }
      /* line 137, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.done img.header-car {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/greenoutline-car.svg); }
      /* line 140, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.done img.header-tree {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/greenoutline-tree.svg); }
      /* line 145, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.current img.header-home {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/solid-icon-home.svg); }
      /* line 148, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.current img.header-departure {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/solid-icon-departure.svg); }
      /* line 151, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.current img.header-arrival {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/solid-icon-arrival.svg); }
      /* line 154, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.current img.header-car {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/solid-icon-car.svg); }
      /* line 157, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .steps ul li.current img.header-tree {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/solid-icon-tree.svg); }
  /* line 166, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #wizard-container .content {
    padding: 0px 0px; }
    @media (min-width: 48em) {
      /* line 166, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content {
        padding: 90px 0px; } }
    /* line 171, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .title {
      display: none; }
    /* line 176, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body label.button1 {
      text-transform: uppercase;
      letter-spacing: .2em;
      display: inline-block;
      position: relative; }
    /* line 182, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body select {
      width: 100%;
      height: auto;
      line-height: 48px;
      text-align: center;
      text-align: -moz-center;
      text-align: -webkit-center;
      background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down-black) 99%/12px no-repeat transparent; }
      /* line 193, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .body select:focus {
        outline: 0; }
    /* line 198, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body.wizard-section-results select {
      width: 100%;
      line-height: 20px;
      border-bottom: .5px solid #e0e0e0; }
    @media (min-width: 48em) {
      /* line 203, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .body.wizard-section-results .add-stop-over-container {
        height: 20px; } }
    @media (min-width: 48em) {
      /* line 208, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .body.wizard-section-results .stopovers .field {
        margin-top: 0px; } }
    /* line 216, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body .error {
      display: block; }
    /* line 219, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body .ui-autocomplete-input {
      background-color: transparent;
      border: none;
      border-bottom: 2px solid #171717;
      border-radius: 0px;
      box-shadow: none;
      padding: 5px 24px 5px 24px;
      height: auto;
      text-align: center;
      background: url(/wp-content/themes/wonderfruit-2018/images/2018/angle-down-black) 99%/12px no-repeat transparent;
      /*
      				height: 3.5em;
      				line-height: 25px;				
      */
      line-height: 1em;
      vertical-align: middle;
      resize: none; }
      @media (min-width: 48em) {
        /* line 219, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .content .body .ui-autocomplete-input {
          height: 2em;
          line-height: 1em; } }
    /* line 241, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body .stopovers .ui-autocomplete-input {
      padding: 5px 55px 5px 0px; }
    /* line 245, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body .button-container .next-button {
      color: #FFFFFF;
      line-height: 34px;
      text-align: center;
      width: 158px;
      background-color: #3B7575;
      padding: 5px 15px;
      display: inline-block;
      text-transform: uppercase;
      letter-spacing: 2.8px;
      overflow: visible; }
      @media (min-width: 48em) {
        /* line 245, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .content .body .button-container .next-button {
          padding: 5px 5px;
          width: 172px; } }
      /* line 260, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .body .button-container .next-button:after {
        padding: 5px 5px; }
    /* line 265, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body .field {
      margin-bottom: 20px; }
    /* line 269, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .body .stopovers .field {
      margin-bottom: 0px; }
    /* line 276, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-airorground .section-title {
      margin: 30px; }
    /* line 279, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container {
      position: relative; }
      /* line 281, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container span {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 42%;
        left: 50%;
        letter-spacing: 1px; }
      /* line 288, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container a:first-child {
        display: inline-block;
        padding: 45px 30px 45px 0px; }
        @media (min-width: 48em) {
          /* line 288, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container a:first-child {
            padding: 45px 140px 45px 0px; } }
      /* line 297, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container a:last-child {
        display: inline-block;
        padding: 45px 0px 45px 30px; }
        @media (min-width: 48em) {
          /* line 297, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container a:last-child {
            padding: 45px 0px 45px 140px; } }
      /* line 305, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container img {
        display: block;
        padding: 0px 0px 15px;
        width: 100px; }
        @media (min-width: 48em) {
          /* line 305, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container img {
            width: unset; } }
      /* line 313, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container #select-airtravel:hover img {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/selective-solid-hover-plane.svg); }
      /* line 316, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container #select-groundonly:hover img {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/selective-solid-hover-car.svg); }
      /* line 319, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container #select-airtravel:active img {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/selective-solid-onclick-plane.svg); }
      /* line 322, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-airorground .select-travel-type-container #select-groundonly:active img {
        content: url(/wp-content/themes/wonderfruit-2019/images/carbon-calculator/selective-solid-onclick-car.svg); }
    /* line 329, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-departure label {
      margin: 45px 0px 10px; }
      @media (min-width: 48em) {
        /* line 329, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .content .wizard-section-departure label {
          margin: 15px; } }
    /* line 336, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-departure .ui-autocomplete-input {
      color: #000000; }
      /* line 338, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-departure .ui-autocomplete-input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #000000;
        opacity: 1;
        /* Firefox */ }
      /* line 343, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-departure .ui-autocomplete-input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #000000; }
      /* line 347, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-departure .ui-autocomplete-input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #000000; }
    /* line 352, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-departure .stopovers .field {
      position: relative; }
    /* line 356, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-departure .button-container {
      margin: 160px 0px 0px; }
    /* line 361, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-arrival {
      margin: 45px 0px 10px; }
      @media (min-width: 48em) {
        /* line 361, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .content .wizard-section-arrival {
          margin: 15px; } }
      /* line 366, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-arrival .button-container {
        margin: 100px 0px 0px; }
    /* line 370, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-landtravel {
      margin: 45px 0px 10px; }
      @media (min-width: 48em) {
        /* line 370, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .content .wizard-section-landtravel {
          margin: 15px; } }
      /* line 375, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-landtravel .button-container {
        margin: 100px 0px 0px; }
    /* line 379, sass/page/_carbon-calculator.scss */
    body.carbon-calculator #wizard-container .content .wizard-section-results {
      /*
      			.stopovers {
      				@include breakpoint(md) {
      					margin-top: -15px;
      				}
      			}
      */ }
      /* line 380, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-results .field {
        margin-bottom: 0px; }
      /* line 383, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-results .ui-autocomplete-input {
        text-align: left;
        padding: 5px 24px 5px 0px;
        border-bottom: .5px solid #e0e0e0; }
      /* line 388, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-results .result-row {
        margin: 15px 0px 40px;
        vertical-align: top;
        text-align: center; }
        @media (min-width: 48em) {
          /* line 388, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-results .result-row {
            text-align: unset;
            margin: 0px 0px 40px; } }
        /* line 398, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .content .wizard-section-results .result-row .result-icon {
          width: 100px;
          vertical-align: top;
          display: block;
          margin: auto; }
          @media (min-width: 48em) {
            /* line 398, sass/page/_carbon-calculator.scss */
            body.carbon-calculator #wizard-container .content .wizard-section-results .result-row .result-icon {
              display: inline-block;
              margin-right: 40px;
              text-align: center;
              padding-top: 5px; } }
          /* line 411, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-results .result-row .result-icon .result-icon-tree {
            width: 80%; }
        /* line 416, sass/page/_carbon-calculator.scss */
        body.carbon-calculator #wizard-container .content .wizard-section-results .result-row .result-stats {
          display: inline-block; }
          /* line 418, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-results .result-row .result-stats .subtitle {
            color: #000000;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: .3em;
            margin: 6px 0px; }
          /* line 425, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-results .result-row .result-stats .asterisks {
            color: #b0b0b0;
            width: 245px;
            margin: 15px 0px;
            line-height: 12px;
            text-align: left; }
          /* line 432, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-results .result-row .result-stats .display2 {
            line-height: 46px; }
          /* line 435, sass/page/_carbon-calculator.scss */
          body.carbon-calculator #wizard-container .content .wizard-section-results .result-row .result-stats .body4 {
            line-height: 16px; }
      /* line 440, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-results #donate-button1 {
        background-color: #fffcf8;
        color: #3B7575;
        border: 1px solid #3B7575; }
      /* line 445, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-results .stopover-buttons {
        top: 5px;
        right: 20px; }
      /* line 449, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #wizard-container .content .wizard-section-results .add-stop-over-container a {
        float: right;
        margin: 0px; }
  /* line 464, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.lang-th .result-stats .subtitle {
    letter-spacing: .05em; }
  /* line 467, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .full-width-call-to-action {
    background-color: #3B7575;
    display: none;
    padding: 90px 0px; }
    /* line 468, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .full-width-call-to-action:before {
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 50px solid #3B7575;
      content: "";
      position: absolute;
      top: -25px;
      left: 50%;
      transform: translateX(-50%); }
    @media (min-width: 48em) {
      /* line 467, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .full-width-call-to-action {
        padding: 134px 0px; } }
    /* line 487, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .full-width-call-to-action h1 {
      color: white;
      margin: 15px; }
    /* line 491, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .full-width-call-to-action a {
      color: #3B7575;
      background-color: #fffcf8;
      padding: 15px 60px;
      display: inline-block;
      width: 80%;
      margin: 15px 0px 0px; }
      @media (min-width: 48em) {
        /* line 491, sass/page/_carbon-calculator.scss */
        body.carbon-calculator .full-width-call-to-action a {
          width: unset;
          margin: 25px; } }
      /* line 502, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .full-width-call-to-action a:after {
        padding: 15px 60px; }
  /* line 509, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.lang-th .full-width-call-to-action a {
    padding: 15px 20px;
    letter-spacing: 0.05em; }
    /* line 512, sass/page/_carbon-calculator.scss */
    body.carbon-calculator.lang-th .full-width-call-to-action a:after {
      padding: 15px 20px;
      letter-spacing: 0.05em; }
  /* line 522, sass/page/_carbon-calculator.scss */
  body.carbon-calculator section.sidebyside .calculator-results,
  body.carbon-calculator section.sidebyside .travel-inputs {
    display: inline-block;
    flex: 1; }
    @media (min-width: 48em) {
      /* line 522, sass/page/_carbon-calculator.scss */
      body.carbon-calculator section.sidebyside .calculator-results,
      body.carbon-calculator section.sidebyside .travel-inputs {
        margin: 15px; } }
  /* line 530, sass/page/_carbon-calculator.scss */
  body.carbon-calculator section.sidebyside #calculate-back-btn {
    display: none; }
  /* line 533, sass/page/_carbon-calculator.scss */
  body.carbon-calculator section.sidebyside .carbon-calculator {
    display: block; }
    @media (min-width: 48em) {
      /* line 533, sass/page/_carbon-calculator.scss */
      body.carbon-calculator section.sidebyside .carbon-calculator {
        display: flex;
        flex-direction: row-reverse; } }
  /* line 545, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.carbon-calculator section.sidebyside .travel-inputs.compare-calc {
    display: none; }
  /* line 549, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.carbon-calculator #wizard-container section.sidebyside .travel-inputs.donate-calc {
    display: none; }
    /* line 550, sass/page/_carbon-calculator.scss */
    body.carbon-calculator.carbon-calculator #wizard-container section.sidebyside .travel-inputs.donate-calc .section-title {
      margin: 50px 0px; }
    /* line 553, sass/page/_carbon-calculator.scss */
    body.carbon-calculator.carbon-calculator #wizard-container section.sidebyside .travel-inputs.donate-calc .button-container a.next-button {
      padding: 5px 5px;
      width: 260px;
      display: block;
      margin: 20px auto; }
    @media (min-width: 48em) {
      /* line 549, sass/page/_carbon-calculator.scss */
      body.carbon-calculator.carbon-calculator #wizard-container section.sidebyside .travel-inputs.donate-calc {
        display: unset; } }
  /* line 568, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.lang-th.carbon-calculator #wizard-container section.sidebyside .travel-inputs.donate-calc .button-container a.next-button {
    letter-spacing: .05em; }
  /* line 575, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.carbon-calculator.last-step .full-width-call-to-action {
    display: block; }
    @media (min-width: 48em) {
      /* line 575, sass/page/_carbon-calculator.scss */
      body.carbon-calculator.carbon-calculator.last-step .full-width-call-to-action {
        display: none; } }
  /* line 585, sass/page/_carbon-calculator.scss */
  body.carbon-calculator #compare-button2 {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    background-color: #3B7575; }
    @media (min-width: 48em) {
      /* line 585, sass/page/_carbon-calculator.scss */
      body.carbon-calculator #compare-button2 {
        display: none !important; } }
  /* line 594, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.carbon-calculator.compare-mode .full-width-call-to-action {
    display: block; }
  /* line 597, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.carbon-calculator.compare-mode section.sidebyside .travel-inputs.donate-calc {
    display: none !important; }
  /* line 600, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.carbon-calculator.compare-mode section.sidebyside .travel-inputs.compare-calc {
    display: block;
    margin: 10px 0px 40px; }
    @media (min-width: 48em) {
      /* line 600, sass/page/_carbon-calculator.scss */
      body.carbon-calculator.carbon-calculator.compare-mode section.sidebyside .travel-inputs.compare-calc {
        display: inline-block;
        margin: 0px; } }
    /* line 607, sass/page/_carbon-calculator.scss */
    body.carbon-calculator.carbon-calculator.compare-mode section.sidebyside .travel-inputs.compare-calc .compare-calc-inner {
      padding: 30px 30px 45px;
      box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
  /* line 613, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.carbon-calculator.compare-mode #compare-button2 {
    display: none !important; }
  /* line 619, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .calc-tooltip {
    position: absolute;
    right: -17px;
    top: -5px;
    color: #b0b0b0; }
    /* line 624, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calc-tooltip:hover {
      color: #888888; }
  /* line 628, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .tooltip {
    width: 200px;
    display: block;
    opacity: 1 !important; }
    /* line 632, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .tooltip .tooltip-inner {
      padding: 10px;
      background-color: #B1977A;
      font-family: Value;
      font-weight: normal;
      font-size: 10px;
      text-align: left; }
      @media (min-width: 48em) {
        /* line 632, sass/page/_carbon-calculator.scss */
        body.carbon-calculator .tooltip .tooltip-inner {
          font-size: 10px; } }
    /* line 643, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .tooltip .tooltip-arrow {
      border-top-color: #B1977A; }
  /* line 650, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.lang-th .tooltip .tooltip-inner {
    font-family: cloud;
    font-size: 11px;
    letter-spacing: 0.05em; }
    @media (min-width: 48em) {
      /* line 650, sass/page/_carbon-calculator.scss */
      body.carbon-calculator.lang-th .tooltip .tooltip-inner {
        font-size: 11px; } }
  /* line 661, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .calculator-results {
    text-align: left;
    margin: 40px 0px; }
    @media (min-width: 48em) {
      /* line 661, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results {
        margin: auto; } }
    /* line 668, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .display2 {
      font-family: ValueSerif; }
    /* line 671, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results table {
      width: 100%;
      margin: 32px 0px; }
      /* line 674, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results table .indent {
        padding-left: 30px; }
      /* line 677, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results table .align-right {
        text-align: right; }
    /* line 681, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results #calculate-back-btn {
      -webkit-appearance: unset;
      background: none;
      border: none; }
      /* line 685, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results #calculate-back-btn i {
        font-size: 1.5em; }
      /* line 688, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results #calculate-back-btn span {
        display: inline-block;
        height: 25px;
        vertical-align: middle;
        margin: 0px 5px; }
  /* line 697, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .add-stop-over-container {
    height: 20px; }
    @media (min-width: 48em) {
      /* line 697, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .add-stop-over-container {
        height: 30px; } }
    /* line 702, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .add-stop-over-container span {
      position: relative;
      color: #B0B0B0;
      display: inline-block; }
    /* line 708, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .add-stop-over-container span.active-add {
      color: #000000; }
    /* line 711, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .add-stop-over-container a {
      display: block;
      margin: 15px; }
      /* line 715, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .add-stop-over-container a i {
        color: #B0B0B0; }
        /* line 717, sass/page/_carbon-calculator.scss */
        body.carbon-calculator .add-stop-over-container a i:hover {
          color: #888888; }
    /* line 723, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .add-stop-over-container a#remove-stop-over-wizard,
    body.carbon-calculator .add-stop-over-container a#remove-stop-over {
      display: none; }
  /* line 728, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .stopover-buttons {
    position: absolute;
    right: 20px;
    top: 20px; }
    @media (min-width: 48em) {
      /* line 728, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .stopover-buttons {
        right: 30px;
        top: 25px; } }
    /* line 737, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .stopover-buttons .add-stop-over-self i {
      color: #B0B0B0; }
      /* line 739, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .stopover-buttons .add-stop-over-self i:hover {
        color: #888888; }
    /* line 745, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .stopover-buttons .remove-stop-over-self i {
      color: #B0B0B0; }
      /* line 747, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .stopover-buttons .remove-stop-over-self i:hover {
        color: #888888; }
  /* line 761, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .calculator-results,
  body.carbon-calculator .travel-inputs {
    width: 100%;
    display: none; }
    @media (min-width: 48em) {
      /* line 761, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results,
      body.carbon-calculator .travel-inputs {
        width: 352px; } }
    /* line 769, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results.active,
    body.carbon-calculator .travel-inputs.active {
      display: block; }
    /* line 773, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .compare-calc-title,
    body.carbon-calculator .travel-inputs .compare-calc-title {
      margin: 15px 0px 45px;
      letter-spacing: .3em; }
    /* line 777, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field,
    body.carbon-calculator .travel-inputs .field {
      margin: 10px 0px; }
    /* line 780, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .body2,
    body.carbon-calculator .travel-inputs .body2 {
      line-height: 20px; }
    /* line 783, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results input,
    body.carbon-calculator .travel-inputs input {
      background: transparent;
      border: 0px;
      border-bottom: solid 0.5px black;
      outline: 0;
      border-radius: 0;
      outline-color: transparent;
      outline-style: none;
      box-shadow: none;
      color: #000000; }
      /* line 793, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results input:focus, body.carbon-calculator .calculator-results input:active,
      body.carbon-calculator .travel-inputs input:focus,
      body.carbon-calculator .travel-inputs input:active {
        outline: 0;
        outline-style: none;
        outline-color: transparent;
        outline-width: 0px;
        box-shadow: none; }
      /* line 801, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results input::placeholder,
      body.carbon-calculator .travel-inputs input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #000000;
        opacity: 1;
        /* Firefox */ }
      /* line 806, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results input:-ms-input-placeholder,
      body.carbon-calculator .travel-inputs input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #000000; }
      /* line 810, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results input::-ms-input-placeholder,
      body.carbon-calculator .travel-inputs input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #000000; }
    /* line 815, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field.notempty label,
    body.carbon-calculator .travel-inputs .field.notempty label {
      opacity: 1; }
    /* line 819, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field.haserror input,
    body.carbon-calculator .travel-inputs .field.haserror input {
      border-bottom-color: #FF6464; }
    /* line 822, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field.haserror .msg,
    body.carbon-calculator .travel-inputs .field.haserror .msg {
      opacity: 1; }
    /* line 826, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field.focused.notempty label,
    body.carbon-calculator .travel-inputs .field.focused.notempty label {
      opacity: 1; }
    /* line 830, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field.focused.notempty input,
    body.carbon-calculator .travel-inputs .field.focused.notempty input {
      border-bottom-color: #3B7575; }
    /* line 833, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results #reset-password-btn,
    body.carbon-calculator .travel-inputs #reset-password-btn {
      margin-top: 40px; }
    /* line 838, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .forgot-user-link,
    body.carbon-calculator .travel-inputs .forgot-user-link {
      position: absolute;
      right: 0px;
      bottom: 0px; }
    /* line 843, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .datepicker,
    body.carbon-calculator .travel-inputs .datepicker {
      background: url(/wp-content/themes/wonderfruit-2019/images/angle-down-black) 98%/12px no-repeat transparent; }
    /* line 846, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .iti,
    body.carbon-calculator .travel-inputs .iti {
      display: block; }
    /* line 849, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .iti input, body.carbon-calculator .calculator-results .iti input[type=tel], body.carbon-calculator .calculator-results .iti input[type=text],
    body.carbon-calculator .travel-inputs .iti input,
    body.carbon-calculator .travel-inputs .iti input[type=tel],
    body.carbon-calculator .travel-inputs .iti input[type=text] {
      padding-left: 70px; }
    /* line 852, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .iti__arrow,
    body.carbon-calculator .travel-inputs .iti__arrow {
      margin-left: 10px;
      width: 12px;
      height: 12px;
      border-left: 0px solid transparent;
      border-right: 0px solid transparent;
      border-top: 0px solid #555;
      background: url(/wp-content/themes/wonderfruit-2019/images/angle-down-black) no-repeat transparent;
      background-position: center;
      display: none; }
    /* line 863, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .iti__arrow--up,
    body.carbon-calculator .travel-inputs .iti__arrow--up {
      border-top: none;
      border-bottom: none; }
    /* line 869, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .iti__selected-dial-code,
    body.carbon-calculator .travel-inputs .iti__selected-dial-code {
      color: #888888;
      background: url(/wp-content/themes/wonderfruit-2019/images/angle-down-black) no-repeat transparent;
      background-position: left center;
      padding-left: 25px;
      background-size: 12px;
      padding: 6px 25px; }
    /* line 877, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .iti--separate-dial-code .iti__selected-flag,
    body.carbon-calculator .travel-inputs .iti--separate-dial-code .iti__selected-flag {
      background-color: transparent; }
    /* line 883, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-standard,
    body.carbon-calculator .travel-inputs button.user-button-standard {
      display: block;
      width: 100%;
      border: 1px;
      background-color: transparent;
      margin: 40px 0px 40px;
      text-transform: uppercase;
      color: #3B7575;
      height: 44px;
      outline: transparent;
      border: 2px solid #3B7575;
      letter-spacing: .2em; }
      /* line 896, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results button.user-button-standard#signup-submit-btn,
      body.carbon-calculator .travel-inputs button.user-button-standard#signup-submit-btn {
        margin: 20px 0px 40px; }
      /* line 899, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results button.user-button-standard:not(.active),
      body.carbon-calculator .travel-inputs button.user-button-standard:not(.active) {
        border-color: #888888;
        color: #888888;
        pointer-events: none; }
    /* line 905, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-standard:hover,
    body.carbon-calculator .travel-inputs button.user-button-standard:hover {
      background-color: #3B7575;
      color: white; }
    /* line 909, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-standard:active,
    body.carbon-calculator .travel-inputs button.user-button-standard:active {
      background-color: #55A29D;
      border: 2px solid #55A29D; }
    /* line 913, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon,
    body.carbon-calculator .travel-inputs button.user-button-icon {
      display: block;
      width: 100%;
      background-color: transparent;
      margin: 7px 0px;
      text-transform: uppercase;
      color: white;
      height: 44px;
      padding: 0px;
      outline: transparent;
      outline-width: 0px;
      border-width: 0px; }
    /* line 927, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon:hover,
    body.carbon-calculator .travel-inputs button.user-button-icon:hover {
      background-color: white; }
    /* line 930, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon:active,
    body.carbon-calculator .travel-inputs button.user-button-icon:active {
      background-color: rgba(255, 255, 255, 0.7); }
    /* line 933, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon:hover .button3,
    body.carbon-calculator .travel-inputs button.user-button-icon:hover .button3 {
      color: #1E2D50; }
    /* line 936, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon:active .button3,
    body.carbon-calculator .travel-inputs button.user-button-icon:active .button3 {
      color: #1E2D50; }
    /* line 939, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon .icon-container,
    body.carbon-calculator .travel-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; }
    /* line 949, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon .button3,
    body.carbon-calculator .travel-inputs button.user-button-icon .button3 {
      width: calc(100% - 49px);
      display: inline-block;
      line-height: 44px; }
    /* line 954, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon.user-button-fb,
    body.carbon-calculator .travel-inputs button.user-button-icon.user-button-fb {
      background-color: #4A6598; }
    /* line 957, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon.user-button-google,
    body.carbon-calculator .travel-inputs button.user-button-icon.user-button-google {
      background-color: #C94444; }
    /* line 960, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon.user-button-email,
    body.carbon-calculator .travel-inputs button.user-button-icon.user-button-email {
      background-color: #78C8C3; }
    /* line 964, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon.user-button-fb .icon-container,
    body.carbon-calculator .travel-inputs button.user-button-icon.user-button-fb .icon-container {
      background-color: #587AB7; }
    /* line 967, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon.user-button-google .icon-container,
    body.carbon-calculator .travel-inputs button.user-button-icon.user-button-google .icon-container {
      background-color: #C94444; }
    /* line 970, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results button.user-button-icon.user-button-email .icon-container,
    body.carbon-calculator .travel-inputs button.user-button-icon.user-button-email .icon-container {
      background-color: #78C8C3; }
    /* line 974, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .form-control,
    body.carbon-calculator .travel-inputs .form-control {
      padding: 6px 0px; }
    /* line 977, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field,
    body.carbon-calculator .travel-inputs .field {
      position: relative;
      text-align: left; }
    /* line 981, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field label,
    body.carbon-calculator .travel-inputs .field label {
      display: inline-block;
      position: relative;
      /*
      	    display: block;
      
      	    top: 0;
      	    transform: translateY(-50%);
      	    -webkit-transform: translateY(-50%);
      	    -moz-transform: translateY(-50%);
      */
      left: 0px;
      text-transform: uppercase;
      letter-spacing: .3em;
      color: #888888;
      height: 1.2em; }
    /* line 1001, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field select,
    body.carbon-calculator .travel-inputs .field select {
      margin: 0px;
      width: 100%;
      color: #000000;
      padding: 5px 0px 5px 0px;
      border: 0px;
      border-bottom: .5px solid #000000;
      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-black) calc(100% - 25px)/12px no-repeat transparent;
      outline-color: transparent;
      outline-style: none; }
    /* line 1020, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .field.notempty select,
    body.carbon-calculator .travel-inputs .field.notempty select {
      color: black !important; }
    /* line 1027, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .or-divider,
    body.carbon-calculator .travel-inputs .or-divider {
      padding: 45px 0px;
      display: block;
      position: relative; }
      /* line 1031, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results .or-divider .or-divider-inner,
      body.carbon-calculator .travel-inputs .or-divider .or-divider-inner {
        width: 125%;
        /*     border-bottom: 1px solid white; */
        margin: auto;
        text-align: center;
        position: absolute;
        /* margin: 10px 0px; */
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      /* line 1042, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results .or-divider .line1, body.carbon-calculator .calculator-results .or-divider .line2,
      body.carbon-calculator .travel-inputs .or-divider .line1,
      body.carbon-calculator .travel-inputs .or-divider .line2 {
        background-color: rgba(0, 0, 0, 0.3);
        height: 1px;
        display: inline-block;
        width: 45%;
        position: absolute;
        transform: translateY(-50%);
        top: 50%; }
      /* line 1051, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results .or-divider .line2,
      body.carbon-calculator .travel-inputs .or-divider .line2 {
        left: 55%; }
      /* line 1054, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results .or-divider .line1,
      body.carbon-calculator .travel-inputs .or-divider .line1 {
        right: 55%; }
      /* line 1057, sass/page/_carbon-calculator.scss */
      body.carbon-calculator .calculator-results .or-divider .or-text,
      body.carbon-calculator .travel-inputs .or-divider .or-text {
        color: #000000;
        opacity: .3; }
    /* line 1062, sass/page/_carbon-calculator.scss */
    body.carbon-calculator .calculator-results .cart-user-text a,
    body.carbon-calculator .travel-inputs .cart-user-text a {
      text-decoration: underline; }
  /* line 1070, sass/page/_carbon-calculator.scss */
  body.carbon-calculator.lang-th .field label {
    height: 1em; }
  /* line 1075, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5; }
  /* line 1078, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333; }
  /* line 1083, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em; }
  /* line 1087, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0; }
  /* line 1094, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default; }
  /* line 1100, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .ui-front {
    z-index: 100; }
  /* line 1105, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
  /* line 1110, sass/page/_carbon-calculator.scss */
  body.carbon-calculator .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em; }

/* line 3, sass/page/_ouractions.scss */
body.page-ouractions .content-area {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: none;
  /* background-size: 100% auto; */
  background-position: left bottom; }
  @media (min-width: 48em) {
    /* line 3, sass/page/_ouractions.scss */
    body.page-ouractions .content-area {
      background-size: 100% auto;
      background-position: bottom; } }
/* line 19, sass/page/_ouractions.scss */
body.page-ouractions .header3b {
  font-family: Value; }
/* line 24, sass/page/_ouractions.scss */
body.page-ouractions #header-section .header-title {
  text-align: center;
  letter-spacing: .3em;
  margin: 60px 0px 60px; }
  @media (min-width: 48em) {
    /* line 24, sass/page/_ouractions.scss */
    body.page-ouractions #header-section .header-title {
      margin: 90px 0px 60px; } }
/* line 34, sass/page/_ouractions.scss */
body.page-ouractions #header-section .header-description {
  text-align: center;
  color: #3B7575; }
  @media (min-width: 48em) {
    /* line 34, sass/page/_ouractions.scss */
    body.page-ouractions #header-section .header-description {
      margin: 30px -90px; } }
/* line 42, sass/page/_ouractions.scss */
body.page-ouractions #header-section .header-transition-text {
  text-align: center;
  border-top: 1px solid #707070;
  padding: 30px 0px 0px;
  margin: 30px 0px 0px; }
  @media (min-width: 48em) {
    /* line 42, sass/page/_ouractions.scss */
    body.page-ouractions #header-section .header-transition-text {
      padding: 30px 17%;
      margin: 0; } }
/* line 55, sass/page/_ouractions.scss */
body.page-ouractions #actions-section {
  margin: 110px 0px; }
  /* line 57, sass/page/_ouractions.scss */
  body.page-ouractions #actions-section .category {
    margin-bottom: 85px; }
    @media (min-width: 48em) {
      /* line 57, sass/page/_ouractions.scss */
      body.page-ouractions #actions-section .category {
        min-height: 350px; } }
  /* line 63, sass/page/_ouractions.scss */
  body.page-ouractions #actions-section .category:nth-child(1) .category-title {
    color: #F05A36; }
  /* line 66, sass/page/_ouractions.scss */
  body.page-ouractions #actions-section .category:nth-child(2) .category-title {
    color: #E9961A; }
  /* line 69, sass/page/_ouractions.scss */
  body.page-ouractions #actions-section .category:nth-child(3) .category-title {
    color: #329595; }
  /* line 72, sass/page/_ouractions.scss */
  body.page-ouractions #actions-section .category:nth-child(4) .category-title {
    color: #8B6A59; }
  /* line 75, sass/page/_ouractions.scss */
  body.page-ouractions #actions-section .category:nth-child(5) .category-title {
    color: #9F00BD; }
  /* line 78, sass/page/_ouractions.scss */
  body.page-ouractions #actions-section .category-title {
    margin: 0px -10px 40px 0px; }

/*
#festival-registration-form {
	@import "page/ticket_registration";
}
*/
/* line 1, sass/_footer.scss */
#footer {
  background-color: #f8f1e4;
  padding: 36px 0px 28px;
  /*
  	.menu3.medium {
  		color:#b1977a;
  		&:hover {
  			color: #8B6A59;
  			opacity: .7;
  		}
  	}
  */
  /*  Footer Start */
  padding: 0;
  /*  Footer End */ }
  /* 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: #830018;
    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: #8d2135;
    margin-bottom: 14px;
    margin-top: 20px; }
    @media (min-width: 48em) {
      /* line 26, sass/_footer.scss */
      #footer .headline-small2 {
        margin-top: 0px; } }
  /* line 44, sass/_footer.scss */
  #footer a.menu3.medium {
    text-decoration: underline;
    color: #b1977a; }
    @media (min-width: 48em) {
      /* line 44, sass/_footer.scss */
      #footer a.menu3.medium {
        margin-left: 12px; } }
    /* line 50, sass/_footer.scss */
    #footer a.menu3.medium:hover {
      color: #8B6A59;
      opacity: .7; }
    /* line 54, sass/_footer.scss */
    #footer a.menu3.medium:active {
      color: #8B6A59;
      opacity: .7; }
  /* line 59, sass/_footer.scss */
  #footer a {
    color: #b1977a; }
    /* line 61, sass/_footer.scss */
    #footer a:hover {
      color: #8B6A59; }
  /* line 65, sass/_footer.scss */
  #footer a.footer3 {
    font-weight: 500;
    line-height: 2; }
  /* line 69, sass/_footer.scss */
  #footer .footer-column {
    display: block;
    margin-bottom: 32px;
    vertical-align: top; }
    @media (min-width: 48em) {
      /* line 69, sass/_footer.scss */
      #footer .footer-column {
        display: inline-block;
        margin-bottom: 0px;
        margin-right: 36px; } }
    /* line 78, sass/_footer.scss */
    #footer .footer-column.align-right {
      text-align: left;
      margin-right: 0px;
      display: inline-block; }
      @media (min-width: 48em) {
        /* line 78, sass/_footer.scss */
        #footer .footer-column.align-right {
          float: right;
          text-align: right; } }
  /* line 88, sass/_footer.scss */
  #footer .first-row {
    margin-bottom: 0px; }
    @media (min-width: 48em) {
      /* line 88, sass/_footer.scss */
      #footer .first-row {
        margin-bottom: 100px; } }
    /* line 95, sass/_footer.scss */
    #footer .first-row ul.social li {
      display: inline-block;
      padding-left: 0px;
      padding-right: 20px; }
      @media (min-width: 48em) {
        /* line 95, sass/_footer.scss */
        #footer .first-row ul.social li {
          padding-left: 20px;
          padding-right: 0px;
          width: 45px;
          position: relative; } }
      /* line 106, sass/_footer.scss */
      #footer .first-row ul.social li i {
        font-size: 1.6em;
        color: #8d2135; }
        @media (min-width: 48em) {
          /* line 106, sass/_footer.scss */
          #footer .first-row ul.social li i {
            position: absolute;
            right: 0px;
            text-align: center; }
            /* line 114, sass/_footer.scss */
            #footer .first-row ul.social li i:hover {
              transform: scale(1.1); }
            /* line 119, sass/_footer.scss */
            #footer .first-row ul.social li i:active {
              color: #7D171B;
              transform: scale(1.1); } }
    /* line 129, sass/_footer.scss */
    #footer .first-row #footer-subscribe-form {
      display: inline-block; }
      /* line 131, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form input {
        border: solid 2px #8d2135;
        background-color: transparent;
        padding: 10px 20px;
        border-radius: 0px;
        float: left;
        width: 240px;
        letter-spacing: 2.8px;
        color: #8d2135; }
        @media (min-width: 48em) {
          /* line 131, sass/_footer.scss */
          #footer .first-row #footer-subscribe-form input {
            width: 280px;
            opacity: .8; } }
      /* line 145, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form ::-webkit-input-placeholder {
        color: #8d2135; }
      /* line 148, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form ::-moz-placeholder {
        color: #8d2135; }
      /* line 151, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form :-ms-input-placeholder {
        color: #8d2135; }
      /* line 154, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form :-moz-placeholder {
        color: #8d2135; }
      /* line 157, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form button {
        border: solid 2px #8d2135;
        background-color: transparent;
        border-left: 0px;
        float: left;
        padding: 12px 18px; }
        /* line 163, sass/_footer.scss */
        #footer .first-row #footer-subscribe-form button i {
          color: #8d2135; }
        @media (min-width: 48em) {
          /* line 157, sass/_footer.scss */
          #footer .first-row #footer-subscribe-form button {
            opacity: .8; } }
      /* line 173, 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;
        opacity: 1; }
      /* line 178, 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 {
        outline: none;
        border-left: 0px;
        opacity: 1; }
      /* line 190, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form.typing input {
        border: solid 2px #8d2135;
        outline: none;
        opacity: .7; }
      /* line 195, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form.typing button {
        outline: none;
        border: solid 2px #8d2135;
        background-color: #8d2135;
        color: #f8f1e4;
        border-left: 0px;
        opacity: .7; }
        /* line 201, sass/_footer.scss */
        #footer .first-row #footer-subscribe-form.typing button i {
          color: #f8f1e4; }
      /* line 207, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form.typing:hover input {
        opacity: .85; }
      /* line 210, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form.typing:hover button {
        opacity: .85; }
      /* line 215, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form.typing:active input {
        opacity: 1; }
      /* line 218, sass/_footer.scss */
      #footer .first-row #footer-subscribe-form.typing:active button {
        opacity: 1; }
    /* line 224, sass/_footer.scss */
    #footer .first-row .footer-column.align-right {
      margin-bottom: 0px; }
      /* line 227, sass/_footer.scss */
      #footer .first-row .footer-column.align-right li {
        margin-bottom: 20px; }
        /* line 229, sass/_footer.scss */
        #footer .first-row .footer-column.align-right li:first-child {
          margin-bottom: 40px; }
        @media (min-width: 48em) {
          /* line 227, sass/_footer.scss */
          #footer .first-row .footer-column.align-right li {
            margin-bottom: 45px; }
            /* line 234, sass/_footer.scss */
            #footer .first-row .footer-column.align-right li:first-child {
              margin-bottom: 45px; } }
  /* line 244, sass/_footer.scss */
  #footer .second-row .footer-fineprint {
    margin-bottom: 0px; }
    /* line 246, sass/_footer.scss */
    #footer .second-row .footer-fineprint li {
      display: inline-block;
      padding-right: 20px;
      padding: 5px 0px;
      color: #b1977a; }
      /* line 249, sass/_footer.scss */
      #footer .second-row .footer-fineprint li:first-child {
        display: block; }
        @media (min-width: 48em) {
          /* line 249, sass/_footer.scss */
          #footer .second-row .footer-fineprint li:first-child {
            display: inline-block; } }
      @media (min-width: 48em) {
        /* line 246, sass/_footer.scss */
        #footer .second-row .footer-fineprint li {
          padding: 0px; } }
  /* line 262, sass/_footer.scss */
  #footer .second-row .footer-column.align-right {
    position: relative;
    margin-bottom: 0px; }
    /* line 266, sass/_footer.scss */
    #footer .second-row .footer-column.align-right .scratchfirst-logo {
      width: 97px;
      position: absolute;
      bottom: -12px;
      right: 0px; }
  /* line 273, sass/_footer.scss */
  #footer .second-row .scratchfirst-logo.mobile-only {
    width: 90px;
    padding: 10px 0px; }
  /* line 278, 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 278, sass/_footer.scss */
      #footer .dropdown-menu {
        padding: 0px;
        margin: 0px;
        display: block; }
        /* line 302, sass/_footer.scss */
        #footer .dropdown-menu > li > a {
          padding: 0px;
          font-weight: 500; } }
    /* line 308, sass/_footer.scss */
    #footer .dropdown-menu .dropdown-menu > li > a:after {
      border-bottom: 1px solid #171717; }
  /* line 314, 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 314, sass/_footer.scss */
      #footer .dropdown .dropdown-toggle::after {
        display: none; } }
  /* line 327, sass/_footer.scss */
  #footer .dropdown.open > .dropdown-toggle::after {
    content: '\f106'; }
  /* line 331, 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; }
  /* line 338, sass/_footer.scss */
  #footer .dropdown-menu > li > a:after {
    border-bottom: 2px solid #171717;
    display: none; }
  /* line 347, sass/_footer.scss */
  #footer .footer-top {
    padding: 60px 0; }
  /* line 349, sass/_footer.scss */
  #footer .footer-top .footer-column {
    margin-bottom: 60px; }
  /* line 351, sass/_footer.scss */
  #footer .footer-top .footer-column:last-child {
    margin-bottom: 0; }
  /* line 353, sass/_footer.scss */
  #footer -subscribe-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  /* line 359, sass/_footer.scss */
  #footer .headline-small2 {
    margin: 0 0 40px 0; }
  /* line 361, sass/_footer.scss */
  #footer .first-row .footer-column.align-right li {
    margin-bottom: 0; }
  /* line 363, sass/_footer.scss */
  #footer .first-row .social-wrap .social li i {
    position: relative; }
  /* line 365, sass/_footer.scss */
  #footer .second-row .copyright {
    color: #B1977A;
    display: block;
    margin-bottom: 60px; }
  /* line 369, sass/_footer.scss */
  #footer .second-row ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  /* line 376, sass/_footer.scss */
  #footer .second-row li {
    padding: 0;
    margin-right: 25px; }
  /* line 379, sass/_footer.scss */
  #footer .second-row li:last-child {
    margin-right: 0; }
  /* line 381, sass/_footer.scss */
  #footer .footer-fineprint {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    align-items: center; }
  /* line 389, sass/_footer.scss */
  #footer .scratchfirst-logo {
    width: 140px;
    margin-bottom: 10px;
    display: block; }
  /* line 394, sass/_footer.scss */
  #footer .footer-top {
    background: #f8f1e4; }
  /* line 397, sass/_footer.scss */
  #footer .community-block {
    background: #f4ecde;
    text-align: center;
    position: relative;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #E8D6C3;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #E8D6C3; }
  /* line 407, sass/_footer.scss */
  #footer .community-block:before {
    content: '';
    width: 100%;
    height: 2px;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #E8D6C3; }
  /* line 423, sass/_footer.scss */
  #footer .community-wrap {
    text-align: center; }
  /* line 426, sass/_footer.scss */
  #footer .footer-subscribe {
    padding: 60px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    align-items: center; }
  /* line 436, sass/_footer.scss */
  #footer .social-wrap {
    padding: 60px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    align-items: center; }
  /* line 445, sass/_footer.scss */
  #footer .social-wrap ul {
    margin-bottom: 0; }
  /* line 448, sass/_footer.scss */
  #footer .footer-bottom {
    padding: 70px 0 20px;
    background: #f4ecde; }
  @media all and (min-width: 768px) {
    /* line 1, sass/_footer.scss */
    #footer {
      /*  Footer Start */
      /*  Footer End */ }
      /* line 455, sass/_footer.scss */
      #footer .footer-top {
        padding: 40px 0; }
      /* line 457, sass/_footer.scss */
      #footer .footer-top .footer-column {
        margin-bottom: 0; }
      /* line 459, sass/_footer.scss */
      #footer .footer-container {
        width: 750px; }
      /* line 461, sass/_footer.scss */
      #footer .first-row {
        margin-bottom: 0; }
      /* line 463, sass/_footer.scss */
      #footer .first-row .footer-column {
        margin-right: 4px; }
      /* line 465, sass/_footer.scss */
      #footer .first-row .footer-column:last-child {
        margin-right: 0; }
      /* line 467, sass/_footer.scss */
      #footer .community-block .first-row {
        padding-bottom: 0; }
      /* line 469, sass/_footer.scss */
      #footer .second-row {
        padding-top: 20px; }
      /* line 471, sass/_footer.scss */
      #footer .second-row .copyright {
        display: block;
        margin: 0 20px 0 0; }
      /* line 474, sass/_footer.scss */
      #footer .second-row .footer-fineprint {
        flex-flow: row;
        align-items: center;
        justify-content: center; }
      /* line 478, sass/_footer.scss */
      #footer .second-row .footer-fineprint li {
        display: block; }
      /* line 480, sass/_footer.scss */
      #footer .second-row .footer-fineprint li a {
        display: block; }
      /* line 482, sass/_footer.scss */
      #footer .scratchfirst-logo {
        width: 100px;
        margin: 0 35px 0 0; }
      /* line 486, sass/_footer.scss */
      #footer .footer-bottom {
        padding: 20px 0; } }
  @media all and (min-width: 992px) {
    /* line 1, sass/_footer.scss */
    #footer {
      /*  Footer Start */
      /*  Footer End */ }
      /* line 493, sass/_footer.scss */
      #footer .footer-container {
        width: 960px; }
      /* line 495, sass/_footer.scss */
      #footer .first-row .footer-column {
        margin-right: 45px; } }
  @media all and (min-width: 1200px) {
    /* line 1, sass/_footer.scss */
    #footer {
      /*  Footer Start */
      /*  Footer End */ }
      /* line 502, sass/_footer.scss */
      #footer .headline-small2 {
        margin: 0 20px 0 0; }
      /* line 504, sass/_footer.scss */
      #footer .footer-container {
        width: 1160px; }
      /* line 506, sass/_footer.scss */
      #footer .first-row .footer-column {
        margin-right: 50px; }
      /* line 509, sass/_footer.scss */
      #footer .community-block {
        text-align: center; }
      /* line 511, sass/_footer.scss */
      #footer .community-block:before {
        display: none; }
      /* line 513, sass/_footer.scss */
      #footer .community-block:after {
        content: '';
        width: 2px;
        height: 100%;
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #E8D6C3; }
      /* line 529, sass/_footer.scss */
      #footer .community-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
      /* line 536, sass/_footer.scss */
      #footer .footer-subscribe {
        padding: 50px 0;
        width: 50%;
        flex-flow: row;
        justify-content: center;
        order: 2; }
      /* line 543, sass/_footer.scss */
      #footer .social-wrap {
        padding: 50px 0;
        width: 50%;
        flex-flow: row;
        justify-content: center;
        order: 1; } }
  @media all and (min-width: 1366px) {
    /* line 1, sass/_footer.scss */
    #footer {
      /*  Footer Start */
      /*  Footer End */ }
      /* line 554, sass/_footer.scss */
      #footer .footer-container {
        width: 1230px; }
      /* line 556, sass/_footer.scss */
      #footer .first-row .footer-column {
        margin-right: 70px; } }

/* line 564, sass/_footer.scss */
#footer.moobaan-footer {
  background-color: black; }
  /* line 567, sass/_footer.scss */
  #footer.moobaan-footer .community-block {
    background: black;
    text-align: center;
    position: relative;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: white;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: white; }
    /* line 577, sass/_footer.scss */
    #footer.moobaan-footer .community-block:before {
      background-color: white; }
    /* line 580, sass/_footer.scss */
    #footer.moobaan-footer .community-block:after {
      background-color: white; }
  /* line 584, sass/_footer.scss */
  #footer.moobaan-footer .footer-bottom {
    background: black; }
  /* line 587, sass/_footer.scss */
  #footer.moobaan-footer a.menu3.medium,
  #footer.moobaan-footer .headline-small2,
  #footer.moobaan-footer .second-row .copyright,
  #footer.moobaan-footer .first-row ul.social li i {
    color: white; }
  /* line 595, sass/_footer.scss */
  #footer.moobaan-footer .first-row #footer-subscribe-form input {
    border: solid 1px white;
    color: white; }
  /* line 599, sass/_footer.scss */
  #footer.moobaan-footer .first-row #footer-subscribe-form ::-webkit-input-placeholder {
    color: white; }
  /* line 602, sass/_footer.scss */
  #footer.moobaan-footer .first-row #footer-subscribe-form ::-moz-placeholder {
    color: white; }
  /* line 605, sass/_footer.scss */
  #footer.moobaan-footer .first-row #footer-subscribe-form :-ms-input-placeholder {
    color: white; }
  /* line 608, sass/_footer.scss */
  #footer.moobaan-footer .first-row #footer-subscribe-form :-moz-placeholder {
    color: white; }
  /* line 611, sass/_footer.scss */
  #footer.moobaan-footer .first-row #footer-subscribe-form button {
    border: solid 1px white; }
    /* line 613, sass/_footer.scss */
    #footer.moobaan-footer .first-row #footer-subscribe-form button i {
      color: white; }
  /* line 618, sass/_footer.scss */
  #footer.moobaan-footer .first-row #footer-subscribe-form.typing input {
    border: solid 1px white; }
  /* line 621, sass/_footer.scss */
  #footer.moobaan-footer .first-row #footer-subscribe-form.typing button {
    border: solid 1px white;
    background-color: white;
    color: #f8f1e4; }
    /* line 625, sass/_footer.scss */
    #footer.moobaan-footer .first-row #footer-subscribe-form.typing button i {
      color: #f8f1e4; }

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

Main Components

-------------------------------- */
/* line 6, sass/_cart.scss */
#cd-product-donationtickettypeid {
  display: none; }

/* line 9, 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 25, sass/_cart.scss */
.cd-cart-container.cart-open::before {
  opacity: 1;
  visibility: visible; }

/* line 30, 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 47, sass/_cart.scss */
.cart-open .cd-cart-trigger,
.cart-open .cd-cart {
  bottom: 0px;
  right: 0px; }

@media (min-width: 34em) {
  /* line 54, sass/_cart.scss */
  .cart-open .cd-cart-trigger,
  .cart-open .cd-cart,
  .cd-cart-trigger,
  .cd-cart {
    bottom: 0px;
    right: 0px; } }
/* line 65, 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 84, 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 99, sass/_cart.scss */
.cart-open .cd-cart-trigger {
  background-image: none; }

/* line 102, sass/_cart.scss */
.cd-cart-trigger.hyphen {
  position: absolute;
  text-indent: unset;
  width: auto;
  height: 40px;
  font-size: 26px;
  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 121, sass/_cart.scss */
  .cd-cart-trigger.hyphen {
    top: 10px; } }
/* line 125, 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 145, 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 149, 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 157, sass/_cart.scss */
.cart-open .cd-cart-trigger::before {
  opacity: 0; }

/* line 160, 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 166, 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 183, 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 196, sass/_cart.scss */
.cd-cart-trigger .count li:last-of-type {
  visibility: hidden; }

/* line 199, 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 205, 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 211, 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 220, 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 226, sass/_cart.scss */
.cd-cart-trigger:hover + div .wrapper {
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3); }

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

/* line 233, 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 242, sass/_cart.scss */
  .cd-cart {
    /* cart content */
    width: 90%;
    max-width: 543px;
    height: 100%;
    max-height: 100%; } }
/* line 250, sass/_cart.scss */
.cd-cart .wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
  height: 100%;
  /*   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;
  padding-top: 10px;
  transform: translate3d(110%, 0, 0); }

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

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

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

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

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

/* line 299, 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 310, sass/_cart.scss */
.cd-cart .undo a {
  text-decoration: underline;
  color: #b0b0b0; }

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

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

/* line 322, sass/_cart.scss */
.cd-cart .wrapper {
  background-color: #FFFCF8; }

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

/* line 341, 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 362, sass/_cart.scss */
.cd-cart .body .product::after {
  clear: both;
  content: "";
  display: block; }

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

/* line 371, 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 382, 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 386, 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 392, 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 398, 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 404, sass/_cart.scss */
.cd-cart .product-image img {
  display: block; }

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

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

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

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

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

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

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

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

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

/* line 447, sass/_cart.scss */
.cart-open .cd-cart .wrapper {
  height: 100%;
  width: 100%;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  background-color: #FFFCF8;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all .5s;
  padding-top: 10px;
  transform: translate3d(0, 0, 0); }

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

/* line 470, 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 476, sass/_cart.scss */
.cart-open .cd-cart .body {
  -webkit-transition: opacity .2s .2s;
  transition: opacity .2s .2s; }

/* line 480, 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 490, sass/_cart.scss */
.cart-open .cd-cart .body .product:nth-of-type(2) {
  -webkit-transition-duration: .4s;
  transition-duration: .4s; }

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

/* line 498, 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 505, sass/_cart.scss */
  .cd-cart .body .product:not(:last-of-type) {
    margin-bottom: 14px; }

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

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

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

  /* line 519, 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 717, sass/_cart.scss */
.cd-cart-container {
  z-index: 1040; }

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

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

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

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

/* line 745, sass/_cart.scss */
.subtotal span.before-discount,
.subtotal span.final {
  margin-left: 30px; }

/* line 750, 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 759, sass/_cart.scss */
.cd-cart .body ul {
  list-style: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 934, sass/_cart.scss */
.promo-code-text {
  color: #c0c0c0;
  height: 30px;
  line-height: 30px; }
  /* line 938, sass/_cart.scss */
  .promo-code-text > span {
    letter-spacing: 1.3px; }

/* line 942, 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 949, 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 955, sass/_cart.scss */
.promo-code-toggle i.fa-minus-circle:hover {
  color: #e0e0e0; }

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

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

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

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

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

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

@media (min-width: 30em) {
  /* line 986, sass/_cart.scss */
  .promo-code-input-container.closed-container {
    width: 350px; } }
/* line 991, 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: 31px;
  vertical-align: top;
  letter-spacing: 1.3px; }

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

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

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

/* line 1018, sass/_cart.scss */
.wrapper-discount .discount-input-group .discount-button {
  color: #3B7575;
  text-shadow: none;
  border-color: #3B7575;
  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 1032, sass/_cart.scss */
.typing .wrapper-discount .discount-input-group .discount-button {
  background-color: rgba(59, 117, 117, 0.2);
  pointer-events: auto; }

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

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

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

/* line 1050, sass/_cart.scss */
.before-discount-thb:after,
.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 1061, sass/_cart.scss */
.discount-error {
  text-align: left;
  margin: 7px 7px;
  color: #3B7575; }

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

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

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

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

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

/* line 1081, 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 1094, sass/_cart.scss */
.cd-cart .body .table {
  margin-bottom: 10px; }

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

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

/* line 1107, 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 #E0E0E0; }

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

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

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

/* line 1122, sass/_cart.scss */
.continue-shopping {
  flex: 1;
  line-height: 16px;
  color: #B0B0B0;
  text-transform: uppercase;
  padding-top: 14px;
  letter-spacing: 1.3px; }
  @media (min-width: 48em) {
    /* line 1122, sass/_cart.scss */
    .continue-shopping {
      padding-top: 28px; } }

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

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

/* line 1151, sass/_cart.scss */
.recommendations {
  background-color: #F8F1E4; }
  /* line 1153, sass/_cart.scss */
  .recommendations .add-to-cart {
    line-height: 14px;
    padding: 5px 5px;
    width: initial;
    letter-spacing: 2.8px; }
  /* line 1159, sass/_cart.scss */
  .recommendations .button-container {
    text-align: center; }
    /* line 1161, sass/_cart.scss */
    .recommendations .button-container .add-to-cart {
      line-height: 11px;
      padding: 7px 15px;
      background-color: transparent;
      border: none;
      color: #171717;
      margin: 0px;
      padding: 20px 0px 5px;
      float: right;
      color: #b0b0b0;
      letter-spacing: 2px;
      text-align: right;
      width: unset; }
      /* line 1176, sass/_cart.scss */
      .recommendations .button-container .add-to-cart:hover {
        color: #171717;
        background-color: transparent; }
      /* line 1180, sass/_cart.scss */
      .recommendations .button-container .add-to-cart:active {
        background-color: transparent;
        color: #171717;
        opacity: .8; }
  /* line 1189, sass/_cart.scss */
  .recommendations .pic {
    margin: 15px 0px; }
  /* line 1197, 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 1208, sass/_cart.scss */
  .recommendations #ticket-recommendations .recommendation-container,
  .recommendations #accomodation-recommendations .recommendation-container {
    margin: 0px 0px;
    padding: 0px; }

/* line 1214, sass/_cart.scss */
.continue-shopping:hover {
  color: #171717; }

/* line 1217, sass/_cart.scss */
.continue-shopping:active {
  color: #171717;
  opacity: .8; }

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

/* line 1227, sass/_cart.scss */
.recommendations-title > div {
  display: inline;
  width: 65px;
  position: absolute;
  right: 0px;
  top: 50%; }

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

@media (min-width: 380px) {
  /* line 1241, sass/_cart.scss */
  .recommendations-title > div {
    display: inline;
    width: 65px;
    position: absolute;
    right: 0px;
    top: unset; } }
@media (min-width: 30em) {
  /* line 1250, sass/_cart.scss */
  .checkout-footer {
    display: flex;
    /*
            height: 77px;
    		margin-bottom: 15px;                   
    */
    height: 40px;
    margin-bottom: 15px; }

  /* line 1261, 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 1268, sass/_cart.scss */
  .recommendations .button-container .add-to-cart {
    line-height: 16px;
    padding: 12px 0px;
    margin: 0px; }

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

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

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

  /* line 1301, 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 1319, sass/_cart.scss */
.recommendations .single-reccommendation-container {
  width: 185px; }

/* line 1323, sass/_cart.scss */
#ticket-recommendations .slick-arrow {
  color: #171717;
  position: relative;
  display: inline-block;
  transform: none;
  top: 0%;
  float: left;
  cursor: pointer;
  background-color: transparent;
  box-shadow: unset;
  padding: 7px 0px;
  height: 30px;
  width: 30px; }
  /* line 1336, sass/_cart.scss */
  #ticket-recommendations .slick-arrow:before {
    float: right; }

/* line 1341, sass/_cart.scss */
#accomodation-recommendations .slick-arrow {
  color: #171717;
  position: relative;
  display: inline-block;
  transform: none;
  top: 0%;
  float: left;
  cursor: pointer;
  background-color: transparent;
  box-shadow: unset;
  padding: 7px 0px;
  height: 30px;
  width: 30px; }
  /* line 1355, sass/_cart.scss */
  #accomodation-recommendations .slick-arrow:before {
    float: right; }

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

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

/* line 1367, sass/_cart.scss */
.cd-cart .header-small,
.cd-cart .footer2 {
  color: #000000; }

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

/* line 1375, sass/_cart.scss */
body.lang-th .cd-cart a.checkout {
  letter-spacing: 2.5px; }

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

/* line 1384, 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 1392, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration header .btn-back {
  color: white; }

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

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

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

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

/* line 1408, 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 1412, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .cart-user-text {
  margin: 30px 0px; }

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

/* line 1420, 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 1430, sass/_cart.scss */
  .cart-open .cd-cart .wrapper.cart-user-registration header {
    padding: 22px;
    font-size: 1.2em; } }
/* line 1435, 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 1443, sass/_cart.scss */
.cart-open .cd-cart .wrapper.cart-user-registration .body {
  width: 294px;
  padding: 0px !important;
  text-align: center;
  margin: auto; }

/* line 1449, 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 1457, sass/_cart.scss */
.cart-open .cd-cart #cart-signup.wrapper.cart-user-registration .or-divider {
  padding: 24px 0px;
  display: block;
  position: relative; }

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

/* line 1468, 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 1480, 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 1485, 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 1497, 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 1501, 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 1506, sass/_cart.scss */
.cart-open .cd-cart #cart-login-email .signup-inputs {
  margin-top: 110px; }

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

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

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

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

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

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

/* line 1531, 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 1542, sass/_cart.scss */
.signup-inputs button.user-button-standard:hover {
  background-color: #3B7575; }

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

/* line 1548, 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 1560, sass/_cart.scss */
.signup-inputs button.user-button-icon:hover {
  background-color: white; }

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

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

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

/* line 1572, 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 1582, sass/_cart.scss */
.signup-inputs button.user-button-icon .header-small {
  width: calc(100% - 48px);
  display: inline-block;
  line-height: 44px; }

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

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

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

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

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

/* line 1604, 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 1613, 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 1633, sass/_cart.scss */
.signup-inputs .field.notempty select {
  color: white !important; }

/* line 1636, sass/_cart.scss */
.field-container-2 {
  display: inline-block;
  width: 100%; }
  /* line 1639, sass/_cart.scss */
  .field-container-2 > div:first-child {
    width: 45%;
    float: left; }
  /* line 1643, sass/_cart.scss */
  .field-container-2 > div:last-child {
    width: 45%;
    float: right; }
  @media (min-width: 48em) {
    /* line 1648, sass/_cart.scss */
    .field-container-2 > div:first-child {
      width: 48%; }
    /* line 1651, sass/_cart.scss */
    .field-container-2 > div:last-child {
      width: 48%; } }

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

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

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

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

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

/* line 1676, sass/_cart.scss */
.cd-cart-container .loading {
  background-size: cover;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1100;
  display: none; }

/* line 1691, sass/_cart.scss */
.cd-cart-container .loading .payment-site-text {
  display: none;
  display: block; }

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

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

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

/* line 1714, sass/_cart.scss */
.cd-cart-container .loading .body1,
.cd-cart-container .loading .menu4 {
  color: black;
  text-transform: none;
  margin: 14px 0px;
  line-height: 1.38;
  letter-spacing: 0.8px;
  margin-top: -50px; }

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

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

/* line 1749, sass/_cart.scss */
.cd-cart-container .add-to-cart {
  color: #FFFFFF;
  line-height: 36px;
  text-align: center;
  min-width: 155px;
  width: 56%;
  background-color: #3B7575;
  padding: 5px 0px;
  display: inline-block;
  text-transform: uppercase; }
  /* line 1759, sass/_cart.scss */
  .cd-cart-container .add-to-cart:after {
    padding: 5px 0px; }
  @media (min-width: 48em) {
    /* line 1749, sass/_cart.scss */
    .cd-cart-container .add-to-cart {
      padding: 3px 5px 5px;
      width: 172px;
      line-height: 35px; }
      /* line 1768, sass/_cart.scss */
      .cd-cart-container .add-to-cart:after {
        padding: 3px 5px 5px; } }
  /* line 1772, sass/_cart.scss */
  .cd-cart-container .add-to-cart:hover {
    /*
    			background-color: rgb(97,157,153);	
    			color: white;	
    */ }
  /* line 1778, sass/_cart.scss */
  .cd-cart-container .add-to-cart:active {
    background-color: #336565;
    color: white; }

/* line 1784, sass/_cart.scss */
.recommendations #ticket-recommendations .recommendation-add-to-cart .add-to-cart {
  width: 80px;
  min-width: 80px;
  padding: 0px; }
  @media (min-width: 48em) {
    /* line 1784, sass/_cart.scss */
    .recommendations #ticket-recommendations .recommendation-add-to-cart .add-to-cart {
      min-width: 155px;
      padding: 5px 0;
      width: 145px; } }