@charset "UTF-8";
/*
Theme Name: GHOST2561
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Version: 2019.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2019 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
/* _variables.scss */
/* COLOR */
/* FONT */
/* _functions.scss */
.show {
  display: flex !important; }

.hide {
  display: none; }

@media (max-width: 768px) {
  #header.slide-show {
    transform: translateY(100vh); } }
@media (max-width: 768px) {
  #header.slide-hide {
    transform: translateY(0); } }

#footer.slide-show {
  transform: translateX(calc(-25vw + 60px)); }
  @media (max-width: 768px) {
    #footer.slide-show {
      height: 100vh;
      transform: unset;
      top: 0;
      z-index: 1000; } }
#footer.slide-hide {
  transform: translateX(0); }
  @media (max-width: 768px) {
    #footer.slide-hide {
      transform: unset; } }
#footer .rotate-show {
  transform: rotate(180deg); }
  @media (max-width: 768px) {
    #footer .rotate-show {
      transform: rotate(-90deg); } }
#footer .rotate-hide {
  transform: rotate(0); }
  @media (max-width: 768px) {
    #footer .rotate-hide {
      transform: rotate(90deg); } }

/* _reset.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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

button {
  outline: 0; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

q {
  display: inline;
  font-style: italic; }

q:before {
  content: '"';
  font-style: normal; }

q:after {
  content: '"';
  font-style: normal; }

textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th, td {
  padding: 2px; }

big {
  font-size: 120%; }

small, sup, sub {
  font-size: 80%; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

dd {
  margin-left: 20px; }

kbd, tt {
  font-family: courier;
  font-size: 12px; }

ins {
  text-decoration: underline; }

del, strike, s {
  text-decoration: line-through; }

dt {
  font-weight: bold; }

address, cite, var {
  font-style: italic; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

/* _typography.scss */
@font-face {
  font-family: "HelveticaLTThai";
  src: url("/wp-content/themes/ghost2561/assets/font/HelveticaLTThaiRegular.otf") format("opentype"); }
body {
  font-family: "HelveticaLTThai", sans-serif; }

a {
  color: black;
  text-decoration: none; }

/* _cos.scss */
.cos .cover-img {
  padding-bottom: 35px;
  width: 50%; }
  @media (max-width: 992px) {
    .cos .cover-img {
      width: 100%; } }
  .cos .cover-img img {
    height: 100%;
    width: 100%; }
