.elementor-56 .elementor-element.elementor-element-567fd25{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-b68f062{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-b68f062.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-c203e23 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:55px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-fa184e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Verdana", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;color:var( --e-global-color-text );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-933a900{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-56 .elementor-element.elementor-element-933a900 .elementor-icon-wrapper{text-align:start;}.elementor-56 .elementor-element.elementor-element-933a900.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-933a900.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-933a900.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-933a900.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-933a900.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-933a900 .elementor-icon{font-size:35px;}.elementor-56 .elementor-element.elementor-element-933a900 .elementor-icon svg{height:35px;}.elementor-56 .elementor-element.elementor-element-4c57273{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Verdana", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-56 .elementor-element.elementor-element-4c57273 a:hover, .elementor-56 .elementor-element.elementor-element-4c57273 a:focus{color:var( --e-global-color-text );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-1e1759f{width:var( --container-widget-width, 122px );max-width:122px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:122px;--container-widget-flex-grow:0;}.elementor-56 .elementor-element.elementor-element-1e1759f .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:0px;}.elementor-56 .elementor-element.elementor-element-1e1759f .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-1e1759f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-1e1759f.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-1e1759f.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-1e1759f .elementor-icon{font-size:18px;}.elementor-56 .elementor-element.elementor-element-1e1759f .elementor-icon-box-title, .elementor-56 .elementor-element.elementor-element-1e1759f .elementor-icon-box-title a{font-family:"Sofia Sans", Sans-serif;font-weight:600;}.elementor-56 .elementor-element.elementor-element-1e1759f .elementor-icon-box-description{font-family:"Kanit", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-text );}.elementor-56 .elementor-element.elementor-element-7724bc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-7724bc2:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-7724bc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-247362f );}.elementor-56 .elementor-element.elementor-element-83f6a1f{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-56 .elementor-element.elementor-element-83f6a1f:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-83f6a1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dc7935a );}.elementor-56 .elementor-element.elementor-element-3c57bc7{--display:flex;}.elementor-56 .elementor-element.elementor-element-9e8da9e{--display:flex;--padding-top:70px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-56 .elementor-element.elementor-element-567fd25{--content-width:1300px;}.elementor-56 .elementor-element.elementor-element-7724bc2{--content-width:2000px;}.elementor-56 .elementor-element.elementor-element-83f6a1f{--content-width:1300px;}.elementor-56 .elementor-element.elementor-element-3c57bc7{--content-width:1300px;}.elementor-56 .elementor-element.elementor-element-9e8da9e{--content-width:1300px;}}@media(max-width:1024px){.elementor-56 .elementor-element.elementor-element-567fd25{--padding-top:70px;--padding-bottom:70px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-56 .elementor-element.elementor-element-567fd25{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-56 .elementor-element.elementor-element-1e1759f{--container-widget-width:114px;--container-widget-flex-grow:0;width:var( --container-widget-width, 114px );max-width:114px;}.elementor-56 .elementor-element.elementor-element-7724bc2{--min-height:1338px;}.elementor-56 .elementor-element.elementor-element-83f6a1f{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-56 .elementor-element.elementor-element-9e8da9e{--padding-top:70px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-5d044ad *//* =========================================
   VENUE FLIP GALLERY
   ========================================= */

.venue-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-areas:
    "left-top center right-top"
    "left-bottom center right-bottom";
  gap: 26px;
  width: 100%;
}

/* Grid positions */

.gallery-card--left-top {
  grid-area: left-top;
}

.gallery-card--left-bottom {
  grid-area: left-bottom;
}

.gallery-card--center {
  grid-area: center;
}

.gallery-card--right-top {
  grid-area: right-top;
}

.gallery-card--right-bottom {
  grid-area: right-bottom;
}


/* =========================================
   FLIP CARD BASE
   ========================================= */

.photo-flip-card {
  position: relative;
  width: 100%;
  min-width: 0;
  perspective: 1200px;
  cursor: pointer;
  outline: none;
}

/* Outer landscape cards */

.gallery-card:not(.gallery-card--center) {
  aspect-ratio: 4 / 2.7;
}

/* Tall center card */

.gallery-card--center {
  height: 100%;
  min-height: 0;
}

.photo-flip-card__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
  will-change: transform;
}


/* =========================================
   FLIP INTERACTION
   ========================================= */

/* Desktop hover */

.photo-flip-card:hover .photo-flip-card__inner {
  transform: rotateY(180deg);
}

/* Keyboard focus and mobile tap */

.photo-flip-card:focus .photo-flip-card__inner,
.photo-flip-card:focus-within .photo-flip-card__inner {
  transform: rotateY(180deg);
}


/* =========================================
   FRONT AND BACK
   ========================================= */

.photo-flip-card__front,
.photo-flip-card__back {
  position: absolute;
  inset: 0;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.photo-flip-card__front {
  transform: rotateY(0deg);
}

.photo-flip-card__back {
  transform: rotateY(180deg);
}

.photo-flip-card__front img,
.photo-flip-card__back img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* =========================================
   BACKGROUND OVERLAY
   ========================================= */

.photo-flip-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.85);
}


/* =========================================
   BACK CONTENT
   ========================================= */

.photo-flip-card__content {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 10px;
  padding: 30px;
  text-align: center;

  color: #428BC9;
}

.photo-flip-card__content h3 {
  margin: 0;
  padding: 0;

  font-family: "Kanit", sans-serif;
  font-size: clamp(20px, 2.1vw, 22px);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: 0;

  color: inherit;
}

.photo-flip-card__content p {
  margin: 0;
  padding: 0;

  font-family: "Kanit", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;

  color: inherit;
}


/* =========================================
   FOCUS STYLE
   ========================================= */

.photo-flip-card:focus-visible {
  outline: 2px solid #428BC9;
  outline-offset: 4px;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {
  .venue-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    grid-template-areas:
      "center center"
      "left-top right-top"
      "left-bottom right-bottom";
    gap: 20px;
  }

  .gallery-card--center {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .gallery-card:not(.gallery-card--center) {
    aspect-ratio: 4 / 3;
  }

  .photo-flip-card__content {
    padding: 24px;
  }

  .photo-flip-card__content h3 {
    font-size: clamp(23px, 3vw, 32px);
  }

  .photo-flip-card__content p {
    font-size: 14px;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .venue-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "center"
      "left-top"
      "left-bottom"
      "right-top"
      "right-bottom";
    gap: 16px;
  }

  .gallery-card,
  .gallery-card--center,
  .gallery-card:not(.gallery-card--center) {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .photo-flip-card__content {
    gap: 7px;
    padding: 20px;
  }

  .photo-flip-card__content h3 {
    font-size: 24px;
  }

  .photo-flip-card__content p {
    font-size: 14px;
  }
}


/* =========================================
   TOUCH DEVICES
   ========================================= */

@media (hover: none) {
  .photo-flip-card:hover .photo-flip-card__inner {
    transform: none;
  }

  .photo-flip-card:focus .photo-flip-card__inner,
  .photo-flip-card:focus-within .photo-flip-card__inner {
    transform: rotateY(180deg);
  }
}


/* =========================================
   REDUCED MOTION
   ========================================= */

@media (prefers-reduced-motion: reduce) {
  .photo-flip-card__inner {
    transition-duration: 0.01ms;
  }
}/* End custom CSS */