html {
  font-size: 100%;
  font-family: AvenirLTStd, sans-serif;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1023px) {
  body {
    overflow-x: hidden;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

code {
  background-color: var(--wp--preset--color--contrast-alt);
  color: var(--wp--preset--color--base);
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-size: 1rem;
}

a {
  transition: all 0.3s ease-in-out;
}

main a:where(:not(.wp-element-button)) {
  text-decoration-style: dashed;
  text-decoration-thickness: 0.0625em;
  text-underline-offset: 0.25em;
  text-decoration-color: var(--wp--preset--color--contrast-alt);
}
main a:where(:not(.wp-element-button)):hover {
  text-decoration-style: solid;
  text-decoration-color: currentColor;
}

/* Site Blocks */
.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}
body.block-editor-iframe__body .wp-site-blocks {
  min-height: unset;
}
.wp-site-blocks > footer {
  margin-block-start: auto;
}

header:has(.is-position-sticky) {
  position: sticky;
  top: 0;
  z-index: 100;
}

.admin-bar header:has(.is-position-sticky) {
  top: 32px;
}

/* Helpers */
@media (max-width: 1023px) {
  ._desktop {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  ._mobile {
    display: none !important;
  }
}
body.logged-in ._guest,
body:not(.logged-in) ._member,
.hide,
.hidden,
._th:not(:lang(th)),
._en:not(:lang(en-US)) {
  display: none !important;
}

html:has(body.home) {
  scroll-behavior: smooth;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  display: block;
  padding: 0;
  position: relative;
  height: calc(100vh - 2rem);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.portfolio {
  margin-top: 0;
  margin-bottom: 20px;
}

.portfolio div.ms-view {
  width: calc(100vw - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left)) !important;
  height: calc(100vw - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left)) !important;
  max-width: 1024px;
  max-height: 1024px;
}

@media (width < 64rem) {
  .portfolio div.ms-inner-controls-cont {
    width: 100% !important;
  }
  .portfolio div.ms-thumb-list {
    display: none !important;
  }
  .portfolio .ms-slide {
    width: calc(100vw - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left)) !important;
    height: calc(100vw - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left)) !important;
  }
  .portfolio .ms-slide img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (width >= 64rem) {
  .portfolio {
    margin-bottom: 0;
  }
  .portfolio div.ms-inner-controls-cont {
    float: right;
    margin-top: -100px;
    margin-bottom: 80px;
    /*width: calc(100% - 440 - 40) !important; */
  }
  .portfolio div.ms-view, .portfolio div.ms-slide, .portfolio div.ms-slide div.ms-slide-bgcont {
    width: 72vw !important;
    height: 46.584vw !important;
    max-width: 1360px;
    max-height: 880px;
  }
  .portfolio .ms-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .portfolio div.ms-thumb-list {
    height: 22.85vw !important;
  }
  .portfolio div.ms-thumb-frame {
    width: 22.85vw !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    margin-right: 2.15vw !important;
  }
  .portfolio div.ms-thumb-frame > img, .portfolio div.ms-thumb-frame > div.ms-thumb {
    width: 100% !important;
    height: 100% !important;
  }
}/*# sourceMappingURL=seed.css.map */