.cos.information {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .cos.information .text {
    display: flex;
    margin: 0 -12px; }
    .cos.information .text p {
      padding: 0 12px 12px 12px; }
    @media (max-width: 768px) {
      .cos.information .text {
        flex-direction: column; } }
    .cos.information .text .left-column, .cos.information .text .right-column {
      width: 50%; }
      @media (max-width: 768px) {
        .cos.information .text .left-column, .cos.information .text .right-column {
          width: unset; } }
.cos.storytellers {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .cos.storytellers .text {
    margin: 0 -12px; }
    .cos.storytellers .text ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      .cos.storytellers .text ul li {
        margin-bottom: 35px;
        padding: 0 12px;
        width: 50%; }
        .cos.storytellers .text ul li .name {
          padding-bottom: 6px;
          text-transform: uppercase; }
        .cos.storytellers .text ul li .bio {
          color: #808080; }
        @media (max-width: 768px) {
          .cos.storytellers .text ul li {
            width: 100%; } }
.cos.storytellers-bef .gallery-wrapper {
  align-items: center;
  display: flex;
  justify-content: center; }
  .cos.storytellers-bef .gallery-wrapper .gallery {
    width: 50%; }
    @media (max-width: 992px) {
      .cos.storytellers-bef .gallery-wrapper .gallery {
        width: 100%; } }
.cos.storytellers-bef .content li {
  margin-bottom: 16px; }
  .cos.storytellers-bef .content li p em {
    color: #808080; }
.cos.storytellers-bef .editorial-team ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .cos.storytellers-bef .editorial-team ul li {
    padding: 0 12px;
    width: 50%; }
    .cos.storytellers-bef .editorial-team ul li .name {
      text-transform: uppercase; }
    .cos.storytellers-bef .editorial-team ul li .bio {
      color: #808080; }
    @media (max-width: 768px) {
      .cos.storytellers-bef .editorial-team ul li {
        width: 100%; } }
.cos.storytellers-bef .head {
  padding: 35px 0 30px;
  text-align: center;
  text-transform: uppercase; }
.cos.storytellers-bef .text p {
  padding-bottom: 12px; }

.cos-menu {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  width: 100%; }
  @media (max-width: 768px) {
    .cos-menu {
      margin-top: 12px;
      margin-bottom: 0; } }
  .cos-menu ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .cos-menu ul li {
      background: #e0e0e0;
      border-radius: 6px;
      cursor: pointer;
      margin: 6px;
      padding: 8px 16px 12px; }
      .cos-menu ul li.current-menu-item {
        background: #c9c9c9; }

.single-chapters .chapters .gallery-wrapper {
  align-items: center;
  display: flex;
  justify-content: center; }
  .single-chapters .chapters .gallery-wrapper .gallery {
    width: 60%; }
    @media (max-width: 992px) {
      .single-chapters .chapters .gallery-wrapper .gallery {
        width: 100%; } }
.single-chapters .chapters .text {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 -12px; }
  .single-chapters .chapters .text .left-column, .single-chapters .chapters .text .right-column {
    padding: 0 12px 12px 12px;
    width: 50%; }
    @media (max-width: 768px) {
      .single-chapters .chapters .text .left-column, .single-chapters .chapters .text .right-column {
        width: unset; } }
    .single-chapters .chapters .text .left-column h1, .single-chapters .chapters .text .right-column h1 {
      margin-bottom: 12px;
      text-align: center; }
    .single-chapters .chapters .text .left-column p, .single-chapters .chapters .text .right-column p {
      color: #808080;
      margin-bottom: 12px; }
  .single-chapters .chapters .text .right-column {
    padding: 0 12px 12px 12px; }
    .single-chapters .chapters .text .right-column p {
      color: #808080; }
  @media (max-width: 768px) {
    .single-chapters .chapters .text {
      flex-direction: column; } }
.single-chapters .chapters .heading {
  display: flex;
  font-size: 26px;
  justify-content: center;
  padding-bottom: 28px;
  text-align: center; }
  @media (max-width: 768px) {
    .single-chapters .chapters .heading {
      font-size: 15px;
      line-height: 20px; } }
.single-chapters .chapters .speaker-heading {
  padding: 35px 0 30px;
  text-align: center;
  text-transform: uppercase; }
.single-chapters .chapters .speaker {
  margin: 0 -12px; }
  .single-chapters .chapters .speaker ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .single-chapters .chapters .speaker ul li {
      margin-bottom: 35px;
      padding: 0 12px;
      width: 50%; }
      .single-chapters .chapters .speaker ul li .name {
        padding-bottom: 6px;
        text-transform: uppercase; }
      .single-chapters .chapters .speaker ul li .bio {
        color: #808080; }
      @media (max-width: 768px) {
        .single-chapters .chapters .speaker ul li {
          width: 100%; } }

/* _information.scss */
.information.ghost2561 {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .information.ghost2561 .video {
    width: 70%; }
    @media (max-width: 992px) {
      .information.ghost2561 .video {
        width: 100%; } }
  .information.ghost2561 .text {
    width: 70%; }
    @media (max-width: 992px) {
      .information.ghost2561 .text {
        width: 100%; } }
    .information.ghost2561 .text p {
      padding-bottom: 12px; }
  .information.ghost2561 .about-gh-fd {
    width: 70%; }
    @media (max-width: 992px) {
      .information.ghost2561 .about-gh-fd {
        width: 100%; } }
    .information.ghost2561 .about-gh-fd .head {
      padding: 35px 0 30px;
      text-align: center; }
    .information.ghost2561 .about-gh-fd .logo-area {
      align-items: center;
      display: flex;
      justify-content: space-evenly; }
      .information.ghost2561 .about-gh-fd .logo-area img {
        height: 25%;
        width: 25%; }
        @media (max-width: 768px) {
          .information.ghost2561 .about-gh-fd .logo-area img {
            height: 35%;
            width: 35%; } }
    .information.ghost2561 .about-gh-fd p {
      padding-bottom: 12px; }
.information.curator {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .information.curator .cover-img {
    padding-bottom: 35px;
    width: 50%; }
    @media (max-width: 992px) {
      .information.curator .cover-img {
        width: 100%; } }
    .information.curator .cover-img img {
      height: 100%;
      width: 100%; }
  .information.curator .text {
    width: 70%; }
    @media (max-width: 992px) {
      .information.curator .text {
        width: 100%; } }
    .information.curator .text p {
      padding-bottom: 12px; }
.information.team .team ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -12px; }
  .information.team .team ul li {
    padding: 0 12px 24px 12px;
    width: 33.333333%; }
@media (min-width: 577px) and (max-width: 768px) {
  .information.team .team ul li {
    padding: 9px;
    width: 50%; } }

    @media (max-width: 576px) {
      .information.team .team ul li {
        margin-bottom: 35px;
        width: 100%; } }
  .information.team .team ul .role {
    font-size: 26px;
    padding-bottom: 12px; }
  .information.team .team ul .member {
    color: #808080;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase; }
.information.venues .venue ul li {
  margin-bottom: 35px; }
  .information.venues .venue ul li .name-wrapper {
    display: flex; }
    .information.venues .venue ul li .name-wrapper img {
      height: 18px;
      margin: 0 10px;
      width: 18px; }
.information.visual-archive ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -12px; }
  .information.visual-archive ul li {
    margin-bottom: 35px;
    padding: 0 12px; }
    .information.visual-archive ul li img {
      width: 100%; }
@media (min-width: 577px) and (max-width: 768px) {
  .information.visual-archive ul li {
    width: 100% !important; } }

    @media (max-width: 576px) {
      .information.visual-archive ul li {
        width: 100% !important; } }

.map .map-img img {
  height: auto;
  width: 100%; }

/* _video-installation.scss */
.video-inst.thumb-head {
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px; }
  .video-inst.thumb-head .artist-name {
    text-transform: uppercase; }
  .video-inst.thumb-head .artwork-location {
    text-transform: uppercase; }

.video-inst.entry-wrapper .gallery-wrapper {
  align-items: center;
  display: flex;
  justify-content: center; }
  .video-inst.entry-wrapper .gallery-wrapper .gallery {
    width: 60%; }
    @media (max-width: 992px) {
      .video-inst.entry-wrapper .gallery-wrapper .gallery {
        width: 100%; } }
.video-inst.entry-wrapper .info {
  font-size: 26px;
  line-height: 32px; }
  .video-inst.entry-wrapper .info .head {
    padding-bottom: 30px; }
    .video-inst.entry-wrapper .info .head .artist-name {
      text-transform: uppercase; }
    .video-inst.entry-wrapper .info .head .date {
      padding-bottom: 12px; }
    .video-inst.entry-wrapper .info .head .location {
      display: flex; }
      .video-inst.entry-wrapper .info .head .location .artwork-location {
        text-transform: uppercase; }
      .video-inst.entry-wrapper .info .head .location img {
        height: 18px;
        margin: 0 10px;
        width: 18px; }
  .video-inst.entry-wrapper .info .content {
    font-size: 15px;
    line-height: 20px; }
    .video-inst.entry-wrapper .info .content p {
      padding-bottom: 12px; }

/* _public-program.scss */
.public-program.thumb-head {
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px; }
  .public-program.thumb-head .event-heading {
    text-transform: uppercase;
    padding-bottom: 16px; }
  .public-program.thumb-head .event-subheading {
    padding-bottom: 16px; }

.public-program.entry-wrapper .gallery-wrapper {
  align-items: center;
  display: flex;
  justify-content: center; }
  .public-program.entry-wrapper .gallery-wrapper .gallery {
    width: 50%; }
    @media (max-width: 992px) {
      .public-program.entry-wrapper .gallery-wrapper .gallery {
        width: 100%; } }
.public-program.entry-wrapper .info {
  font-size: 26px;
  line-height: 32px; }
  .public-program.entry-wrapper .info .head {
    padding-bottom: 30px; }
    .public-program.entry-wrapper .info .head .date {
      padding-bottom: 12px; }
    .public-program.entry-wrapper .info .head .place {
      text-transform: uppercase; }
  .public-program.entry-wrapper .info .content {
    font-size: 15px;
    line-height: 20px; }
    .public-program.entry-wrapper .info .content p {
      padding-bottom: 12px; }

/* _footer.scss */
#footer {
  height: 100vh;
  position: fixed;
  transition: transform 1s ease;
  top: 0;
  right: calc(60px - 25vw);
  width: 25vw;
  z-index: 100; }
  @media (max-width: 768px) {
    #footer {
      bottom: calc(-100vh + 54px);
      display: block;
      height: 100vh;
      position: fixed;
      overflow-y: hidden;
      right: unset;
      top: unset;
      width: 100%;
      z-index: 1; } }

.schedule {
  background: #e0e0e0;
  display: flex;
  font-size: 16px;
  height: 100%;
  line-height: 18px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; }
  .schedule:hover .drag-tag {
    display: block; }
    @media (max-width: 768px) {
      .schedule:hover .drag-tag {
        display: none; } }
  .schedule .header {
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: max-content;
    padding: 20px 0 0 0;
    width: 60px; }
    .schedule .header img {
      height: 30px;
      transition: transform 1s ease;
      z-index: 1; }
      @media (max-width: 768px) {
        .schedule .header img {
          transform: rotate(90deg); } }
    .schedule .header p {
      padding: 0 0 0 40px;
      transform: rotate(90deg);
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .schedule .header p {
          padding: 0 0 0 20px;
          transform: rotate(0); } }
    .schedule .header:hover + .drag-tag {
      display: none; }
    @media (max-width: 768px) {
      .schedule .header {
        align-items: center;
        background: #e0e0e0;
        flex-direction: unset;
        height: unset;
        padding: 12px 0 12px 20px;
        position: absolute;
        width: 100%;
        z-index: 10; } }
  .schedule .content {
    cursor: grab;
    display: inline-flex;
    font-size: 12px;
    flex-direction: column;
    height: max-content;
    line-height: 15px;
    padding: 20px 24px 0 0;
    width: 100%; }
    .schedule .content .content-slide {
      padding-bottom: 16px; }
      @media (max-width: 768px) {
        .schedule .content .content-slide {
          height: max-content;
          padding-bottom: 82px; } }
    .schedule .content .month-title {
      font-size: 16px;
      margin-bottom: 18px;
      text-transform: uppercase; }
    .schedule .content .event-date {
      border-bottom: 1px solid;
      margin-bottom: 16px; }
      .schedule .content .event-date .details {
        display: flex;
        margin-bottom: 12px; }
        .schedule .content .event-date .details .left-column {
          font-size: 16px;
          width: 32px; }
        .schedule .content .event-date .details .right-column {
          width: calc(100% - 32px); }
    @media (max-width: 768px) {
      .schedule .content {
        padding: 54px 18px 0; } }
  .schedule .drag-tag {
    background: #e0e0e0;
    border: 1px solid;
    display: none;
    font-size: 12px;
    padding: 5px;
    position: fixed;
    z-index: 100; }
    @media (max-width: 768px) {
      .schedule .drag-tag {
        display: none; } }
  @media (max-width: 768px) {
    .schedule {
      display: block;
      left: 0;
      position: relative;
      right: unset;
      top: 0;
      width: 100vw; } }

/* _grid.scss */
@media (max-width: 768px) {
  html {
    height: 100vh;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin: 0; } }

@media (max-width: 768px) {
  body {
    height: 100vh;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin: 0; } }
@media (max-width: 768px) {
  body #container {
    height: calc(100vh);
    padding: 54px 0 calc(54px + env(safe-area-inset-bottom));
    position: fixed;
    overflow-y: auto;
    width: 100%; } }
@media (max-width: 768px) {
  body.home #container {
    z-index: 100; } }

main#content {
  margin: 0 60px 0 250px;
  padding: 0 46px 46px 46px; }
  main#content p {
    font-size: 15px;
    line-height: 20px; }
@media (min-width: 769px) and (max-width: 992px) {
  main#content {
    padding: 0 18px 30px 18px; } }

  @media (max-width: 768px) {
    main#content {
      margin: 0 0 74px 0;
      padding: 0 18px calc(50px + env(safe-area-inset-bottom)) 18px; } }

.page main .heading {
  display: flex;
  font-size: 26px;
  justify-content: center;
  padding-bottom: 28px;
  text-align: center; }
  @media (max-width: 768px) {
    .page main .heading {
      font-size: 15px;
      line-height: 20px; } }

.subject {
  display: flex;
  font-size: 35px;
  justify-content: center;
  line-height: 40px;
  padding-bottom: 30px;
  text-transform: uppercase; }
  .subject h1 {
    text-align: center; }
  @media (max-width: 768px) {
    .subject {
      font-size: 26px;
      line-height: 32px;
      padding: 16px 0; } }

.thumb-page .post-col {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -12px; }
  .thumb-page .post-col .post-wrapper {
    margin-bottom: 24px;
    padding: 0 12px;
    width: 33.333333%; }
    .thumb-page .post-col .post-wrapper .thumb-img img {
      height: auto;
      width: 100%; }
@media (min-width: 769px) and (max-width: 992px) {
  .thumb-page .post-col .post-wrapper {
    padding: 9px;
    width: 50%; } }

@media (min-width: 577px) and (max-width: 768px) {
  .thumb-page .post-col .post-wrapper {
    padding: 9px;
    width: 50%; } }

    @media (max-width: 576px) {
      .thumb-page .post-col .post-wrapper {
        margin-bottom: 35px;
        width: 100%; } }
@media (min-width: 769px) and (max-width: 992px) {
  .thumb-page .post-col {
    margin: 0 -9px; } }

.video {
  padding: 0 0 46px; }
  .video .video-player {
    padding-bottom: 56.25%;
    position: relative;
    width: 100%; }
    .video .video-player iframe {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      position: absolute;
      width: 100%; }
  .video .video-caption {
    padding: 12px 0 0; }

/**** @MEDIA QUERIES ****/
/* _header.scss */
#header {
  background: #e0e0e0;
  color: #000;
  font-size: 16px;
  height: 100vh;
  line-height: 18px;
  padding: 0 24px;
  position: fixed;
  text-transform: uppercase;
  width: 250px;
  z-index: 10; }
  #header #menu {
    border-bottom: 2px solid;
    padding: 16px 0; }
    @media (max-width: 768px) {
      #header #menu {
        padding: 54px 0 16px 0; } }
  #header ul li {
    padding: 11px 0; }
    #header ul li.current-menu-item {
      background: #c9c9c9;
      border-radius: 12px;
      padding: 8px 16px 12px; }
  #header .header-bottom {
    bottom: 0;
    padding: 16px 0;
    position: absolute; }
    #header .header-bottom .social-logos {
      display: flex; }
      #header .header-bottom .social-logos a {
        margin-right: 12px; }
        #header .header-bottom .social-logos a img {
          height: 35px;
          width: 35px; }
    #header .header-bottom .language-sw {
      padding-bottom: 10px; }
      #header .header-bottom .language-sw ul {
        align-items: center;
        display: flex; }
        #header .header-bottom .language-sw ul li {
          margin-right: 22px; }
    #header .header-bottom .current-lang {
      background: #c9c9c9;
      border-radius: 12px;
      padding: 8px 16px 12px; }
    #header .header-bottom .copyright {
      padding-top: 8px; }
    @media (max-width: 768px) {
      #header .header-bottom {
        bottom: unset;
        position: relative; } }
  #header #cos-menu {
    display: none;
    padding: 15px 0 16px; }
    @media (max-width: 768px) {
      #header #cos-menu {
        border-bottom: 2px solid; } }
  #header #info-menu {
    display: none;
    padding: 15px 0 16px; }
    @media (max-width: 768px) {
      #header #info-menu {
        border-bottom: 2px solid; } }
  #header .hovered {
    background: #c9c9c9;
    border-radius: 12px;
    padding: 8px 16px 12px; }
  #header .content-wrapper {
    height: 100%; }
    @media (max-width: 768px) {
      #header .content-wrapper {
        height: max-content; } }
    #header .content-wrapper .content-slide {
      height: max-content;
      padding-bottom: 24px; }
  @media (max-width: 768px) {
    #header {
      top: -100vh;
      transition: transform 1s ease;
      width: 100vw; } }

