.elementor-1888 .elementor-element.elementor-element-249897c{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1888 .elementor-element.elementor-element-eb876b1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4rem;--padding-bottom:4rem;--padding-left:4rem;--padding-right:4rem;}.elementor-1888 .elementor-element.elementor-element-8a56572{--display:flex;--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-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-main-swiper:not(.elementor-thumbnails-swiper){height:518px;}.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .elementor-carousel-image{aspect-ratio:1 / 1;}.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-1888 .elementor-element.elementor-element-1f0a773.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:20px;}.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-main-swiper .swiper-slide{border-radius:0px;padding:2px 2px 2px 2px;}.elementor-1888 .elementor-element.elementor-element-1f0a773{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;border-style:none;}.elementor-1888 .elementor-element.elementor-element-0018336{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--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-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-1888 .elementor-element.elementor-element-e78d7de{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -2px;padding:0px 0px 0px 0px;}.elementor-1888 .elementor-element.elementor-element-e78d7de .elementor-heading-title{font-family:"Futura Bold", Sans-serif;font-size:36px;font-weight:normal;line-height:45px;color:#AEB968;}.elementor-1888 .elementor-element.elementor-element-83c53e3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:6px 6px;--row-gap:6px;--column-gap:6px;--grid-auto-flow:row;border-style:none;--border-style:none;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1888 .elementor-element.elementor-element-974f208{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2px 2px 2px 2px;width:var( --container-widget-width, 128px );max-width:128px;--container-widget-width:128px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#AEB968;border-radius:10px 10px 10px 10px;}.elementor-1888 .elementor-element.elementor-element-974f208 img{width:50px;}.elementor-1888 .elementor-element.elementor-element-cb6f10d{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2px 2px 2px 2px;width:var( --container-widget-width, 128px );max-width:128px;--container-widget-width:128px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBEDD9;border-radius:10px 10px 10px 10px;}.elementor-1888 .elementor-element.elementor-element-cb6f10d img{width:50px;}.elementor-1888 .elementor-element.elementor-element-0c7254b{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2px 2px 2px 2px;width:var( --container-widget-width, 128px );max-width:128px;--container-widget-width:128px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBEDD9;border-radius:10px 10px 10px 10px;}.elementor-1888 .elementor-element.elementor-element-0c7254b img{width:50px;}.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-1888 .elementor-element.elementor-element-a2dd169{text-align:start;font-family:"Futura Medium", Sans-serif;font-size:16px;font-weight:normal;font-style:italic;line-height:33px;color:#565A5C;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1888 .elementor-element.elementor-element-a2dd169 p{margin-block-end:0px;}.elementor-1888 .elementor-element.elementor-element-a2dd169 a{color:#565A5C;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-1888 .elementor-element.elementor-element-bc9dcd4 .elementor-button{font-family:"Futura Medium", Sans-serif;font-size:18px;font-weight:normal;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#000000;border-style:none;border-radius:10px 10px 10px 10px;padding:10px 90px 10px 90px;}.elementor-1888 .elementor-element.elementor-element-bc9dcd4{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1888 .elementor-element.elementor-element-28887ae{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1888 .elementor-element.elementor-element-8042c88{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}body.elementor-page-1888{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1279px){.elementor-1888 .elementor-element.elementor-element-83c53e3{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1888 .elementor-element.elementor-element-eb876b1{--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-1888 .elementor-element.elementor-element-e78d7de .elementor-heading-title{font-size:28px;line-height:36px;}.elementor-1888 .elementor-element.elementor-element-83c53e3{--grid-auto-flow:row;}.elementor-1888 .elementor-element.elementor-element-bc9dcd4 .elementor-button{font-size:16px;}}@media(max-width:809px){.elementor-1888 .elementor-element.elementor-element-eb876b1{--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:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1888 .elementor-element.elementor-element-1f0a773{padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-1888 .elementor-element.elementor-element-0018336{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:045px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1888 .elementor-element.elementor-element-e78d7de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1888 .elementor-element.elementor-element-83c53e3{--width:312px;--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1888 .elementor-element.elementor-element-974f208{--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}.elementor-1888 .elementor-element.elementor-element-cb6f10d{--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}.elementor-1888 .elementor-element.elementor-element-0c7254b{--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}}@media(min-width:810px){.elementor-1888 .elementor-element.elementor-element-83c53e3{--width:396px;}}/* Start custom CSS for media-carousel, class: .elementor-element-1f0a773 *//* ==========================================================================
   1. OVERLAY FIX: Complete removal of the gray tint on inactive thumbnails
   ========================================================================== */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide:after {
    background-color: transparent !important;
    background: none !important;
}

.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide:not(.swiper-slide-active) {
    opacity: 1 !important; /* Ensures unselected slides stay fully vibrant */
}

/* ==========================================================================
   2. CENTERING & SPACING: Centers thumbnails without breaking click sync
   ========================================================================== */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper {
    width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-wrapper {
    margin: 0 auto !important;
    overflow: visible !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important; /* Forces full-width track alignment */
    transform: none !important; /* Clears inline off-center translate offset when items fit */
}

/* Clear left/right margin overrides so Swiper's native slide gap works cleanly */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

/* ==========================================================================
   3. THUMBNAIL DESIGN & UNCROPPED FIT: Precise 160x160px Full Bottle Display
   ========================================================================== */
/* Reset thumbnail aspect-ratio pseudo-elements */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide::before,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide::after,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .elementor-carousel-image::before,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .elementor-carousel-image::after {
    display: none !important;
    content: none !important;
    padding: 0 !important;
}

/* Enforce 160x160px dimensions */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide {
    width: 100px !important;
    max-width: 100px !important;
    height: 100px !important;
    box-sizing: border-box !important;   /* Ensures borders are calculated uniformly */
    border: 2px solid #EBEDD9 !important; /* Thumbnail border color */
    border-radius: 10px !important;       /* Corner radius */
    overflow: hidden !important;
    background: transparent !important;
    padding: 2px !important;              /* Internal buffer prevents border clipping */
    transition: all 0.3s ease;
    cursor: pointer !important;           /* Clear click pointer indicator */
}

/* Force inner container alignment */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide div,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .elementor-carousel-image {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Force image tag scaling to fit full uncropped bottle inside 160x160px box */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    pointer-events: none !important; /* Passes click events directly to the slide element */
}

/* Styling the active/selected thumbnail */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-thumbnails-swiper .swiper-slide-active {
    border-color: #AEB968 !important;     /* Active border color */
    transform: scale(1.02) !important;    /* Slightly pops out active item */
}

/* ==========================================================================
   4. NAVIGATION ARROWS: Custom SVGs with opacity on disabled/inactive state
   ========================================================================== */
/* Left Arrow SVG Replacement */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-prev i,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-prev svg {
    display: none !important; 
}
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-prev {
    background-image: url('/wp-content/uploads/2026/09/left-arrow.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 80px !important; 
    height: 80px !important;
    opacity: 1 !important;
    transition: opacity 0.3s ease;
}

/* Right Arrow SVG Replacement */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-next i,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-next svg {
    display: none !important; 
}
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-next {
    background-image: url('/wp-content/uploads/2026/09/right-arrow.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 80px !important; 
    height: 80px !important;
    opacity: 1 !important;
    transition: opacity 0.3s ease;
}

/* Opacity match state for disabled / inactive navigation arrows */
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-prev.swiper-button-disabled,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-next.swiper-button-disabled,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-prev.elementor-button-disabled,
.elementor-1888 .elementor-element.elementor-element-1f0a773 .elementor-swiper-button-next.elementor-button-disabled {
    opacity: 0.35 !important;
    filter: none !important;
    cursor: default;
    pointer-events: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Bold.eot');
	src: url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Bold.woff2') format('woff2'),
		url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Bold.woff') format('woff'),
		url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Bold.ttf') format('truetype'),
		url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Bold.svg#FuturaBold') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Medium.eot');
	src: url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Medium.woff2') format('woff2'),
		url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Medium.woff') format('woff'),
		url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Medium.ttf') format('truetype'),
		url('https://drinkgoodboytea.com/wp-content/uploads/2026/09/Futura-Medium.svg#FuturaMedium') format('svg');
}
/* End Custom Fonts CSS */