.elementor-804 .elementor-element.elementor-element-1ac99d8{--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;--margin-top:0px;--margin-bottom:-330px;--margin-left:0px;--margin-right:-0px;}.elementor-804 .elementor-element.elementor-element-29f9265{--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;--z-index:2;}.elementor-804 .elementor-element.elementor-element-29f9265.e-con{--e-con-transform-translateX:141px;--e-con-transform-translateY:-16px;--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-ebb11b4 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-b11b478{--spacer-size:40px;}.elementor-804 .elementor-element.elementor-element-4849d1b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-804 .elementor-element.elementor-element-4849d1b .elementor-button{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-e97104a{width:var( --container-widget-width, 56.454% );max-width:56.454%;--container-widget-width:56.454%;--container-widget-flex-grow:0;z-index:1;}.elementor-804 .elementor-element.elementor-element-e97104a > .elementor-widget-container{--e-transform-translateX:-108px;--e-transform-translateY:81px;}.elementor-804 .elementor-element.elementor-element-e97104a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-281f2c8{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:153px;--padding-bottom:153px;--padding-left:153px;--padding-right:153px;}.elementor-804 .elementor-element.elementor-element-281f2c8::before, .elementor-804 .elementor-element.elementor-element-281f2c8 > .elementor-background-video-container::before, .elementor-804 .elementor-element.elementor-element-281f2c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-804 .elementor-element.elementor-element-281f2c8 > .elementor-background-slideshow::before, .elementor-804 .elementor-element.elementor-element-281f2c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-804 .elementor-element.elementor-element-281f2c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #CF8895 0%, #F2295B00 100%);}.elementor-804 .elementor-element.elementor-element-468ede7{--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;}.elementor-804 .elementor-element.elementor-element-ef40f50{--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;}.elementor-804 .elementor-element.elementor-element-245fb70{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:4;}.elementor-804 .elementor-element.elementor-element-245fb70.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-7b63908 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-7b63908{text-align:right;}.elementor-804 .elementor-element.elementor-element-7b63908 img{border-style:none;border-radius:25px 25px 25px 25px;box-shadow:15px 20px 20px 0px rgba(0,0,0,0.5);}.elementor-804 .elementor-element.elementor-element-c21c973 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-c21c973{text-align:left;}.elementor-804 .elementor-element.elementor-element-c21c973 img{border-radius:25px 25px 25px 25px;box-shadow:15px 20px 20px -6px rgba(0,0,0,0.5);}.elementor-804 .elementor-element.elementor-element-f0db5c9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-f0db5c9{text-align:right;}.elementor-804 .elementor-element.elementor-element-f0db5c9 img{border-radius:25px 25px 25px 25px;box-shadow:15px 20px 20px 0px rgba(0,0,0,0.5);}.elementor-804 .elementor-element.elementor-element-10851c4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-10851c4{text-align:left;}.elementor-804 .elementor-element.elementor-element-10851c4 img{border-radius:25px 25px 25px 25px;box-shadow:15px 20px 20px 0px rgba(0,0,0,0.5);}.elementor-804 .elementor-element.elementor-element-7e978a4{--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;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-804 .elementor-element.elementor-element-3c63841{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-804 .elementor-element.elementor-element-a420401 > .elementor-widget-container{--e-transform-translateX:70px;margin:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-4b5372f{width:var( --container-widget-width, 51.512% );max-width:51.512%;--container-widget-width:51.512%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:24px;font-weight:500;color:var( --e-global-color-e052ba3 );}.elementor-804 .elementor-element.elementor-element-4b5372f > .elementor-widget-container{margin:-44px -2px -2px -2px;}.elementor-804 .elementor-element.elementor-element-4b5372f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-d57358c{--spacer-size:18px;}.elementor-804 .elementor-element.elementor-element-020d8da{--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;}.elementor-804 .elementor-element.elementor-element-020d8da:not(.elementor-motion-effects-element-type-background), .elementor-804 .elementor-element.elementor-element-020d8da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://teafable.com/wp-content/uploads/2025/05/Mask-Group-from-Explicate-Project.png") 50% 50%;background-size:cover;}.elementor-804 .elementor-element.elementor-element-91b0343{--spacer-size:15px;}.elementor-804 .elementor-element.elementor-element-13b3618{text-align:center;}.elementor-804 .elementor-element.elementor-element-13b3618 .elementor-heading-title{font-family:"ITC Avante Garde Gothic STD", Sans-serif;font-size:40px;font-weight:500;color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-c1cfc24 > .elementor-widget-container{margin:-11px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-c1cfc24{text-align:center;}.elementor-804 .elementor-element.elementor-element-c1cfc24 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:96px;color:var( --e-global-color-dc78308 );}.elementor-804 .elementor-element.elementor-element-a2e750d{width:var( --container-widget-width, 43.102% );max-width:43.102%;--container-widget-width:43.102%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:24px;color:#FFFFFF;}.elementor-804 .elementor-element.elementor-element-a2e750d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-e98f845{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-804 .elementor-element.elementor-element-3642a5d{--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;--justify-content:center;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-804 .elementor-element.elementor-element-3642a5d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-2bf96cd{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;text-align:center;}.elementor-804 .elementor-element.elementor-element-2bf96cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-2bf96cd.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-c355a4c{width:var( --container-widget-width, 46.324% );max-width:46.324%;--container-widget-width:46.324%;--container-widget-flex-grow:0;text-align:left;}.elementor-804 .elementor-element.elementor-element-c355a4c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-804 .elementor-element.elementor-element-c355a4c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-b992921{--spacer-size:30px;width:var( --container-widget-width, 3.109% );max-width:3.109%;--container-widget-width:3.109%;--container-widget-flex-grow:0;}.elementor-804 .elementor-element.elementor-element-b992921.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-804 .elementor-element.elementor-element-1bf8e23{--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;}body.elementor-page-804:not(.elementor-motion-effects-element-type-background), body.elementor-page-804 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://teafable.com/wp-content/uploads/2025/05/TeaFable-Background.png");}@media(max-width:1024px){.elementor-804 .elementor-element.elementor-element-245fb70{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-804 .elementor-element.elementor-element-1ac99d8{--content-width:1386px;}.elementor-804 .elementor-element.elementor-element-29f9265{--width:42%;}.elementor-804 .elementor-element.elementor-element-468ede7{--width:50%;}.elementor-804 .elementor-element.elementor-element-ef40f50{--width:50%;}.elementor-804 .elementor-element.elementor-element-245fb70{--content-width:1068px;}.elementor-804 .elementor-element.elementor-element-3642a5d{--width:100%;}}@media(max-width:767px){.elementor-804 .elementor-element.elementor-element-245fb70{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-ebb11b4 *//* Main container styling - with !important flags */
.tea-headline, 
.tea-headline * {
  font-family: 'ITC Avant Garde Gothic Std', 'Avant Garde', sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

/* Main title styling */
.tea-headline .main-title {
  font-size: 75px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}

/* Color variations */
.tea-headline .white-text {
  color: #FFFFFF !important;
  margin-right: 15px !important;
}

.tea-headline .red-text {
  color: #C2858C !important;
}

/* Tagline styling - aligned with header text */
.tea-headline .tagline {
  font-size: 30px !important;
  color: #FFFFFF !important;
  margin-top: 20px !important; /* Uniform spacing from last line of header */
  text-align: left !important;
  padding: 0 !important; /* Remove padding to align with header */
  display: block !important; /* Changed from inline-block for better alignment */
  line-height: 1.2 !important;
}

/* Override any possible italic */
.elementor-text-editor *,
.elementor-widget-container * {
  font-style: normal !important;
}

/* Container alignment */
.tea-headline {
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-96c6cb7 *//* Import required fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400&display=swap');



/* SIGNATURE DRINK text */
.signature-drink {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important; /* Bold */
  font-size: 85px !important;
  color: #FFFFFF !important; /* White as requested */
  line-height: 1.1 !important;
  margin-bottom: 0 !important;
  text-transform: uppercase !important;
}

/* Of The Month text */
.of-the-month {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important; /* Regular */
  font-size: 80px !important;
  color: #FFFFFF !important; /* White as requested */
  line-height: 1.1 !important;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}

/* Rounded box for drink name */
.drink-box {
  background-color: rgba(255, 255, 255, 0.67) !important; /* White with 67% opacity as per original request */
  border-radius: 30px !important; /* As per original requirement */
  padding: 30px 40px !important;
  display: inline-block !important;
}

/* Matcha Coconut text */
.drink-name-en {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important; /* Regular */
  font-size: 64px !important;
  color: #3A4E02 !important; /* Green as requested */
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}

/* Thai text */
.drink-name-th {
  font-family: 'Noto Serif Thai', serif !important;
  font-weight: 400 !important;
  font-size: 48px !important;
  color: #3A4E02 !important; /* Green as requested */
  margin-top: 0 !important;
  line-height: 1.2 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .signature-drink {
    font-size: 50px !important;
  }
  
  .of-the-month {
    font-size: 45px !important;
  }
  
  .drink-name-en {
    font-size: 40px !important;
  }
  
  .drink-name-th {
    font-size: 30px !important;
  }
  
  .drink-box {
    padding: 20px 25px !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2bf96cd *//* Import Poppins font with medium (500) weight included */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

/* Container styling - RIGHT aligned container with LEFT aligned text */
.tea-finder-heading {
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: left;
  margin-left: auto;
  width: fit-content;
  max-width: 80%;
}

/* "FIND" styling - using medium weight */
.find {
  font-size: 80px;
  font-weight: 500;
  color: white;
  line-height: 1;
}

/* "TEAFABLE" container and styling */
.teafable-container {
  display: inline-block;
  margin: 5px 0;
}

.teafable {
  font-size: 50px;
  font-weight: 700;
  background-color: #C2858C;
  color: white;
  padding: 0 10px;
  display: inline-block;
  line-height: 1.2;
}

/* "Near You" styling - using medium weight */
.near-you {
  font-size: 80px;
  font-weight: 500;
  color: white;
  line-height: 1;
  display: inline-block; /* This helps with width calculation */
}

/* Description container to match Near You width */
.description-container {
  width: 100%; /* Start at full width */
  max-width: fit-content; /* But don't exceed content width */
}

/* Description text styling */
.description {
  font-size: 20px;
  color: white;
  margin-top: 15px;
  font-weight: 400;
  line-height: 1.4;
  display: inline-block;
  width: 100%; /* Take full width of container */
}

/* JavaScript to ensure exact width alignment */
.tea-finder-heading::after {
  content: "";
  display: table;
  clear: both;
}

/* Pure CSS solution */
.tea-finder-heading {
  --near-you-width: max-content; /* This will be used as a reference */
}

.near-you {
  display: block;
  width: var(--near-you-width);
}

.description {
  display: block;
  width: var(--near-you-width);
  word-wrap: break-word;
  max-width: 100%;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://teafable.com/wp-content/uploads/2025/05/Poppins-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://teafable.com/wp-content/uploads/2025/05/Poppins-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ITC Avante Garde Gothic STD';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://teafable.com/wp-content/uploads/2025/05/ITC-Avant-Garde-Std-Medium.woff') format('woff');
}
/* End Custom Fonts CSS */