.top-heading {
  height: 150px;
  margin: 0 60px 0 250px;
  position: relative; }
  .top-heading .logo {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 10; }
    .top-heading .logo img {
      height: 80px; }
@media (min-width: 577px) and (max-width: 768px) {
  .top-heading .logo img {
    height: 30px; } }

      @media (max-width: 576px) {
        .top-heading .logo img {
          height: 30px; } }
@media (min-width: 577px) and (max-width: 768px) {
  .top-heading .logo {
    height: 54px;
    display: flex;
    align-items: center;
    padding-left: 18px;
    top: 0;
    width: unset; } }

    @media (max-width: 576px) {
      .top-heading .logo {
        height: 54px;
        display: flex;
        align-items: center;
        padding-left: 18px;
        top: 0;
        width: unset; } }
  .top-heading .background {
    height: 100%;
    position: absolute;
    width: 100%; }
    .top-heading .background img {
      height: 100%;
      object-fit: cover;
      object-position: 50% 100%;
      width: 100%; }
@media (min-width: 577px) and (max-width: 768px) {
  .top-heading .background {
    display: none; } }

    @media (max-width: 576px) {
      .top-heading .background {
        display: none; } }
  .top-heading .menu-btn, .top-heading .close-btn {
    cursor: pointer;
    display: none; }
    .top-heading .menu-btn img, .top-heading .close-btn img {
      height: 30px;
      width: 30px; }
    @media (max-width: 768px) {
      .top-heading .menu-btn, .top-heading .close-btn {
        align-items: center;
        height: 100%;
        margin: 0 18px;
        position: absolute;
        right: 0; } }
  @media (max-width: 768px) {
    .top-heading {
      background: #e0e0e0;
      height: 54px;
      margin: 0;
      position: fixed;
      top: 0;
      width: 100vw;
      z-index: 100; } }

/* _landing.scss */
.landing-wrapper {
  align-items: center;
  background: white;
  cursor: pointer;
  display: flex;
  height: 100vh;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100vw;
  overflow: hidden;
  z-index: 1000; }
  .landing-wrapper .landing-logo {
    position: absolute;
    width: 80%; }
    .landing-wrapper .landing-logo img {
      width: 100%; }
  .landing-wrapper .landing-img {
    height: 100%;
    width: 100%;
    z-index: 10; }
    .landing-wrapper .landing-img img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: 50% 50%;
      -webkit-animation: floatLand 40s infinite normal ease-out;
      animation: floatLand 40s infinite normal ease-out; }

@-webkit-keyframes floatLand {
  0% {
    width: 100%; }
  50% {
    width: 105%; }
  100% {
    width: 100%; } }
@keyframes floatLand {
  0% {
    width: 100%; }
  50% {
    width: 105%; }
  100% {
    width: 100%; } }
.landing-text {
  align-items: center;
  background: white;
  cursor: pointer;
  display: flex;
  font-size: 46px;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  line-height: 50px;
  padding: 0 300px;
  position: absolute;
  top: 0;
  width: 100vw;
  overflow: hidden;
  z-index: 999; }
  .landing-text p {
    margin-bottom: 50px;
    text-align: center; }
  @media (max-width: 768px) {
    .landing-text {
      font-size: 24px;
      line-height: 28px;
      padding: 0 18px; } }

/* _slick-slider.scss */
.slides.slick-slider {
  margin: 0; }
  .slides.slick-slider .slick-list {
    padding-bottom: 75%;
    position: relative;
    width: 100%; }
    .slides.slick-slider .slick-list .slick-track {
      height: 100%;
      position: absolute; }
      .slides.slick-slider .slick-list .slick-track .slick-slide {
        align-items: center;
        display: flex;
        height: 100%;
        width: 100%;
        justify-content: center; }
        .slides.slick-slider .slick-list .slick-track .slick-slide img {
          height: 100%;
          object-fit: contain;
          width: 100%; }
  .slides.slick-slider .slick-dots {
    bottom: unset; }
    @media (max-width: 768px) {
      .slides.slick-slider .slick-dots {
        position: relative; } }

.cap-pag-bar {
  align-items: center;
  display: flex;
  font-size: 16px;
  line-height: 26px;
  padding: 12px 0 22px; }
  .cap-pag-bar .captions {
    display: inline-block;
    margin-bottom: 0;
    width: calc(100% - 145px); }
    @media (max-width: 768px) {
      .cap-pag-bar .captions {
        width: 100%; } }
  .cap-pag-bar .paginator {
    display: inline-block;
    width: 140px; }
    .cap-pag-bar .paginator ul {
      align-items: center;
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .cap-pag-bar .paginator ul .prev {
        background: url("/wp-content/themes/ghost2561/assets/icon/prev-arrow.svg") no-repeat;
        background-size: contain;
        cursor: pointer;
        display: block;
        height: 30px;
        width: 30px; }
      .cap-pag-bar .paginator ul .next {
        background: url("/wp-content/themes/ghost2561/assets/icon/next-arrow.svg") no-repeat;
        background-size: contain;
        cursor: pointer;
        display: block;
        height: 30px;
        width: 30px; }
    @media (max-width: 768px) {
      .cap-pag-bar .paginator {
        display: none; } }

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